@charset "utf-8";
/* CSS Document created by Brandi Jones (bjones@4site.tv) 12/3/07 www.4site.tv */

body {
	padding:0px;
	padding-bottom:20px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	/*Sets a base size of ~10px...use em to control in place of pixels now throughout 
	type styles to allow for universal browser resizing, moving decimal to tenth (ex: 12px = 1.2em)*/
	font-size:62.5%;
	color:#585141;
	background-image:url(images/framework/bkgr.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#wrapper {
	width:850px;
	margin:0px auto 0px auto;
}

/*------------------------------typography, misc. elements-----------------------------*/

.clear {
	clear:both;
	height:1px;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top:0px;
}

.noBotMarg {
	margin-bottom:0px;
}

p {
	font-size:1.2em;
	line-height:1.4em;
	color:#585141;
}

h1 {
	font-size:2.8em;
	/*line-height:2.8em;*/
	color:#c8c2b0;
	font-weight:normal;
}

h2 {
	font-size:1.5em;
	line-height:1.6em;
	font-weight:bold;
	color:#585141;
}

h3 {
	font-size:1.2em;
	line-height:1.6em;
	font-weight:bold;
	color:#585141;
}

.small {
	font-size:1.0em;
	line-height:1.2em;
	font-weight:bold;
}

a:link, a:visited {
	color:#0e8d8b;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.bullet:link, a.bullet:visited {
	font-size:1.0em;
	color:#0e8d8b;
	font-weight:bold;
	padding-left:14px;
	background-image:url(images/framework/bullet.gif);
	background-position:left 1px;
	background-repeat:no-repeat;
	text-decoration:underline;
}

a.bullet:hover {
}

ul.fancy-bullet {
	list-style:none;
	list-style-image:url(images/framework/bullet.gif);
	padding-top:8px;
}

body#sub #content ul {
	list-style-type:square;
	margin:0px 0px 20px 20px;		
}

body#sub #content li {
	font-size:1.2em;
	padding:0px 0px 6px 0px;
}

.floatleft {
	float:left;
	margin:3px 15px 5px 0px;
}

.floatRight {
	float:right;
	margin:3px 0px 5px 15px;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }


/*--------------------------------------page layout--------------------------------------*/

#header {
	height:198px;
	position:relative;
	background-image:url(images/framework/bkgr_head.gif);
	background-position:196px 37px;
	background-repeat:no-repeat;
}

img#logo {
	position:absolute;
	left:0px;
	top:37px;
}

form#search {
	position:absolute;
	right:0px;
	top:30px;
	text-align:right;
	vertical-align:middle;
	width: 327px;
}

form#search input.searchBox {
	border:1px solid #d8d3c4;
	margin:0px 5px 0px 0px;
	padding:2px;
	color:#585141;
	width:150px;
}

form#search input.searchBut {
	border:1px solid #d8d3c4;
	background-color:#d8d3c4;
	margin:0px;
	color:#585141;
}

/*-- (navigation) --*/

#nav {
	position:absolute;
	left:0px;
	bottom:0px;
	width:850px;
	height:50px;
	background-image:url(images/framework/bkgr_nav.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:absolute;
	left:0px;
	bottom:0px;
}

#nav li {
	float:left;
	position: relative;
	padding-bottom:10px;
	padding-top:25px;
}

#nav ul li.tab {
	float:left;
	position: relative;
	padding-bottom:0px;
	padding-top:0px;
	z-index:100;
}

#nav li a:link, #nav li a:visited {
	display:block;
	padding:0px 6px 0px 6px;
	margin:0px 0px 0px 0px;
	border-right:1px solid #3e9a9a;
	font-size:1.2em;
	color:white;
	text-decoration:none;
}

#nav li.tab a:link, #nav li.tab a:visited {
	display:block;
	padding:0px;
	margin:0px;
	border-right:none;
	font-size:1.2em;
	color:white;
	text-decoration:none;
}

#nav li.last a:link, #nav li.last a:visited {
	border-right:none;
}

#nav li a:hover {
	color:#c2d6d6;
}


/* ## DROPDOWNS ##*/

/*--IE sticky menu fix--*/
#nav ul li:hover, #nav ul li.tab:hover {
	background-position: 0 0;
}
/*--1st level drop downs--*/
#nav ul ul {
	position: absolute;
	width:12em;
	left: -999em;	
	background-color:white;
	border-top:2px solid white;
	margin-top:0px;
}
/*--1st level dropdown list items--*/
#nav li li, #nav li.tab li {
	margin:0px 0px 0px 0px;
	padding:0px;
	position:relative;
}

/*--1st level dropdown nested links--*/
#nav li li a:link, #nav li li a:visited, #nav li.tab li a:link, #nav li.tab li a:visited {
	display:block;
	margin:0px;
	padding:5px;
	width:12em;
	text-align:left;
	color:#585141;
	font-size:1.1em;
	border:2px solid white;
	border-top:none;
	background-color:#ded7c3;
	background-image:none;
}

#nav li li a:hover, #nav li.tab li a:hover {
	background-color:#d4cdba;
	color:#585141;
}

/*--1st level dropdown flyout--*/
#nav li:hover ul, #nav li.sfhover ul {
	left:0px;
	top:50px;
	z-index:2000;
}



/*--2nd level dropdown nested links--*/
#nav li:hover ul li ul, #nav li.sfhover ul li ul {
	margin: 0 0 0 12em;
	left: -999em;
	width:14.6em;
}

#nav li:hover ul li ul li, #nav li.sfhover ul li ul li {
}

/*--2nd level dropdown flyout--*/
#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul {
	left: 2.4em;
	top:-2px;
}



/*--3rd level dropdown nested links--*/
/*#nav li:hover ul li:hover ul li ul, #nav li.sfhover ul li.sfhover ul li ul {
	margin: 0 0 0 12em;
	left: -999em;
}*/

/*--3rd level dropdown flyout--*/
/*#nav li:hover ul li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul li.sfhover ul {
	left: auto;
	margin-top:-26px;
}
*/
/* ## END DROPDOWNS ##*/



body#sub #content {
	padding:30px 0px 50px 0px;
}

/*-- (left side features) --*/

#left {
	width:450px;
	float:left;
	padding:20px 0px 0px 0px;
}

a.featPicBord:link, a.featPicBord:visited {
	border:1px solid #ded7c3;
	float:left;
	padding:3px;
	margin-right:7px;
	display:block;
}

a.featPicBordLast:link, a.featPicBordLast:visited {
	border:1px solid #ded7c3;
	float:left;
	padding:3px;
	margin-right:0px;
	display:block;
}

a.featPicBord:hover {
	border:1px solid #004d86;
}

a.featPicBordLast:hover {
	border:1px solid #004d86;
}

#leadStory {
	clear:both;
	margin:20px 0px 20px 0px;
}

/*-- (right side features) --*/

#right {
	width:384px;
	float:right;
}

#content #right ul.highlights {
	margin:20px 0px 20px 0px;
	padding:0px;
	list-style-type:none;
}

#content #right ul.highlights li {
	padding:0px;
	margin:0px;
}

#content #right ul.highlights h1 {
	padding-left:15px;
}

#content #right ul.highlights ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#content #right ul.highlights li li {
	padding:10px 0px 8px 15px;
	margin:0px;
	background-image:url(images/framework/bkgr_feat.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*-- (subpage feature) --*/

.featBox {
	border:1px solid #ded7c3;
	padding:15px;
	margin:0px 0px 15px 30px;
	width:230px;
	float:right;
}

/*-- (footer) --*/

#footer {
	background-image:url(images/framework/bkgr_foot.gif);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
	padding:20px 0px 0px 0px;
}

#footer p, #footer a:link, #footer a:visited {
	font-size:1.0em;
	color:#585141;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/*--------------------------------------print styles--------------------------------------*/

@media print {
	#nav, form#search {display:none;}
	#header {height:88px; background-image:none; margin-bottom:20px;}
	img#logo {top:0px; left:0px;}
	#wrapper, #left, #right {width:auto; margin:0 0; padding:0; float:none !important;}
	body, p {background-image:none; background-color:white;}
	a, a:visited {text-decoration:underline;}
	a.bullet:link, a.bullet:visited {padding:0px; background-image:none;}
	#footer {background-image:none; text-align:left; border-top:1px solid #ded7c3; margin-top:20px;}
}