/*global selector to cut down ie margin issues*/
* {margin:0;padding:0;border:0;}

/*   son of suckerfish 

-  changes added are not indented
- menu is called recursively so the Ems get smaller each layer, so the font size is being reset 

 */

	#nav, #nav ul { /* all lists */
		list-style: none;
		float : left;
		width : 11em;
		font-family:Verdana, Helvetica, Arial,Sans-Serif;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1em;
		margin-bottom : -1px;
font-size:100%;
font-size:0.85em;
padding:0.25em 0;
		width: 11em;

	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
		background-color:#3659a0;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		background-color:#3659a0;
	}
	
	#nav li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		color : white;
		font-weight : bold;
		text-decoration : none;
		background:transparent;
		border : none;

font-size:100%;
font-size:0.85em;
padding:0.3em 0.2em;
		width: 11em;
	}
	
	#nav li a:hover {   /* top menu */
		color : #edb73b;
		background-color:transparent;    
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		color : #edb9a0;
		background-color:#3659a0;
		
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}
	
	#nav li:hover, #nav li.hover {   
    position: static;   
}

/* end suckerfish here */

/* standard 2-column layout using a single large background image. */

#container {
display:block;
width:950px;
background:url(navimages/bg.jpg) no-repeat #fff;
background-color:#fff;
color:#333;
margin:5px auto;
text-align:left;
border:thin solid #88a1ad;border-width:1px;
}

#header {
display:block;
width:950px;
height:101px;
background:transparent;
}

#leftcolumn {
display:block;
float:left;
width:170px;
background:transparent;
padding:40px 5px 10px 14px;
}


#bodycopy{
display:block;
float:right;
width:725px;
background:transparent;
font-size:12px;
color:#666666;
padding:10px 10px 20px 10px;
}

#footer {border-top:thin dotted #999;min-width:222px; float:right; padding:10px 0 0 0; text-align:right;}

#footer a, #footer a visited {font-size:10px;text-decoration:none;}
#footer a.active, #footer a.hover {}

/* behavior is a fix for suckerfish in ie6, need to have the .htc file from whatever:hover  */
body {font-family:Verdana, Helvetica, Arial,Sans-Serif;text-align:center;

   behavior: url("menu/csshover2.htc");

}

h1{font-size:16px;font-weight:bold;color:#006fad;line-height:18px;margin:3px 0 8px 0;}
h2{font-size:12px;font-weight:bold;color:#006fad;line-height:16px;margin:12px 0 12px 0;}
h3{font-size:12px;font-weight:bold;color:#cc0000;line-height:16px;margin:12px 0 12px 0;}
h4{font-size:10px;font-weight:bold;color:#006fad;line-height:14px;margin:8px 0 12px 0;}

b,strong {font-weight:bold;color:#006fad;}

a,a:visited,a:link {text-decoration:none;color:#006fad;}
a:active, a:hover{text-decoration:underline;color:#fcb827;}


/*  original CSS -  CUSTOM ELEMENTS  */   

/*  BLUEBOLD is for inline large blue headings */ 
.bluebold {color:#006fad;font-weight:bold;font-size:16px;}

/*  GREYBOLD  is for the newscolumn items that should be bold, but stay grey */
b.greybold, stong.greybold {font-weight:bold;color:#666666;}

img {border:none;}

p {margin-top:12px;}

.quote {
font-style:italic;PADDING:0 5px;MARGIN:0 5px; COLOR: #000; 
}
.photocaption {font-style:italic;font-size:10px;}

.top {
	FONT-SIZE: 10px
}
.mission {
	BORDER-RIGHT: #cccccc thin dotted; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc thin dotted; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-LEFT: 6px; BORDER-LEFT: #cccccc thin dotted; COLOR: #666666; MARGIN-RIGHT: 6px; BORDER-BOTTOM: #cccccc thin dotted; FONT-STYLE: italic; TEXT-ALIGN: center
}
.cap {
	FONT-SIZE: 12px; COLOR: #000099
}



/* ----------------------- CMS standard items ------------------------------- */

/* ----------------------------- sitemap ------------------- */

a.sitemaplink,a.sitemaplink:visited,a.sitemaplink:link {
text-decoration:none;
vertical-align:middle; 
}
a.sitemaplink:hover,a.sitemaplink:active
{
text-decoration:none;
vertical-align:middle; 
}

/* -----------------------breadcrumb------------------------------- */

.breadcrumblight
{ 
Font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
text-decoration: none;
font-weight: bold;
font-size: 9px;
}

.breadcrumbdark
{ 
Font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
text-decoration: none;
font-weight: bold;
font-size: 9px;
}


a.breadcrumb,a.breadcrumb:link,a.breadcrumb:visited
{ 
Font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
text-decoration: none;
font-weight: bold;
font-size: 9px;
}
a.breadcrumb:hover,a.breadcrumb:active
{
Font-family:Verdana, Arial, Helvetica, sans-serif;
color: #fcb827;
text-decoration: underline;
font-weight: bold;
font-size: 9px;
}

/* --------------------------------- form and validation  -------------------------------- */

.redsub
{
color: #AF544F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
font-size: 12px;
}



 td.info   { font-size:80%; color: #666666; background-color: transparent; font-weight: NORMAL; }

  .info   { font-size:80%; color: #666666; background-color: transparent; font-weight: normal; }
  .warn   { font-size:80%; color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
  .error  { font-size:80%; color: red; background-color: transparent; font-weight: bold }


/*
#container {border:thin solid red;}
#bodycopy {border:thin solid blue;}
#header {border:thin solid green;}
#leftcolumn {border:thin solid blue;}
*/