/* 
 height: 15px; ALL
#height: 15px; ALL IE
_height: 21px; IE6-
*/

	#divNav  { margin: 0; 
		padding: 0; 
		width: 676px; 
		height: 65px; 
	}
 
	#nav     { 
		background-color: #fff; 
		background-image: url("img/navbg.png"); 
		background-position: 0 -1px; 
		margin: -10px 0 0 -50px; 
		position: relative; 
		top: 10px; 
		right: -2px; 
		width: 678px; 
		height: 30px; 
		float: right; 
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}
 
	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 1px;
	} 

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul   
	{ 
		background: #595959; 
		padding-top: 9px; 
		padding-left: 34px; 
		position: absolute; 
		top: 32px; left: 0; 
		width: 644px; 
		height: 24px;
	}

/* this controls the background color of the SUBNAV's current state */
	#nav li.on ul {
		background: #e70200;
	}

/* this defines the color of the SUBNAV bar when it's active and you're in the TOPNAV's "home" button */
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #e70200;
	}

	#nav li a {
		color: blue; /* is this used? */
		display: block;
		font-weight: bold;
		width: 93px;
		padding: 0;
	}

/* is this used? */
	#nav li.on a {
		color: #00ffd8; 
	}

/* width of each link on the SUBNAV */
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: transparent;
		width: auto;
		margin-right: 10px;
	}

/* color of each a link on the SUBNAV */
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		/* background: #777; */ 
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

/* text of SUBNAV when hovered */
	#nav li.off a:hover, #nav li.on a:hover { 
		color: #ad;
		text-decoration: underline;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

/* among other things, defines the HEIGHT of main nav buttons */
	#liHome a, #liBarns a, #liWallmaterials a, #liBarnoptions a, #liCorralsnshelters a, #liBuildings a, #liNewAboutFCP a   { color: #00ffd8; background: #fff url("img/bk-dropdownMap2.png") no-repeat; display: block; position: relative; height: 32px }
	
	/*first, put the initial states in place*/
	
	#liHome a {
		background-position: 0 0;
	}
	
/* these x coordinates must be changed HERE */
	#liBarns a {
		background-position: -93px 0;
	}
	
	#liWallmaterials a {
		background-position: -186px 0;
	}
	
	#liBarnoptions a {
		background-position: -279px 0;
	}
	
	#liCorralsnshelters a {
		background-position: -372px 0;
	}
	
	#liBuildings a {
		background-position: -465px 0;
	}
	
	#liNewAboutFCP a {
		background-position: -557px 0;
	}
	
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
	 #liHome.on a {
		background-position: 0 -32px;
	 } 	
	 
	 #liBarns.on a {
		background-position: -93px -32px;
	 } 
	
	 #liWallmaterials.on a {
		background-position: -186px -32px;
	 } 
	 
	 #liBarnoptions.on a {
		background-position: -279px -32px;
	 } 
	 
	 #liCorralsnshelters.on a {
		background-position: -372px -32px;
	 }
	 
	 #liBuildings.on a {
		background-position: -465px -32px;
	 } 

	#liNewAboutFCP.on a {
		background-position: -557px -32px;
	}
	
/*hover states*/
	#liHome a:hover, #liHome:hover a, #liHome.over a {
		background-position: 0 -64px;
	}
	
	#liHome.on a:hover, #liHome.on:hover a, #liHome.on.over a {
		background-position: 0 -32px;
	}
	
	#liBarns a:hover, #liBarns:hover a, #liBarns.over a {
		background-position: -93px -64px;
	}
	
	#liBarns.on a:hover, #liBarns.on:hover a, #liBarns.on.over a {
		background-position: -93px -32px;
	}
	
	#liWallmaterials a:hover, #liWallmaterials:hover a, #liWallmaterials.over a {
		background-position: -186px -64px;
	}
	
	#liWallmaterials.on a:hover, #liWallmaterials.on:hover a, #liWallmaterials.on.over a {
		background-position: -186px -32px;
	}
	
	#liBarnoptions a:hover, #liBarnoptions:hover a, #liBarnoptions.over a {
		background-position: -279px -64px;
	}
	
	#liBarnoptions.on a:hover, #liBarnoptions.on:hover a, #liBarnoptions.on.over a {
		background-position: -279px -32px;
	}
	
	#liCorralsnshelters a:hover, #liCorralsnshelters:hover a, #liCorralsnshelters.over a {
		background-position: -372px -64px;
	}
	
	#liCorralsnshelters.on a:hover, #liCorralsnshelters.on:hover a, #liCorralsnshelters.on.over a {
		background-position: -372px -32px;
	}
	
	#liBuildings a:hover, #liBuildings:hover a, #liBuildings.over a {
		background-position: -465px -64px;
	}
	
	#liBuildings.on a:hover, #liBuildings.on:hover a, #liBuildings.on.over a {
		background-position: -465px -32px;
	}
	
	#liNewAboutFCP a:hover, #liNewAboutFCP:hover a, #liNewAboutFCP.over a {
		background-position: -557px -64px;
	}
	
	#liNewAboutFCP.on a:hover, #liNewAboutFCP.on:hover a, #liNewAboutFCP.on.over a {
		background-position: -557px -32px;
	}
	
/*subnav formatting... formats the actual links in the SUBNAV */
	#nav li.off ul a, #nav li.on ul a  
	{ 
		color: #dfdfdf; 
		font-size: 11px;  
		font-family: arial, verdana, sans-serif; 
		background: transparent; 
		display: block; 
		height: 14px;
	}		
	
	#nav li.on ul a {
		background: transparent;
	}


/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}

body     { color: #444; font: 62.5% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, Helvetica, sans-serif; background: #699 url("img/body.jpg") no-repeat center top; padding-top: 40px }

p,code,ul {padding-bottom: 2em;}

.inner-container p { padding: 0 6px 10px 6px; }
.inner-container h1 { padding: 0 0 0 6px; }

li   { list-style-type: none }

h1  { font: 2em "Lucida Grande", Tahoma, "Lucida Sans Unicode", sans-serif }
h2  { font: bold 1.4em "Lucida Grande", Tahoma, sans-serif }
h3  { font: bold 1em "Lucida Grande", Tahoma, sans-serif }

form,input {margin: 0; padding: 0; display: inline;}

code  { color: #666; font: 1em/1.6em "Lucida Grande", Tahoma, sans-serif; background: #fff; white-space: pre; display: block; margin-bottom: 12px; padding: 8px 10px; border-style: solid; border-width: 1px 1px 1px 6px; border-color: #eee #eee #eee #ccc }

blockquote    { font-weight: bold; background: url("img/quote.gif") no-repeat; display: block; padding-left: 28px }

h1,h2,h3   { color: #366; padding-top: 6px }

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container  { 
	margin: 0 auto; 
	width: 676px; 
	border-color: #d7d7d2; 
}
.outer-container { 
	background: #699 url("img/container.jpg") center top; 
}

/* headere & title */
.header     { background-image: url("img/header.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; height: 114px }
.header .title {
	color: #FFF;
	padding-top: 50px;
}
.header .title .sitename a {
	border-bottom: 1px dashed #657382;
	color: #FFF;
	font: normal 3em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;
}
.header .title a:hover {border-color: #F60;}
.header .title .slogan  { font: 1.1em "Lucida Grande", Tahoma, "Lucida Sans Unicode", sans-serif; padding-top: 6px }

/* path */
.path     { color: #fff; font: 1.1em "Lucida Grande", Tahoma, "Lucida Sans Unicode", sans-serif; background: #949490 url("img/navbg.gif"); padding: 8px 12px; height: 18px }
.path a {
	color: #FAFAFA;
	text-decoration: none;
}
.path a:hover {
	color: #FFE;
	text-decoration: underline;
}

/* main */
.main       { background: url("img/main.gif") repeat-y;}

/* main2 */
.main2       { 
	background: #cc9 url("img/main2.gif") repeat-y; 
	border-top: medium none #fff;
}

/* slideshow */
.slideshow { 
	background-color: #fff; 
	margin-left: 4px; 
}

/* picturebox */
.picturebox    { 
	float:right;
	margin-right:26px;
	padding:0pt 12px 0pt 0pt;
	width:424px; 
}
 
/* picturebox2 */
.picturebox2     { 
	background-color: #fff; 
	margin-left: 4px;
}

/* searchresults page */
.searchresults     {
	padding: 14px; 
	font-size: small;
}

/* search style */
.searchstyle     {
	margin: -20px 0 0 480px;
}

/* content */
.content     { margin-right: 12px; position: relative; top: 20px; width: 424px; float: right }
.content .descr  { color: #600; font-size: 0.9em; margin-bottom: 6px }
.content li   { list-style: url("fcp2/img/li.gif"); margin-left: 18px }
.content p, .inner-container p {font-family: "Lucida Sans Unicode",sans-serif; font-size: small;}

/* content */
.content2 { 
	padding-top:10px;
	padding-left: 30px;
	width: 620px;
}
.content2 .descr  { color: #600; font-size: 0.9em; margin-bottom: 6px }
.content2 li   { list-style: url("fcp2/img/li.gif"); margin-left: 18px }
.content2 p {font-family: "Lucida Sans Unicode",sans-serif; font-size: small;}

/* navigation */

.navigation         { padding-left: 4px;  float: left; border-color: #fff }
.navigation h2                 { color: #cfc; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; background-color: #060; background-image: url("img/panel.gif"); display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 196px; border-top: 1px solid #696; border-bottom: 1px solid #963 }
.navigation li  { border-bottom: 3px solid #eaeada }
.navigation li a     { color: #330; font-size: 0.9em; text-decoration: none; display: block; margin-bottom: 4px; padding: 4px 0 4px 5%; width: 95% }
.navigation li a:hover  { color: #654; background: #cc9 }

/* footer */

.footer       { color: #f7f7f2; font-size: 0.9em; font-family: "Lucida Grande", Tahoma, "Lucida Sans Unicode", sans-serif; font-style: normal; font-variant: normal; line-height: normal; background: #060 url("img/footbg_ver2.gif"); padding: 10px 12px; height: 57px; border-color: #fff }
.footer a {
	color: #F7F7F2;
	text-decoration: none;
}
.footer a:hover {color: #FFC;}