/* Styles for common html elements */
body 
{
	background: #ffffff;
	color: #000000;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
}

h1  {
	color: #336633;
	margin: 0;
	font: bold 130% Verdana;
}
h1 a, h1 a:visited, h2 a:link
{
	color: #336633;	
}

h2    {
	color: #336633;	
	margin-top: 0;
	font:  bold 130% Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;
}
h2 a, h2 a:visited, h2 a:link
{
	color: #336633;	
}



h3  {
	color: #336633;
	font: bold 100% Arial, Verdana, Lucida, Geneva, Helvetica,  ;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3 a, h3 a:visited, h3 a:link
{
	color: #336633;	
}


h4 
{
	margin-bottom: 0;
	color: #990000;
	font: bold 100% Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;
}

h4 a, h4 a:visited, h4 a:link
{
	color: #990000;	
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
	color:#00ffcc;
	}


p { font-family: arial, helvetica, sans-serif; }


dl { margin-left: 16; font-family: arial, helvetica, sans-serif;  }

/* standard link colors */
a {color: #669933;}
a:visited {color: #666666;}
a:link { color: #669933;}
a:hover { color: #336633;}
a:active { color: #FF3366;}
a:visited:hover { color: #336633; }

/* light links to be used with dark backgrounds (see background styles below) */
a.light:link {color: white;}
a.light:visited  {color: white;}
a.light:hover { color: white;}
a.light:active { color: white;}
a.light:visited:hover { color:white;}
a.lightsmalllink {color:#EFEFE1;}
a.lightsmalllink:link {color:#EFEFE1;}
a.lightsmalllink:visited {color:#EFEFE1;}
light {color: #FFFFFF;}

form {
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 10pt;
}
	
	/* text styles */
.small {
	/* used for footer, addresses, and other "small print" */
	font-family: arial, helvetica, sans-serif; 
	font-size: .70em;
	
}

.medsmall {
	font-family: arial, arial, helvetica, sans-serif;
	font-size: .80em;
	margin: 0px;
}

.warning
{
	color:Red;
}


/* borders */
.border {
	/* creates thin border on all four sides of table or cell */
	border: 1px solid #006699;
}

.bordertopbotton
{
	border-top: 1px solid #006699;
	border-right: 0px #006699;
	border-bottom: 1px solid #006699;
	border-left: 0px #006699;

}

.borderbottom
{
	border-bottom: 1px solid #336633;

}

.bordertop
{
	border-top: 1px solid #336633;

}

.borderleftright
{
	/* creates thin line at left and right border of cell or table */
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
}

/* Background Color For the trim around the template */
.trim
{
	background-color:#336633;
	color:White;
}

/* Background Colors */
.lightestback {
	/* ghost grey used for subtle differentiation in table rows. Use with dark text colors  */
	background: #FFFFCC
}
.verylightback {
	/* Used for highlighting against white layout. Use with dark text colors */
	background: #FFF6E8;
}

.lightback {
	/* Used for table heading .Use with dark text colors */
	background: #EFEFE1;
}
.mediumback
{ 
	/* Used for table headings, etc. Use with with white or very light text */
	background: #336633;
}
.darkback
{
	background: #336633;
	color: #FFFFFF;

}
.blackback
{
	/* Use sparingly, with white or very light text */
	background: black;
}
.whiteback
{ /* Use only where required over darker cells & tables. The body is already set to white, so no need to use this everywhere. */
	background: white;
}
	
	 
.lightbacksmall {
	background-color: #EFEFE1;
	font-family: arial, Lucida, Geneva, Helvetica,  Arial, sans-serif;
	font-size: 10px;
}


.lightborder
{
	border: 1px solid #DCDCC1;
}

.borderleft {

	/* creates thin line at left and right border of cell or table */
	border-left: 1px solid #336633;
}

.borderright {
	border-right: 1px solid #336633;
}

.borderbottomlight {

	border-bottom: 1px solid #DCDCC1;
}

.bordertopbottonlight {

	border-top: 1px solid #DCDCC1;
	border-bottom: 1px solid #DCDCC1;

}
.bordertoplight {

	border-top: 1px solid #DCDCC1;
}


#structure 
{
	width:100%;
	border-collapse:collapse;
	padding:0px; 
	margin:0px;
}

#tdleft
{
	
	vertical-align: top;
	padding:0px;
	margin:0px;
	width: 150px;

}

#leftcontent 
{
	margin-right:18px;

	float:left;
	width:60%;
	padding-right:5px;
	border-right:solid 1px #DDDDDD;
	margin-right:20px;
}

#sidebar p, #sidebar h1, #sidebar h2, #sidebar h2
{
	margin-left:62%;
	}
#sidebar ul, #sidebar ol

{
margin-left:66%;
}
		



#tdright
{
vertical-align: top;
padding:0px;
}

#logo
{ 
	margin-top:3px;
	margin-bottom:2px;
	text-align:center;
	font: italic bold xx-small Arial, Helvetica, sans-serif;
	color: white;
	background-repeat:no-repeat;
	background-position: center center;
}

#logoprint
{ 
	margin-top:8px;
	margin-bottom:12px;
	text-align:center;
	font: italic bold xx-small Arial, Helvetica, sans-serif;
	color: white;
	background-repeat:no-repeat;
	background-position: center center;
}

#logo img 
{
	border:none;
}

#head
{
	height: 76px;
	margin:0px;
}

#topleftcol
{
	float:left;
	width: 65%;
}


#searchbox {
	text-align:left;
	color:#FFFFFF;
	font:bold .80em arial;
	float:left;
	position: absolute;
	right:3px;
	top:19px;
	width:185px;
	}
	
#seek .submit
	{
	background-color:#336633;
	border-top:solid 1px white;
	border-left:solid 1px white;
	border-right:solid 1px #BBBBBB;
	border-bottom:solid 1px #BBBBBB;
	color:#FFFFFF;
	font: bold .80em arial, verdana, helvitica;
	height: 15px;
	padding: 0px;
	width: 50px;
	}
	
#seek .textbox 
	{
	font-family: arial, Verdana, helvetica;
	height: 15px;
	width: 120px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-left: 3px;

	}
#seek input
	{
	margin:0px;
	padding:0px;
	border: none;
	}

#topnav
{
position: absolute;
left:118px;
top: 0px;
margin-top:0px;
width:600px;
}


#topnav li 
{
display: inline;
list-style-type: none;
text-transform:uppercase;
/* border-right:1px inset #FFFFFF; */
margin:0px;
color:White;

}

#topnav  li.last
{
border-right:none; 
}

#topnav li.first
{

}


	#menutop a
{
	
	color: White;
	padding-left:2px;
	font:bold .80em arial;
	text-decoration:none;
	background-image:url(/common/images/arrow9.gif);
	background-repeat: no-repeat;
	background-position:right center;
	padding-right:16px;
	display:inline-block;		
}	


#topnav a 
{
	color: White;
	font:normal 0.70em/100% verdana, arial, sans-serif;
	text-decoration:none;
	padding-left:4px;
	padding-right:2px;

}
#topnav a:hover
{
	border-top:1px solid #669933;
	border-bottom:1px solid #669933;
	background-color: #336633;
color: #ccffcc;
}

#sitename 
{
	position: absolute;
top:30px;
left:162px;
	font:bold 1.3em/1em verdana, arial, sans-serif;
	color:#ffffff;
	white-space:nowrap;
	width:450px;
}
#sitename a, #toptitle a:visited
{
	text-decoration:none;
	color: #ffffff;
}

#sitename a:hover
{
	text-decoration:none;
	color: #ccffcc;
}

#sitesubname
{
font:bold .85em arial;
white-space:nowrap;
color:white;
display:block;
position: absolute;
top:56px;
left:163px;
width:450px;
}

#breadcrumbs
{
	font: 0.7em arial, sans-serif;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: both;
	padding-left:14px;
	padding-top:2px;
	padding-bottom:2px;	
}
#breadcrumbs a
{
	
	color:#669933;
}

#breadcrumbs a:hover
{
	color:#663333;
}
#breadcrumb .selected
{ 

}
#leftcol 
{
	
padding:5px;
font:bold 0.75em verdana, arial, sans-serif;
}


#icons 
{
	text-align:right;	
	float:right;
	padding-right:2px;
	white-space:nowrap;
	font: .75em arial, sans-serif;
	margin:0;
	padding-bottom:0px;	
}

#printicon
{
	float:left;
	
	padding-left:8px;
	text-align:center;
	vertical-align:bottom;
	margin:0;

	
}
#emailicon
{
	float:left;
	padding-left:8px;
	text-align:center;
	letter-spacing:-1px;
	vertical-align:bottom;
	margin:0;

}
#bookmarkicon
{
	float:left;
	padding-left:8px;
	text-align:center;
	letter-spacing:-1px;
	vertical-align:bottom;
	margin:0;

		
}
	
#orgmenu
{
color: white;
background-color:#538CC6;	
text-align: left;
white-space: nowrap;
height:19px;


}
#orgmenu a
{
color:white;
text-decoration:none;
padding-left:5px;
padding-right:5px;
vertical-align:middle;
border-right:solid 1px white;
text-align:center;
font: .70em/17px verdana, arial, helvetica;
height:19px;

}
#orgmenu a:hover.orgmenu , #orgmenu a:hover.orgmenuon, #orgmenu a:hover.orgmenulast, #orgmenu a:hover.orgmenuonlast, a:hover.orgmenuonlast 
{
background-color:white;
color:#336633;
font: .70em/19px verdana, arial, helvetica;

}
#orgmenu a.orgmenuon, #orgmenu a.orgmenuonlast 
{
	font-weight: bold;
	color:white;
	}
#orgmenu a.orgmenuonlast, #orgmenu a.orgmenulast
{
border-right:solid 0px white;
font: .70em/17px verdana, arial, helvetica;
}

#footer a.orgmenu, #footer a.orgmenuon
{
	
	border-right:solid 1px #000000;
	padding-right:4px;
	padding-left:4px;	
}

#footer a.orgmenulast
{
	padding-right:4px;
	padding-left:4px;
	
}

#footer a.orgmenuon
{
	font-weight:bold;
	
}

#footer a.orgmenuonlast
{
	padding-left:4px;
	font: bold 1em/normal  arial, helvetica;
}

/* there's a bug here */

#footer a:hover.orgmenuonlast
{
	color:#336633;
	font: bold 1em/normal arial, helvetica;
}


#contact
{
	font:.70em/1.2em verdana,arial,sans-serif;
	padding:3px;	
}

#contactname
{
	font-weight:bold;
}
#pics 
{
	
background-color: #336633; 
height:95px;


}
#picscontainer 
{
position:absolute;
left:162px;
width:850px;
vertical-align:middle;
}
#pics img {
	margin-top: 5px;
	margin-bottom: 3px;
	border: 1px inset #8CB3D9;
}


#content
{
	
	font-size: 80%;
	padding-right: 5px;
	padding-left: 12px;
	padding-top: 8px;
	padding-bottom: 8px;


}

#RelatedLinks
{
	font-size: 90%;
	padding: 5px;
}



#updated
{
	font:bold .75em arial;
	color:#FFFFFF;
	
	padding-top:4px;
	padding-bottom:4px;
	clear:both;
	padding-left:8px;
	font-weight:bold;
}

#totop
{
	font:bold .70em arial;
	text-transform:uppercase;
	text-align:left;
	padding-left:8px;
	clear:both;
	font-weight:bold;
	
}
/* Menu Classes */
#button 
{
	
	width: 150px;
	padding: 0;
	margin:0px;
	margin-bottom:14px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	vertical-align: top;
	border-bottom:solid 1px #ffffff;
	
	}
	
#button ul {
		margin: 0px;
		padding: 0;
		border: none;
		margin-top:0;
	
		}
		
#button li 
{
	
	
		list-style-type:none;
		margin: 0;
		padding:0px;
		font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	
		}
		

		


		
				
#button li a {
	display: block;
	padding: 3px 3px 3px 7px;
	border-right:solid 1px #ffffff;
	color: #fff;
	text-decoration: none;
	width: 100%;
	font-size: .80em;
	border-top:solid 1px #ffffff;

		}
		
#button li a.nav0{
		border-left: 0px solid #669933;
		background-color: #669933;
		font-weight:bold;
		}
		
#button li a.nav1{
		border-left: 0px solid #669933;
		background-color: #669933;
		
		
		}
		
#button li a.nav2{
		border-left: 7px solid #669933;
		background-color: #669933;
		}
		
#button li a.nav3{
		border-left: 14px solid #538CC6;
			background-color: #538CC6;
			
		}
		
 #button li a.nav4
 {
	
		border-left: 21px solid #ccffcc;
		background-color: #ccffcc;
		color: #2D5386;
		}


 #button li a.nav5
 {
		border-left: 28px solid #E3F2FF;
		background-color:#E3F2FF;
		color: #2D5386;
		}
		
 #button li a.nav6{
		border-left: 35px solid #FFFFFF;
		background-color:#FFFFFF;
		color: #2D5386;
		
		} 
		
		#button li a.nav7
		{
		border-left: 38px solid #FFFFFF;
		background-color:#FFFFFF;
		color: #335F99;
		padding-left:9px;
		background-image:url(images/dot2.gif);
		background-repeat: no-repeat;
		background-position: left; 
		}

	html>body #button li a {
		width: auto;
		
		}

		#button li a:hover.nav1, #button li a:hover.nav2, 	#button li a:hover.nav3{
		color:#ccffcc;
		}
		
		
		#button li a:hover.nav4, #button li a:hover.nav5, #button li a:hover.nav6, #button li a:hover.nav7   
		{
		color: #ccffcc;
		}
		
		
		#button li #on {
		display: block;
		padding: 2px 3px 2px 0.5em;
		/* border-left: 5px solid #1958b7; */
		background-color: #FFFFFF;
		color: #369;
		text-decoration: none;
		border-right: 1px solid #FFFFFF;
			/* font-weight: bold; */
			
		}
		
			a#on1, a#on2, a#on3
{
    padding-left:10px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left;	
	background-image:url(../images/leftarrowlight.gif);
	
		}
			
a#on4, a#on5, a#on6
{
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left;	
	background-image:url(../images/leftarrowdark.gif);

		}	
	
#button li a#on1 , #button li a#on2, #button li a:hover#on2, #button li a:hover#on3
{
color:White;
		background-color:#003300;

}
#button li a:hover#on4, #button li a:hover#on5, #button li a:hover#on6

{
	color: #2D5386;
}

	
#button li a#on7 .nav7
	{
background-image:url(images/leftarrowdark.gif);
		background-repeat: no-repeat;
		background-position: left; 
	font-weight:bold;
		}
		
 /* end menu */
 
 /* datatable style */
.datatable {
	border-collapse:collapse;
	font-family:arial, sans-serif;
	font-size:100%;

}

 .datatable caption, .datatable .dgcaption {
  
  font-size:120%;
  font-weight:bold;
  color:#000000;
  padding: 3px;
  text-align:left;

 
}
.datatable thead th, .datatable  .dghead {
	background:#336633;
	color:#FFFFFF;
	text-align:left;
	padding: 3px;
	border-bottom: solid 1px #A1A195;
	vertical-align: top;
	font-weight:bold;
}
.datatable tbody th, .datatable  .dghead2{
	background:#DCDCC1;
	text-align:left;
	color:#000000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #A1A195;
	border-bottom-color: #A1A195;
	padding: 3px;
	vertical-align: top;
	font-weight:bold;
}
.datatable tfoot td, .datatable  .dgfoot{
	font-weight:bold;
	background:#336633;
	color:#FFFFFF;
	padding: 3px;
	vertical-align: top;
	
}
.datatable tbody td, .datatable  .dgcell{
	background:#FFF;
	padding: 3px;
	vertical-align: top;
	border: 1px solid #DCDCC1;
}
.datatable tbody tr.odd td, .datatable .dgodd{
  background:#EFEFE1;
}

/* end data table */

		
	
/* forms */

form .formstyle {
}

.formstyle input{
border: 1px solid #DCDCC1;
margin: 3px;
}


input.tx{
	color: black;
	background: #FFFFCC;
	border: 1px inset #DCDCC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width:180px;
}
.formstyle textarea {
	color: black;
	background: #FFFFCC;
	border: 1px inset #DCDCC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width:180px;
	margin: 3px;
}
.formstyle select {
	color: black;
	background: #FFFFCC;
	border: 1px inset #DCDCC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
		margin: 3px;
}

.formstyle select option {
	border-bottom: 1px solid #336699;
}

.formstyle legend {
border: 1px solid #DCDCC1;
background: #FFFFCC;
padding:3px;
font-weight:bold;
}
.formstyle fieldset {
border: 1px solid #DCDCC1;
margin: 3px;

}
.formtyle .submit {
border: 1px outset #ffcc99;
}

/* end form styles */


/* start tabs */
#tabbox {
	padding-top: 2em;
	background-color: #336633;
	font-size: 100%;
	clear: both;
}

#tabcontent {
	border-color: #336633;
	border-width: 1px;
	font-size: 100%;
	min-height: 300px;
	padding: 1.5em;
	border-style: solid;
	background-color: #FFFFFF;
}

#hmenu {
	position: relative;
	width: 45em;
	height: 3em;
}

#hmenu ul#primary {
	margin: 0;
	bottom: -1px;
	padding: 0;
	position: absolute;
	width: 45em;
}

#hmenu ul#primary li {
	display: inline;
	list-style-style: none;
	list-style-image: none;
}

#hmenu ul#primary a,#hmenu ul#primary span,#hmenu ul#primary a.current {
	margin-right: 2px;
	margin-left: 0;
	font-size: 85%;
	margin-bottom: 0;
	color: #336699;
	padding-bottom: 4px;
	width: 11em; 
	padding-left: 0;
	padding-right: 0;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-top: 4px;
	margin-top: 1px;
	float: left;
	font-family: tahoma, verdana, sans-serif;
}

#hmenu ul#primary span,#hmenu ul#primary a.current,#hmenu ul#primary a.current:hover {
	color: #FFFFFF;
	background-color: #336633;
	border-style: solid;
	margin-top: 0;
	padding-bottom: 6px;
	border-bottom-style: none;
	border-color: #666;
	border-width: 1px;
	font-weight: bold;
}

#hmenu ul#primary a {
	border-bottom-style: none;
	margin-right: 2px;
	margin-left: 0;
	font-size: 85%;
	border-width: 1px;
	margin-bottom: 0;
	color: #336699;
	padding-bottom: 4px;
	width: 11em;
	border-style: solid;
	padding-left: 0;
	padding-right: 0;
	text-decoration: none;
	text-align: center;
	display: block;
	background-color: #FFFFFF;
	padding-top: 4px;
	margin-top: 1px;
	float: left;
	font-family: tahoma, verdana, sans-serif;
	border-color: #336633;
}

#hmenu ul#primary a:hover {
	
	padding-top: 4px;
	margin-top: 1px;
	border-color: #336633;
	background-color: #FFF7CD;
border-bottom-style: none;
}

#hmenu ul#secondary {
	left: 1px;
	width: 50em;
	position: absolute;
	margin: 0;
	bottom: -1.4em;
	padding: 0;
}

#hmenu ul#secondary li a,#hmenu ul#secondary li span {
	padding-top: 0;
	text-align: auto;
	margin: 0;
	width: auto;
	background-image: none;
	padding-right: 10px;
	border-right-color: #FFF;
	border-style: none;
	border-right-width: 1px;
	padding-left: 10px;
	float: left;
	padding-bottom: 0;
	border-right-style: solid;
	display: block;
}

#hmenu ul#secondary li a {
	text-decoration: underline;
	padding-top: 0;
	text-align: auto;
	margin: 0;
	width: auto;
	background-color: transparent;
	background-image: none;
	padding-right: 10px;
	border-right-color: #FFF;
	border-style: none;
	border-right-width: 1px;
	padding-left: 10px;
	float: left;
	padding-bottom: 0;
	border-right-style: solid;
	display: block;
	color: #FFF;
}

#hmenu ul#secondary li a:hover {
	padding-right: 10px;
	background-color: transparent;
	border-style: none;
	color: #0fc;
	border-right-color: #0fc;
	padding-top: 0;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	padding-bottom: 0;
}

#hmenu ul#secondary li a:active {
	background-color: transparent;
	
}

#hmenu ul#secondary li:last-child a {
	border-style: none;
}
/* end tabs */