body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(../images/bg.gif);}
p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
.large {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
li {color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 0px 3px 0px}
ul {color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
ol {color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
blockquote { text-align: left;}
hr {color: #336666; text-decoration: none; font-weight: lighter; border-style: solid; line-height: normal}
u {text-decoration: underline;}
b {font-weight: bold; }
.bold {font-weight: bold; }
a.bold:link {font-weight: bold; }
a.bold:hover {font-weight: bold; }
a.bold:active {font-weight: bold; }
a.bold:visited {font-weight: bold; }
i {font-style: italic;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #336666; font-style: normal; font-weight: bold; text-decoration: none; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #336666; font-style: normal; font-weight: bold; text-decoration: none;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #336666; font-style: normal; font-weight: bold; text-decoration: none;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #336666; font-style: normal; font-weight: bold; text-decoration: none;}

.content {padding: 10px; vertical-align:top;}
.normal {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
.small {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
a.small:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
a.small:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline;}
a.small:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}
a.small:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none;}

.subnav {color: #FFFFFF; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a.subnav:link {color: #FFFFFF; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a.subnav:active {color: #CCCCCC; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a.subnav:hover {color: #CCCCCC; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a.subnav:visited {color: #FFFFFF; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

a:link {color: #336666; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a:active {color: #336666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a:hover {color: #CCCCCC; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
a:visited {color: #336666; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

a.contact {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;}
a.contact:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;}
a.contact:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;}
a.contact:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline;}

a.utilitynav {font-size: 12px; color: #336666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
a.utilitynav:active {font-size: 12px; color: #000066; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
a.utilitynav:hover {font-size: 12px; color: #000066; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
a.utilitynav:visited {font-size: 12px; color: #000066; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline;}

.help {color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.required {color:#CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none;}


.headline1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: 18px; font-weight: bold; color: #000066; text-decoration: none;}
.headline2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: 16px; font-weight: bold; color: #000066; text-decoration: none;}
.headline3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 14px; font-weight: bold; color: #000066; text-decoration: none;}
.headline4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 12px; font-weight: bold; color: #CC0033; text-decoration: none;}
.headline5 {font-family: Brush Script MT, san-serif; font-size: 24px; font-style: normal; line-height: 24px; font-weight: bold; color: #CC0033; text-decoration: none;}


.white {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none;}
a.white {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #ffffff; }
a.white:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; font-weight: bold; color: #ffffff; }
a.white:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #ffffff;}
a.white:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; font-weight: bold; color: #ffffff; }
.fieldLabel {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; color:#336666; }
.lineheight {line-height: 150%;}

table {empty-cells:show}

/*------------- navigation styles below, probably don't have to modify them-------------------*/
#nav {
	float:left;/*removes it from the flow so content may begin at top and not below where nav ends*/
	position: relative; /*separates it from content in IE; if absolute, it will go over content*/
	top: -30px;/*adjusts where the top of the main nav list starts*/
	width:130px;/* must stay 150px unless width of ul#nav li and #content are also increased; all must be same, taking into account padding, which is why this is 145--there is 5px padding on ul#nav, ul*/
	 }

	
ul#nav  {
		padding-top:40px;/* adjusts the start of the main nav list from the top of page*/
		padding-left:0px; /*keeps nice and neat--otherwise Mozilla pushes over, pushing content*/
		margin:0px; /*needs to stay to keep from pushing over content paragraphs in IE*/
		list-style-type:none;/*no bullets*/
	}

ul#nav ul {
		position:absolute; /* needs to be absolute--if relative, each main nav is pushed down below the length of sub nav*/
		left:140px; /* this is how far over to the left the sub level boxes appear */
		visibility:hidden;/* need to hide the second level nav until hover */
		top:2px;/* adjusts the start (vertically) of the sub level popouts to their parent item*/
		list-style-type:none;/*no bullets*/
		background-color:#636563;/*keeps white space from happening in IE between sub items*/
		padding-left:0px; /*keeps nice and neat--otherwise Mozilla pushes over, pushing content*/
		margin:0px; /*needs to stay to keep from pushing over content paragraphs in IE*/
		
	}
	
ul#nav li {
		position:relative;/* needs to be relative--if absolute, each main nav is piled on top of each other*/
		width:130px; /* must stay 150px unless width of #nav and #content are also increased; all must be same*/
		padding-top:10px;/* adjusts vertical padding in between top level navs*/
}
	
ul#nav a {
		display:block; /* need to display the top level nav*/
		text-decoration:none;}

	
ul#nav li:hover ul a, ul#nav li.hover ul a {
		background-color:#636563;/* background color on sub menu */
		color:#FFFFFF;/* text color on sub menu */
		font-weight: bold;/* font weight on sub menu */
		font-size:11px;/* font size on sub menu */
		border: 0px;
		text-decoration:none;
		padding:0px;
	}
	
ul#nav li:hover ul a:hover, ul#nav li.hover ul a:hover {
		background-color:#FFFFFF; /* background color when hover over sub menu */
		color:#295952; /* text color when hover over sub menu */
	}
	

ul#nav li:hover ul, ul#nav li.hover ul{
		visibility:visible;/* makes it visible on hover */
	}
ul#nav li li {padding:0px;
}
	
ul#nav li {	behavior: url(/js/hover.htc);}/* this behavior must be called to work in IE--it fixes IE's inability to assign :hover to anything except a tags. */

/*------------ navigation styles below for INDEX PAGE, probably don't have to modify them----------------*/
#navmain {
	float:left;/*removes it from the flow so content may begin at top and not below where nav ends*/
	position: relative; /*separates it from content in IE; if absolute, it will go over content*/
	top: -20px;/*adjusts where the top of the main nav list starts*/
	width:187px;/* must stay 150px unless width of ul#nav li and #content are also increased; all must be same, taking into account padding, which is why this is 145--there is 5px padding on ul#nav, ul*/
	 }

	
ul#navmain  {
		padding-top:40px;/* adjusts the start of the main nav list from the top of page*/
		padding-left:0px; /*keeps nice and neat--otherwise Mozilla pushes over, pushing content*/
		margin:0px; /*needs to stay to keep from pushing over content paragraphs in IE*/
		list-style-type:none;/*no bullets*/
	}

ul#navmain ul {
		position:absolute; /* needs to be absolute--if relative, each main nav is pushed down below the length of sub nav*/
		left:190px; /* this is how far over to the left the sub level boxes appear */
		visibility:hidden;/* need to hide the second level nav until hover */
		top:0px;/* adjusts the start (vertically) of the sub level popouts to their parent item*/
		list-style-type:none;/*no bullets*/
		background-color:#BDB294;/*keeps white space from happening in IE between sub items*/
		padding-left:0px; /*keeps nice and neat--otherwise Mozilla pushes over, pushing content*/
		margin:0px; /*needs to stay to keep from pushing over content paragraphs in IE*/
		
	}
	
ul#navmain li {
		position:relative;/* needs to be relative--if absolute, each main nav is piled on top of each other*/
		width:225px; /* must stay 150px unless width of #nav and #content are also increased; all must be same*/
		padding-bottom:20px;/* adjusts vertical padding in between top level navs*/
}
	
ul#navmain a {
		display:block; /* need to display the top level nav*/
		text-decoration:none;}

	
ul#navmain li:hover ul a, ul#navmain li.hover ul a {
		background-color:#BDB294;/* background color on sub menu */
		color:#295952;/* text color on sub menu */
		font-weight: bold;/* font weight on sub menu */
		font-size:11px;/* font size on sub menu */
		border: 0px;
		text-decoration:none;
		padding:0px;
	}
	
ul#navmain li:hover ul a:hover, ul#navmain li.hover ul a:hover {
		background-color:#FFFFFF; /* background color when hover over sub menu */
		color:#636563; /* text color when hover over sub menu */
	}
	

ul#navmain li:hover ul, ul#navmain li.hover ul{
		visibility:visible;/* makes it visible on hover */
	}
ul#navmain li li {padding:0;
}
	
ul#navmain li {	behavior: url(/js/hover.htc);}/* this behavior must be called to work in IE--it fixes IE's inability to assign :hover to anything except a tags. */