/* Declare body first of all */

body {
background-color:#578fb7; 
font:normal 12px 'arial';
text-align:center;
}

/* Wireframing - use border:1px to place borders around all div elements during development, but be aware that you'll need to change sidebar width to 306px to allow for the border widths */

div {
margin:0;
padding:0;
border:0px solid #F00;
}

/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#masthead {
background:url(../images/header.jpg) no-repeat;
width:877px;
height:119px;
}

#masthead h2{
float:right;
font-size:14px;
color:#000;
margin:0px 10px 0px -263px;
}

#masthead img {
float:left;
margin:29px 0px 0px 50px;
}

#masthead p {
float:right;
font-size:16px;
margin:35px 30px -57px 0px;
}


/* Container - needed only for faux background */

#container {
width:877px;
height:auto;
margin:-5px auto 0px auto;
_margin:-13px auto 0px auto;
background:url(../images/bg1.jpg) repeat-y;

}

#nav {
width:400px;
font-size:14px;
float:right;
margin:-55px 45px 0px 0px;
position:relative;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
float:left;
display:inline;
margin:0 2px 0 0;
padding:3px;
line-height:normal;
}

#nav li ul {
  display: none;
  float: left;
  top: 1em;
  left: 0;
 
  }
  
#nav li>ul {
	top: auto;
	left: auto;
	}
	
#nav li:hover ul, li.over ul{ 
display: block;
}


#nav li a:link, #nav li a:visited {
text-decoration:none;
font-size:14px;
color:#000;
padding-right:2px;
}
#nav li a:hover {
background:#eae7de;
}

#singleCol {
float:left;
width:700px;
font-size:14px;
line-height:17px;
color:#363636;
text-align:left;
margin:0px 75px -10px 53px;
_margin:20px 0px -10px 45px;
position:relative;
}


/* The left column and descendants */
#leftCol {
float:left;
width:400px;
font-size:14px;
line-height:17px;
color:#363636;
text-align:left;
margin:0px 75px -10px 53px;
_margin:20px 0px -10px 45px;
position:relative;
}

#leftCol img {
clear:both;
}

#leftCol ul {
list-style:none;
margin:10px 0 10px 15px;
padding:0;
}

.title {
font-size:15px;}

#leftCol li {
display:marker;
margin:0 10px 0 5px;
padding-bottom:10px;
list-style-type:disc;
}

#leftCol li.sitemap2 {
display:marker;
margin:0 10px 0 25px;
padding:0;
line-height:18px;
list-style-type:circle;
font-size:11px;
}


#leftCol ul.sitemap {
font-size:11px;
list-style:none;
padding:0;
margin-top:2px;
}



#leftCol li a:link, #leftCol li a:visited {
text-decoration:none;
color:#363636;
}
#leftCol li a:hover {
color:#045480;
}

#leftCol a:link, #leftCol a:visited {
text-decoration:none;
color:#363636;
}

#leftCol a:hover {
color:#045480;
}

.intro {
font-size:16px;
line-height:21px;
}

.overview {
font-size:14px;
line-height:18px;
}

#leftCol h2 {
margin-top:10px;
_margin-top:-8px;
position:relative;
}

 
/* The Right column and descendants */

#rightCol {
float:right;
width:220px;
font-size:14px;
text-align:left;
line-height:15px;
color:#362f2d;
margin:0px 0px 0px 0px;
_margin:0px 0px 0px 0px;
}


#rightCol img {
clear:both;
margin:115px 65px 0px -160px;
_margin:90px 50px 0px 0px;
}

#rightCol a:link, #sidebar a:visited {
text-decoration:none;
font-size:14px;
color:#000;
}

#rightCol a:hover {
color:#045480;
}

#rightCol p {
line-height:17px;
}

/* The footer and descendants */

#footer {
clear:both;
width:877px;
height:154px;
font-size:10.5px;
line-height:14px;
color:#000;
text-align:center;
background:url(../images/footer.jpg);
}

#footer p {
float:right;
text-align:right;
line-height:14px;
color:#363636;
margin:55px 35px 0px 0px;
_margin:60px 35px 0px 0px;
position:relative;
}

#footer ul {
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:10px;
}
#footer li a:link, #footer li a:visited {
text-decoration:none;
font-weight:bold;
color:#FFE86C;
font-size:1em;
}
#footer li a:hover {
color:#9f6643;
}

#footer a:link, #footer a:visited {
text-decoration:none;
font-size:10.5px;
color:#363636;
}

#footer a:hover {
color:#045480;
}

#logos {
clear:both;
margin-right:225px;
margin-left:-3px;
position:relative;
width:500px;
padding-right:40px;
}


/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1, h2, h3 {
color:#045480;
}
h1 {
font-size:16px;
}
h2 {
margin-top:15px;
font-size:20px;
}
h3 {
margin-top:20px;
font-size:1.5em;	
}
h4 {
margin:550px 0 10px 56px;
font-size:1.3em;
color:#FFE86C;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color:#FFF;
text-decoration:none;
}

/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */
img {
border:0;
}

/* Link states */

a:link {
	
}
a:visited {
text-decoration:none;
color:#000000;
	
}
a:hover {
	
}
a:active {
	
}

/* ------------
   Unique Items 
   ------------*/

.date {
	
}

.form {
top-margin:20px;
	
}


/* -------------
   Form elements 
   -------------*/

form {
width:350px;
margin-top:228px;
_margin-top:220px;
margin-left:-130;
_margin-left:0;
}

fieldset {
border:0;
margin:0px 0 0px 0px;
_margin:20px 0 10px 56px;
padding-bottom:10;	
}

label {
color:#000;
margin-top:20px;
margin-bottom:15px;
font-size:14px;
}

input.submit {
margin:10px 70 30px 56px;
width:150px;
}

textbox {
height:auto;
}

#formbox {
clear:both;
margin:0 50px 0 0px;
_margin:0 25px 0 0px;
width:300px;}


td {
height:32px;
_height:25px;}

#button {
margin:5 0 0 25px;}