/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



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

/* body and layout */


body {/* set page background colour */
width: auto;
background: #ffffff;
color: black;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 10pt;
margin: 0 10%;
}

		
/*  --------- 2. structure  --------- */

#topborder {
display: none;	
}


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

.searchArea {/* second masthead area */
width: 305px;
height: 131px;
background: #84ab68 url(images/search-background.gif) 97% 50% no-repeat;
float: left;
border: 1px solid #555555;
}

.tagline {
background: #84ab68 url (../images/tagline.png)
}


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

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

.content {
overflow: hidden;
}

.content .primary { 
width: 670px;
padding-right: 20px;
padding-bottom: 20px;
float: right;
}

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

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

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

.content .secondary .promo {
padding-left: 20px;
}


/*#search { height: 154px; width: 174px; float: left; margin-left: 1px; }
#search form { margin-top: 0px; margin-left: 5px; }
#search input.text-input { width: 110px; border-width: 1px; border-style: solid; }
#search a { font-size: 0.9em; font-weight: bold; }*/

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

a:link, a:visited {/* default link style */
color: #000000;
text-decoration: none;
}
		
/* -- main navigation -- */

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

.nav li a {
background-image: url(../images/star.png);
background-position: 5px center;
background-repeat: no-repeat;
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 20px;
text-decoration: none;
text-transform: bold;
border-bottom: 1px #016fb6 solid;
}

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

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

/* -- sub navigation -- */

.subNavigation {
background: #005f9d;
padding: 10px 0;
}

.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: #ff0000;
}
		
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {
  font-size: 18pt;
  font-weight: normal;
}

h2 {
  font-size: 16px;
  font-weight: normal;
}

h3 {
  font-size: 14px;
  font-weight: normal;
}

p {
  font-size: 14px;
  margin: 0 0 5px 0;
}

li {
  font-size: 14px;
}


h1, h2, h3, p {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
margin: 0.5em 0;
}

.branding h1 {
  margin: 0;
}

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

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

img.left {
margin-right: 10px;
}
		
/* ---------- 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: 650px;
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: #fffff7;
font-size: 12px;
font-weight: normal;
padding: 10px;
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. footer ---------- */
.footer {
background-color:#84ab69;
padding: 1px 20px;
}

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

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