@charset "utf-8";
/* CSS Document */

body {
	margin: 0; 
	padding: 0;
	text-align: center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(images/background.png) repeat-x top center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:.9em;
	background-color:#FFF;
}

div.switch-red {
	width:353px;
	background: url(images/switch_red2_down.gif) repeat-x top;
	float:right;
	height:38px;
}

div.switch-red:hover {
	width:353px;
	background:url(images/switch_red2_up.gif) repeat-x top;
	height:38px;
	color:#bbb;
}

div.switch-blue {
	margin-left:4px;
	width:353px;
	background: url(images/switch_blue2_up.gif) repeat-x top;
	float:left;
	height:38px;
	}
	
div.switch-blue:hover {
	margin-left:4px;
	width:353px;
	background:url(images/switch_blue2_down.gif) repeat-x top;
	height:38px;
	color:#bbb;
	}
div.switch-blue span {
	display: block;
	margin:0; padding: 10px 0px 0px 39px;
	}
	
#feat_top {
	height:10px;
	width:741px;
	margin-left:-14px;
	background:url(images/feature_top.png) top center no-repeat;
	}
	
#feat_bottom {
	height:10px;
	width:741px;
	margin-left:-14px;
	background:url(images/feature_bottom.jpg) top center no-repeat;
	}
	
div.featured_text {
	background:url(images/bg_feature_text_box.jpg) top left repeat-x;
	width:627px;
	color:#bac1d7;
	margin-left:-14px;
	padding-left:57px;
	padding-right:57px;
	padding-top:19px;
	padding-bottom:25px;
	line-height:1.4em;
	font-size:.90em;
	}