/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff
	7. Table
	8. Video
	9. Footer

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
margin: 0;
padding: 0;
}

body {/* set page background colour */
background: #02436d;
font: 62.5%/1.6 verdana,arial,sans-serif;
min-width: 920px;
text-align: center; 
}
	
/*  --------- 2. structure  --------- */

#topborder{	
width: 100%;
height: 0.5em;
background-color: #84ab68;
left: 0;
position: fixed;
top: 0;
}

.wrapper {/* site content container */
width: 880px;
margin: 0 auto;
background-color: #ffffff;
text-align: left;
}
		
.header {
background: #84ab68; 
/*height: 133px;*/
}
		
#logo {/* logo container */
width: 573px;
height: 133px;
float: left;
}

.searchArea { 
width: 305px;
height: 131px;
background: #84ab68;
float: left;
border: 1px solid #555555;
}

.navContainer {/* navigation container */
clear: left;
}

img.hBottom {/* add border to masthead */
width: 880px;
height: 6px;
display: block;
margin: 0 auto;
}

.content {
overflow: hidden;
padding-top: 10px;
padding-bottom: 5px;
}

.content .primary { 
width: 680px;
padding-right: 10px;
float: right;
}

.content .secondary { 
width: 180px;
float: left; 
}

/*.content .secondary ul {
padding-left: 10px;
}*/


.content .primary .primary {
width: 450px;
float: left;
}

.content .primary .primary h4 { background-color: #84AB68; color: #fff; }

.content .primary .primary ul, ol {
padding: 0 0 10px 30px;
}


.content .primary .secondary {
width: 200px;
float: right;
}

.content .secondary h3 { 
background-color: #005F9B;
color: #ffffff;
margin-top: 20px;
margin-bottom: 10px;
padding: 10px; 
}

.content .secondary h4 { 
background-color: #005F9B;
color: #ffffff;
margin-top: 30px;
margin-bottom: 10px;
padding: 10px; 
}

/*.content .secondary p {
padding: 10px;
}*/

.content .secondary ul {
padding: 0 0 10px 20px;
}


/*.content .secondary .promo {
padding-bottom: 2px;
padding-left: 10px;
}*/

.content .secondary .promo h3 { 
background-color: #84ab68;
color: #ffffff;
margin-top: 20px;
padding:  10px 10px 10px 30px;
}

.content .secondary .promo p {
font-family: Arial, Helvetica, sans-serif;
padding: 5px 10px;
}

.content .primary .secondary h3 { 
background-color: #005F9B;
color: #ffffff;
padding: 10px; 
}

.content ul {
padding-left: 20px;
}

.content li {
font-size: 1.2m;
}


.columnRight {
width: 170px;
float: left;
}

.columnLeft {
width: 480px;
float: left;
margin-right: 18px;
}

.new {
color: #ff0000;
font-size: x-small;
}

.newPubCover {
margin-right: 5px;
}


.smalltext {
font-size: x-small;
}

.textcentered {
text-align: center;
}

.textbox {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
border: 1px solid #0069aa;
}

.textboxnew {
	color: #ff0000;
	font-weight: bold;
}


.disclaimer { margin: 10px; font-size: 0.8em; margin-top: 9.5em; }
.disclaimer hr { margin-top: 30em;}
.disclaimer p { /*margin-top: 30em; margin-left: 10px;*/ font-family: Arial, Helvetica, sans-serif; }
.disclaimer p.caption { margin: 0px auto 10px auto; width: 110px; font-size: 1.0em; font-weight: bold; line-height: 1.3em;}

/*p.disclaimer { font-size: 0.9em; line-height: 1.3em; margin-top: 22em; padding-right: 10px; text-decoration: none;}
p.disclaimer a { text-decoration: none;}*/


/* ---------- 3. links and navigation ---------- */

a {/* default link style */
color: #005f9b;
text-decoration: none;
}

a:hover {
color:#84ab68;
text-decoration: underline;
}
		
/* -- main navigation -- */

.nav {
background: #005f9c;
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #6ba7ce;
}
	
.nav li {
background: #005f9c;
margin: 0;
padding: 0;
}

.nav li a {
background: #005f9c;
color: #ffffff;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 0.1em;
padding: 7px 0 7px 5px;
text-decoration: none;
text-transform: bold;
border-bottom: 1px #016fb6 solid;
}

.nav li a:hover {
background: #84ab69;
color: #fffff2;
}

.nav li a:active {
background: #006699;
color: #ffffff; 
}


/* -- sub navigation -- */

.subNavigation {
background: #005f9d;
padding: 10px 0;
border-bottom: 5px solid #84ab68;
}

.subNavigation ul {
text-align: center;
}

.subNavigation li {
display: inline;
}

.subNavigation a {
font: bold 11px Arial, sans-serif;
color: #fffff2;
text-align: center;
text-decoration: none;
margin-right: 5px;
padding: 5px 10px;
border: 1px solid #cccccc; 
}
		
.subNavigation a:hover {
color: #84ab69;
}

/*.subNavigation a:active {
background: #84ab69;
color: #fffff3;
}*/

		
		
/* ---------- 4. fonts ---------- */

html {
font-size: 100%;
}

body {
font-size: 62.5%;
}

h1 {
font-size: 2.0em;
font-weight: normal;
}

h2 {
font-size: 1.4em;
}

h3, h4 { 
font-size: 1.2em; 
}

/*h4, h5 { 
font-size: 1em; 
}*/


h3, h4 { 
color: #84AB68; 
}

p {
  font-size: 1.4em;
}

li {
  font-size: 1.2m;
}


h1, h2, p {
  margin: 0.5em 0;
}

.branding h1 {
  margin: 0;
}

p {
font: 1.1em/1.4em Verdana, Arial, sans-serif;
}

.new {
color: #ff0000;
font-size: xx-small;
}


/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
border: 0;
}

img.right {
float: right;
padding-left: 10px;
}

img.center {
display: block;
margin: 5px auto;
}

img.left {
float: left;
padding-right: 10px;
}

img.newsletter {
margin: 10px auto;
}
		
/* ---------- 6. forms stuff ---------- */

.searchArea form {
padding: 30px 0 0 20px;
}

.searchArea p {
color: #eeeeee;
float: left;
margin-right: 10px;
}

.searchArea p.mainSearchLabel {
display: block;
float: none;
}
		
.mainSearchField {
width: 230px;
background-color: #111111;
color: #eeeeee;
font-size: 1.0em;
padding: 1px;
border: 1px solid #666666;
}
		
.mainSearchSubmit {
width: 40px;
background-color: #333333;
color: #eeeeee;
font-size: 1.0em;
margin-right: -10px;
border: 1px solid #666666;
}


/* ---------- 7. table ---------- */

#siopFeatures {
width: 670px;
background: #ffffff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 10px;
margin-bottom: 20px;
text-align: left;
border-collapse: separate;
}

#siopFeatures th {
background-color: #84ab68;
color: #ffffff;
font-size: 12px;
font-weight: normal;
padding: 10px;
text-align: center;
border-bottom: 2px solid #6678b1;
}

#siopFeatures td {
width: 186px;
color: #111111;
padding: 10px;
vertical-align: top;
border: 1px solid #005f9d;
}

#siopFeatures ul {
margin-left: 1em;
padding: 5px;}

/*#siopFeatures tbody tr:hover td {
color: #ff0000;
}*/

/* ---------- 8. Video ---------- */

.video {
width: 520px;
/*height: 360px;*/
margin-top: 20px;
margin-bottom: 20px;
/*margin-left: auto;
margin-right: auto;
padding-left: 20px;
clear: both;*/
}

/* ---------- 9. footer ---------- */

.footer {
background-color:#84ab69;
padding: 1px 20px;
border-top: 5px solid #02436d;
}

.footer p {
color:#ffffff;
text-align: center;
}

.footer a {
color:#ffffff;
text-decoration: none;
}

.footer a:hover {
	text-decoration:underline;
}