/*******************************************************************
	Filename: hottle.css
	Project:  Hottle
	
	Description: Site Stylesheet
*******************************************************************/
body,p,div,span,td { font-family:Verdana,Arial,Helvetica,sans,sans-serif; font-size:12px; color:#666666; }
body { background-color:#cccccc; margin:0px; }
h1,h2,h3,h4,h5 { font-family:Verdana,Arial,Helvetica,sans,sans-serif; color:rgb(195,15,10); margin:0px; padding:0px; }
a { text-decoration:none; color:#003366; text-decoration:underline; }
a:hover { text-decoration: underline; }
hr { height:1px; color:#666666; }
ul {list-style:square;}

#mainDiv { }
#pageBorder { width:746px; background-color:#ffffff; padding-top:5px; padding-bottom:5px; }

#header { background-color:#96a587; width:734px; height:224px; }
#header .headerLeft{ float:left; width:284px;}
#header .headerRight{ float:right; width:450px;}

#nav {  width:734px; background-color:#cccccc; text-align:left; margin-bottom:4px; margin-top:4px; }
#nav ul { list-style:none; padding:0px; margin:0px; line-height:30px; color:#b4bfa3; padding-left:10px; }
#nav ul li { display:inline; color:#ffffff; margin:0px 3px 0px 3px; }
#nav ul li a { font-size:11px; color:#ffffff; text-decoration:none; }
#nav ul li a:hover { color:#003366; text-decoration:none;  }
#nav .here{ color:#003366; font-weight:bold; }
#nav .here:hover { color:#003366; }

#page { width:734px; background-color: #fffde8; background-image : url(images/pageBkrnd.gif); background-repeat : repeat-y; }

#leftSide { width:240px; float:left; background-color:#003366; text-align:left; padding-bottom:60px; }
#leftSide ul { list-style:none; padding:0px; margin:0px; line-height:30px; color:#b4bfa3; }
#leftSide ul li { margin:0px 0px 0px 0px; border-bottom:1px solid #ffffff; }
#leftSide ul li a { font-size:11px;  margin:0px 0px 0px 13px; color:#999999; text-decoration:none; }
#leftSide ul li a:hover { color:#ffffff; text-decoration:none;  }
#leftSide .here { color:#ffffff;  }


#rightSide { width:444px; float:right; text-align:left; padding-top:15px; padding-left:25px; padding-right:25px; padding-bottom:30px; }

#content { text-align:left; }

#footer { background-color:#999999; text-align:center; width:734px; margin-top:4px; }
#footer ul { list-style:none; padding:0px; margin:0px; line-height:25px; }
#footer ul li { display:inline; color:#ffffff; font-size:9px; padding:0px 1px 0px 1px;}
#footer .footerLink{ color:#ffffff; font-size:9px; text-decoration:none; }
#footer .footerLink:hover{ color:#ffffff; font-size:9px; text-decoration:underline; }

.pageTitle { color:#003366; font-size:20px; font-weight:bold; padding-bottom:20px; }
.subTitle { font-weight:bold; }
.footnote { font-size:10px;}
.highlight { color:#003366; font-weight:bold; font-size:13px; }

.formlabel { font-size:12px; margin-top:15px; padding-right:10px; }
.formSelection { margin-left:20px; }