/* Styles for common html elements */
/* Styles for common html elements */
body {
	background: #ffffff;
	color: #000000;
	margin: 0px;
	font-family: Arial, Verdana, Sans-Serif;
}

#tdBody {
	font-size: 90%;
	padding: 8px;
	width: 90%;
}
#tdBody p {
}

#navcontainer1 ul
{
	border-bottom: 1px solid #006666;
    padding-left: 0;
	margin-left: 0;
	float: left;
	width: 594px;
	font-family: arial, helvetica, sans-serif;
	background-image: url('../images/backbar.gif');
	font-size: 75%;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;









}

#navcontainer1 ul li { display: inline; }

#navcontainer1 ul li a
{
	padding: 0.2em 1em 0.2em 0.8em;
	float: left;
	border-right: 1px solid #FFFFFF;
	background-image: url('../images/backbar.gif');
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;





}

#navcontainer1 ul li a:hover
{
	color: #fff;
	background-image: url('../images/backbarhor.gif');

}
#navcontainer1 .selected a{
	background-image: url('../images/backbaron.gif');

	}
#navcontainer1 .selected a:hover{
	background-image: url('../images/backbaron.gif');

	}
	
#navcontainer2 ul
{
	color: White;
	float: left;
	width: 551px;
	font-family: arial, helvetica, sans-serif;
	border-top: 0px solid #003333;
	border-right: 1px solid #003333;
	border-bottom: 1px solid #003333;
	border-left: 1px solid #003333;
	font-size: 75%;
	text-transform: capitalize;
	background-image: url('../images/barckbarsub.gif');
	margin: 0px;
    height: 21px;
}

#navcontainer2 ul li {
	display: inline;
}

#navcontainer2 ul li a
{
	padding: 0.25em 1em .25em;
	text-decoration: none;
	float: left;
	background-color: #006666;
	background-image: url('../images/barckbarsub.gif');

}

#navcontainer2 ul li a:hover
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	background-image: url('../images/barckbarsubon.gif');

}
	

#srvTabon{
	border-top-style: solid;
	border-bottom-width: 0px;
	border-top-color: #996633;
	border-right-color: #996633;
	border-bottom-color: #996633;
	border-left-color: #996633;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-width: 1px;
	text-align: center;
	white-space: nowrap;
	background-color: #FFCC99;
	width: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	margin-left: 2px;
}
#empTabon{
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-top-color: #996633;
	border-right-color: #996633;
	border-bottom-color: #996633;
	border-left-color: #996633;
	text-align: center;
	white-space: nowrap;
	background-color: #FFCC99;
	width: 200px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	margin-right: 2px;

}
#grpTabon{
	border-top-style: solid;
	border-bottom-width: 0px;
	border-top-color: #996633;
	border-right-color: #996633;
	border-bottom-color: #996633;
	border-left-color: #996633;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	text-align: center;
	white-space: nowrap;
	background-color: #FFCC99;
	width: 200px;
	border-top-width: 1px;
}
#srvTaboff{

}
#empTaboff{

}
#grpTaboff{

}
	#submenu{
	margin-top:0px;
	margin-bottom:0px;
	white-space: nowrap;
	text-transform: uppercase;
	width:100%;
	text-align: left;
	background-color: #006666;
	
}

#submenu a{
	background: #006666;
	font: bold xx-small verdana, arial;
	color:#FFFFFF;
	padding: 2px 10px;
	text-decoration: none;
	text-align:center;
	text-transform : uppercase;
	border-top: 1px solid #006666;
	border-right: 1px solid #009999;
	border-bottom: 1px solid #006666;
	border-left: 1px solid #009999;
	vertical-align: middle;
	white-space: nowrap;


}
#submenu a:hover{
	background: #999999;
	border-top: 1px solid #00CCCC;
	border-right: 1px solid #00CCCC;
	border-bottom: 1px solid #00CCCC;
	border-left: 1px solid #00CCCC;
	color: #333333;
	
	
	

}

#submenu a:visited{

color:#FFFFFF;
font-weight:bold;
}



#tablelayout td, #tablelayout p{
	font-size: 90%;

}



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

#logocell
{ height: 25px;
width: 125px:
}

#topmenu a
{
color: black;
font: .7em verdana, arial, helvtica;
}
#topmenu {
	width:100%;
	align:center;
	text-align: center;
	white-space: nowrap;
	background-color: #006666;



}

h1 {
	color: #000066;
	margin: 0;
	font: bold 130% Verdana;
}
h2 {
	color: #000000;	
	margin-top: 0;
	font:  bold 120% Arial, Helvetica, sans-serif;
}
h3 {
	color: #000000;
	font: bold 110% Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;


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


}


p { font-family: arial, helvetica, san-serif; }
ul { font-family: arial, helvetica, san-serif; }
ol { font-family: arial, helvetica, san-serif; font-size: 90%; }
dl { margin-left: 16; font-family: arial, helvetica, san-serif; font-size: 90%; }

/* standard link colors */
a {color: #000066;}
a:visited {color: #660033;}
a:link { color: #000066;}
a:hover { color: #0099FF;}
a:active { color: #CC0000;}
a:visited:hover { color: #990033; }

/* 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:#FFFFFF;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}
a.lightsmalllink:link {color:#EEEEEE;}
a.lightsmalllink:visited {color:#EEEEEE;}
.light {color: #FFFFFF;}
/* menu links */
	
	

/* text styles */
.small {
	/* used for footer, addresses, and other "small print" */
	font-family: verdana, arial, helvetica, san-serif; 
	font-size: 70%;
}

.medsmall {
	margin: 0px;
	font: 80% Arial, Helvetica, sans-serif;

}

.lightmedium {
	color: #FFFFFF;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}


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

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

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

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

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


/* Background Colors */
.lightestback {
	/* ghost grey used for subtle differentiation in table rows. Use with dark text colors  */
	background: #EEEEEE;
}

.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: #ECECEO;
}

.mediumback
{
	background: #009999;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;


}

.darkback
{
	background: #006666;
	font-weight: bold;
	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;
}


strong {
	font-size: 95%;
	font-weight: bold;

}	
	 
.lightbacksmall {
	background-color: #eeeeee;
	font-family: Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;
	font-size: 10px;
}


ol {
	margin-top: 8px;
	margin-bottom: 10px;
}


.lightsmalllink {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;


}

.pad3 {
	padding: 3px;
}
/* creates thin line for cell or table borders */
.borderleft {	
	border-left: 1px solid #000066;
}

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

.borderbottomlight {

	border-bottom: 1px solid #CCCCCC;
}

.bordertopbottonlight {

	border-top: 1px solid #FFFFFF;
	border-bottom: 1px dotted #CCCCCC;
}

.bordertoplight {

	border-top: 1px solid #FFFFFF;
}

/* color the text */
.whitetext {
	color: #FFFFFF;
}

/* off-white light text */
.lightcolortext {
	color: #EEEEEE;
}

/* Removes ugly line break at the begining and end of forms */
form {
	margin: 0px;
	padding: 0px;
}

/* change the text of form text boxes */


/* Small column heading on a for dark backgrounds */
.lightmenuhead {
	font: 90% Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;
	color: #FFFFFF;
}

/* Use in title cells for tabulare tables */
.titlecell {
	font: bold x-small Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* style used for the titles in the header 

#toptitle {
margin:0;
	font: bold 110% Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;
	color: #90BADE;
	padding-left: 12px;
	margin-top: 0px;
	width: 300px;
}
*/

/* Hides undreline from linked heading

#toptitle a, #toptitle a:hover, #toptitle a:visited
{
	text-decoration:none;
	color: #90BADE;
}


#titlesub {
	font: bold 80% Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;

	padding-bottom: 8px;
	padding-left: 12px;

}

 */

/* Menu Classes */
#button {
	width: 162px;
	border-right: 0px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	margin-left: 0;
	font-family: Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #90bade;
	vertical-align: top;
	
	}
	
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	margin-top:0;
		}
		
#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		font-family: Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
		}
		
#button li span {
		display: block;
		padding: 2px 5px 2px 0.5em;
		/* border-left: 5px solid #1958b7; */
		background-color: #FFFFFF;
		color: #4080BF;
		text-decoration: none;
		border-right: 1px solid #FFFFFF;
		font-weight: bold;
			font-size: 70%;
		}
				
#button li a {
	display: block;
	padding: 4px 5px 4px 0.5em;
	border-right: 1px solid #6694CC;
	color: #fff;
	text-decoration: none;
	width: 100%;
	font-size: 70%;
		}

li .nav1  
{
		border-left: 0px solid #EEEEEE;
	
	/*	font-weight: bold; */
		}
		
li .nav2
{
border-left: 12px solid #EEEEEE;
}

li .nav3
{
	border-left: 25px solid #FFFFFF;	
		}

li a.nav1{
		border-left: 0px solid #6AA0D2;
		background-color: #396BAC;
		}
		
li a.nav2{
		border-left: 12px solid #6699CC;
			background-color: #6699CC;
		}
		
 li a.nav3{
		border-left: 25px solid #6699CC;
		background-color: #6699CC;
		}


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

	#button li a:hover {
		border-right: 1px solid #2586d7;
		background-color: #2586d7;
		color: #fff;
		}
 /* end menu */

	#breadcrumb 
	{
	margin-left:10px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;

	}




.crumb {
	text-decoration:none;
	color: black;
	margin: 0;
}


#menutop a 
{
	color: White;
	margin-left:2px;
	font: .70em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	white-space: nowrap;

	
}
#updated 
{
background: #6699cc;
	font-family: verdana, arial, helvetica, san-serif; 
	font-size: 70%;
	border-top: 1px solid #006699;
	color: white;
	font-weight: bold;
	padding: 1px;
}
	
#kcbanner
{
	margin-top: 15px;
	margin-left: 10px;
	width: 600px;
	margin-bottom: 8px;


}
#agencybanner{
margin-left: 60px;
}
#pictureinset
{
	margin: 0px 7px 7px 10px;
	border: 1px outset #CCCCCC;


}

.borderbottomright {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.blankcell {
	font-size: 1%;
	color: transparent;
}
.imagebullet {
	margin-left: 24px;
	list-style:  url('../images/bulletbluesquare.gif');
	font-size: 85%;
	margin-top: 8px;
	margin-bottom: 10px;


}

.imagebullet  li {
	padding: 4px;



} 
/* Use these when you want to even columns */
#col2left {
width:45%;
float:left;
background:#fff;
padding: 5px;
		}
	
#col2right {
		width:45%;
		float:left;
		background:#fff;
		padding: 5px;
		}

/* Use these when you want to add a right column with related link */
#colmain
{
width:70%;
		float:left;
		background:#fff;
		padding: 5px;
}
#colrightbar
{
width:20%;
		float:left;
		background:#fff;
		padding: 5px;
}
#strip{
	width:100%;
	padding-top: 2px;
	background:  url('../images/bgtop.gif');
	height: 37px;
	color: #ffffff;
	font-size: .70em;
	font-weight: bold;
	font-face: verdana, arial, helvtica;
	margin:0;
}

#strip a, #strip span{
color: white;
font-face: verdana, arial, helvtica;
text-decoration: none;
}


#seek {
	display: block;
	background:  url('../images/bgtop.gif');
	
}
#seek select, #seek input{
	margin:0;
	padding: 1px;
	font-face: arial, helvtica;
	font-size: 1.10em;
}

#seek .submit{
	border-color: #EEEEEE;
	border: 1px;
	border-style: outset;
	background-color:  #6699cc;
	color: #ffffff;
	font-weight: bold;
	padding: 1px;
	font-face: verdana, arial, helvtica;

}

.nomargin  {
margin: 0px;
}



.pad6 {
	padding: 6px;
}
.menutop, a.menutop, a:visited.menutop {
	font: bold 70% verdana;
	color: #FFFFFF;
	text-decoration: none;

}
#news p, #news h2, #news h3, #news h4, #news { 
margin:0px;
}
.nobreak {
	white-space: nowrap;
}
.left55 {
	padding-left: 60px;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	color: #990000;
}
