/**********************
GLOBAL STYLES
***********************/

* {margin:0; padding:0;}

body {
	background:#000;
	margin:0;
	padding:0;
}

p {margin-bottom: 1.0em;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin-bottom:10px;}	

/**********************
 OVERALL LAYOUT
***********************/


#skiptomain {
	display: none;
}

#wrapper {
	position: absolute;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	height: 600px;
	text-align: center;
	font-size: 0.85em;
}

	#pagecontainer {
		text-align: left;
		padding: 0;
		margin: 0;
		width: 900px;
		height: 580px;
	}


		#topnav {
			width: 900px;
			height: 36px;
			margin: 0;
			padding: 0;
			background: #222 url(images/topnavback.gif) repeat-x top center;
			font-size: 0.8em;
		}	


		#pagecontent {
			width: 900px;
			height: 450px;
			margin: 0;
			padding: 0;
			background: #fff;
			font-size: 0.8em; 
			color: #000; 
			line-height: 1.7em;
		}
		
			#pagecontent ul {padding: 5px 0 5px 25px;}
		
			#bottomright {
				width: 350px;
				height: 45px;
				border: none;
				margin: 0;
				padding: 0;
				position: absolute;
				right: 0;
				bottom: 0;
				z-index: 100;
			}
			
				#bottomrightpanel {
					clear: both;
					width: 350px;
					height: 20px;
					padding: 0px 0px 0px 0px;
					color: #fff;
				}
				
					#bottomrightpanel img.one {
						float: left;
						margin: 4px 0px 0px 30px;
					}
					
					#bottomrightpanel img.other {
						float: left;
						margin: 4px 0px 0px 5px;
					}
					


		#footer {
			width: 900px;
			height: 63px;
			margin: 0;
			padding: 0;
			background: #fff;
			border-top: 1px solid #888;
		}
		
			#footerleft {
				width: 700px;
				height: 63px;
				margin: 0;
				padding: 0;
				float: left;
		}
			#footerright {
				width: 200px;
				height: 63px;
				margin: 0;
				padding: 0;
				float: right;
		}
		
		#pagebottom {
			width: 900px;
			height: 30px;
			margin: 0;
			padding: 5px 0 0 0;
			background: #222 url(images/pagebottomback.gif) repeat-x top center;
			color: #fff;
		}
		
		#pagebottom table {
			font-size: 0.9em;
		}
		
		#belowfooter {
			width: 898px;
			height: 18px;
			margin: 0;
			padding: 5px 0 0 0;
			color: #CCC;
			font-size: 0.8em;
			border: 1px solid #999;
		}
		
			#belowfooterleft {
				width: 588px;
				float: left;
				padding: 0 0 0 10px;
		}
			#belowfooterright {
				width: 290px;
				float: right;
				padding: 0 10px 0 0;
				text-align: right;
		}

/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}


/**********************
BODY FONT HACK FOR IE
 **********************/

* html body, * html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/*****************
 LINKS
 *****************/

#pagecontent a:link{ color: #405; text-decoration: underline }
#pagecontent a:visited{ color: #405; text-decoration: underline }
#pagecontent a:hover{ color: #405; text-decoration: underline }

#pagecontent .purplelinks a:link{ color: #405; text-decoration: none }
#pagecontent .purplelinks  a:visited{ color: #405; text-decoration: none }
#pagecontent .purplelinks  a:hover{ color: #405; text-decoration: underline }

#belowfooterleft a:link{ color: #bad; text-decoration: none }
#belowfooterleft a:visited{ color: #bad; text-decoration: none }
#belowfooterleft a:hover{ color: #bad; text-decoration: underline }

#belowfooterright a:link{ color: #ccc; text-decoration: none }
#belowfooterright a:visited{ color: #ccc; text-decoration: none }
#belowfooterright a:hover{ color: #fff; text-decoration: underline }


/*****************
 HEADINGS
 *****************/

h1 { font-size: 1.3em; display: block; color: #404; font-weight: normal; margin-bottom: 12px;}
h1.topheight { font-size: 1.3em; display: block; color: #333; font-weight: normal; margin: 20px 0px 20px 0px;}
h2 { font-size: 1.1em; display: block; color: #333; font-weight: normal; margin-bottom: 5px;}
h3 { font-size: 1.1em; display: block; color: #333; font-weight: bold; margin: 5px 0;}


/*****************
 PARAGRAPHS
 *****************/
 
 p.small {font-size: 0.8em; letter-spacing: -1px;}
 

/*****************
 FORMS
 *****************/

form.inline { display:inline; }

#pagecontentright .formrow {
	clear: both;
	line-height: 1.2em;
}

label {
	clear: left;
	float: left;
	width: 120px;
	padding-right: 10px;
	margin-top: 5px;
}

input.brochureinput {
	border: 1px solid #999;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	width: 180px;
	color: #000;
	margin-top: 5px;
}

select.brochureselect {
	border: 1px solid #999;
	background-color: #fff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	width: 180px;
	color: #000;
	margin-top: 5px;
}

input.brochuresubmit {
	clear: both;
	border: 1px solid #000;
	background-color: #333;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 11px;
	color: #fff;
	float: right;
	text-align: center;
	width: 50px;
	margin-right: 45px;
}

 
/*****************
 BREAKS
 *****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

img.middle {
	float: center;
	margin: 20px 0px 10px 74px;
}


/*****************
 TOP OF PAGE NAV LIST
*****************/

ul#nav {
	margin: 0px 10px;
	padding: 12px 0px 0px 0px;
	list-style: none;
	width: 880px;
}

	ul#nav li {
		float: left;
		line-height: 1.8em;
		margin: 0px 0px 0px 0px;
		padding: 0px 18px 3px 18px;
		display: inline;
		text-align: center;
	}
	
	ul#nav li ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	ul#nav li ul li {
		line-height: 1.8em;
		margin: -3px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
		display: inline;
		float: left;
		text-align: left;
	}

		ul#nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
		}

		ul#nav li a:hover {
			color: #bad;
			text-decoration: none;

		}


/* POP UP MENU STUFF */

.hiddenChild{
	left: -999em;
}

.shownChild{
	left:0px;
	top:22px;
}

ul#nav.dhtml{
	position:relative;
	top:0em;
	left:0em;
}

ul#nav.dhtml,ul#nav.dhtml ul{
	list-style:none;
}

ul#nav.dhtml li{
	position:relative;
}

ul#nav.dhtml ul{
	position: absolute;
	background:#fff;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:170px;
	border: 1px solid #ccc;
	z-index:10;
	opacity: .90;
	filter: alpha(opacity=90);
}

ul#nav.dhtml ul li{
	width:170px;
	line-height: 2.0em;
	padding: 0px 0px 0px 0px;
}

ul#nav.dhtml li.isParent{
	background: transparent;
}

ul#nav.dhtml li.isActive{
	background: transparent;
}

ul#nav.dhtml li.isActive a{
	background: transparent;
	color: #999;
	
}

ul#nav.dhtml li.isActive ul a{
	background: transparent;
}

ul#nav.dhtml li.isActive ul a:hover{
	text-decoration: none;
	background: #8a3;
	color: #fff;
}

ul#nav.dhtml ul a{
	padding:0;
}

/********* SITE MAP **********/

#pagecontentright #sitemap a { text-decoration: underline; }

#sitemap ul, #sitemap ul li, #sitemap ul li ul, #sitemap ul li ul li, #sitemap ul li ul li ul, #sitemap ul li ul li ul li { 
	border: none; 
	margin: 0; 
	padding: 0; 
}

#sitemap ul { width: 550px; margin: 0; }
	#sitemap ul li { padding: 1px 0; margin: 0 0 0 20px; }
	
		#sitemap ul li a:link, #sitemap ul li a:visited { color: #036; }
		#sitemap ul li a:hover { color: #666; }

	#sitemap ul li ul { width: 528px; margin: 2px 0 0 0; }
		#sitemap ul li ul li { color: #000; padding: 1px 0; margin: 0 0 0 20px; }
		
			#sitemap ul li ul li a:link, #sitemap ul li ul li a:visited { color: #000; }

		#sitemap ul li ul li ul { width: 508px; margin: 2px 0 0 0; }
			#sitemap ul li ul li ul li { color: #666; margin: 0 0 0 20px; }
			
				#sitemap ul li ul li ul li a:link, #sitemap ul li ul li ul li a:visited { color: #666; }
				#sitemap ul li ul li ul li a:hover { color: #000; }