@import url(navvert.css);

@import url(navhorz.css);

@import url(style.css);

@import url(bdi.css);



body {

	margin: 0px;

	padding: 0px;

	text-align: center;

	background-color: #6699CC;

	font-family: "lucida grande", arial, helvetica, geneva, sans-serif;

	font-size: 12px;

	/* WinIE behavior call */

	background-image: url(../i/sr-bg.gif);

	background-repeat: repeat-y;

	background-position: center center;

}



#container {

	display: block;

	width: 765px;

	margin: 0 auto 0 auto;

	padding: 0;

	position: relative;

}



#feat3ured {

	padding: 4px 5px 10px 5px;

	width: 500px;

	voice-family: "\"}\"";

	voice-family: inherit;

	margin: 0 0 10px 0;

	border-color: #CCCCCC;

	border-width: 1px 0 1px 0;

	border-style: solid none solid none;

	width: 490px;

	display: block;

	/*background-color: #FFCC00;*/

	height: 180px;

}



html>#featu4red {

	width: 490px; /* be nice to Opera */

}



#intro {

	text-align: left;

	padding: 10px 4px 6px 2px;

	position: absolute;

	width: 475px;

	top: 375px;

	left: 280px;

}



#leftcontent {

	height: 800px;

	width: 280px;

	float: left;

	padding: 10px 5px 2px 3px;

	margin: 0;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 272px;

	text-align: center;

	text-transform: inherit;

	position: absolute;

	top: 0;

	left: 0;

	/*background-attachment: fixed;*/

}



html>#leftcontent {

	width: 272px;

}





#leftcontent h3, #leftshort h3 {

	color: #f3f3f3;

	text-shadow: #333333 0px 0px 6px;

	display: block;

	font-size: 12px;

	font-weight: bold;

	background-color: #6699CC;

	text-transform: uppercase;

	margin: 0px;

	padding: 2px;

	text-align: center;

	background-image: url(../i/boxtop-bg.jpg);

	background-repeat: repeat;

}



#leftcontent h3.hotspot {

	color: #f3f3f3;

	text-shadow: #333333 0px 0px 6px;

	display: block;

	font-size: 12px;

	font-weight: bold;

	background-color: #6699CC;

	text-transform: uppercase;

	margin: 0px;

	padding: 2px;

	text-align: center;

	background-image: url(../i/boxtopo-bg.jpg);

	background-repeat: repeat;

}

#leftcontent h3.area a {

	padding: 2px 2px 2px 20px;

	background-image: url(../i/h3-arrow.jpg);

	background-repeat: no-repeat;

}



#leftcontent h3.hotspot span {

	color: #444444;

	text-shadow: none;

}



#leftcontent h3 a, #leftshort h3 a {

	color: #f3f3f3;

}



#hslist li {

	margin: 0;

	padding: 0 0 0 20px;

	background-image: url(../i/arrow-li.gif);

	background-repeat: no-repeat;

	background-position: left center;

}



#leftcontent h3 a:hover,  #leftshort h3 a:hover {

	color: #ffffff;

}



#featured h2, #featuredwide h2 {

	color: #666666;

	font-size: 11px;

	font-weight: normal;

	text-transform: uppercase;

	margin: 2px 0 4px 0;

	padding: 0;

	text-align: center;

	letter-spacing: 2px;

}

#content h1, #intro h1, #introwide h1, #content-state h1 {

	display: block;

	text-transform: uppercase;

	text-align: left;

	border-bottom: 1px solid #cfdbdd;

	color: #333333;

	letter-spacing: 3px;

	padding-bottom: 2px;

	margin: 0px 0px 4px 0px;

	font-size: 14px;

	font-style: normal;

	font-variant: normal;

	font-weight: normal;

}



#content p, #intro p, #introwide p, #content-state p {

	padding: 0 20px 0 10px;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

}