/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	background-color: #002c52;
}

#container {
	min-height: 100%;
	background-color: #fff;
	border-left: 2px solid #f78e18;
	border-right: 2px solid #f78e18;
	width: 781px;
	margin: 0 auto;
}

#banner a {
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
}

* html #container {
	height: 100%;
} /*For IE6*/

* html #about_csat {
	height: 31em;
} /*For IE6*/

h1 {
	font-size: 1.4em;
	padding: 0 10px 10px 10px;
}

p {
	padding: 0 10px 1em;
}

ul	{
	list-style position:outer;
	padding: 0 23px 1em;
}

#reg_hosts	{
	margin-left: 8px;
	width: 761px;
	border-left: 1px solid #F78E19;
	}
	
#whitestripes_reg	{
	background-image:url(images/whitestripes_reg.gif); 
	background-repeat: repeat-y; 
	background-position: top right; 
	height: 100%; 
	min-height: 100%;
}
	
#connector_home	{
	margin-left: 10px;
	width: 276px;
	height: 339px;
	border: 1px solid #f72c21;
}

#gf_home	{
	margin: 0 0 10px 10px;
	width: 276px;
	border: 1px solid #f72c21;
	display:block;
}

#latest	{
	margin: 0 0 10px 10px;
	float: left;
	display: block;
	border-left: 1px solid #002c52;
}

.latest_item	{
	margin-top: 10px;
	background-image: url(images/dashed_blue.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#about_csat	{
	margin: 0 0 10px 8px;
	width: 473px;
	border-left: 1px solid #ffaa10;
}

#inner_body	{
	background-image:url(images/body_bg.gif);
	background-position: top left;
	background-repeat:repeat-y;
	margin-top: 20px;
	min-height: 100%;
}

#inner_body:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} /*One last thing you’ll need to do is to clear the floats so that if the content is longer than the browser window, the background image will continue when you scroll. In this situation I’ve used the “easy clearing method” as the overflow method does cause an issue in IE6 whereas the method below will ensure that the floats are cleared in all browsers without the need for additional markup.*/

#navigation {
	float: left;
	width: 191px;
	margin-left: 9px;
	padding: 10px;
	list-style-type: none;
	background-color: #f78e18;
}

.leftnav_item	{
	padding:0; 
	display: block;
}

.leftnav_item a	{
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#002D56;
	text-decoration:none;
	font-size:12px;
	margin-bottom: 10px;
	display: block;
}

.leftnav_item a:visited	{	
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#002D56;
	text-decoration:none;
	font-size:12px;
	margin-bottom: 10px;
	display: block;
}

.leftnav_item a:active	{	
	color:#FFFFFF;
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	margin-bottom: 10px;
	display: block;
}

.leftnav_item a:hover	{	
	color:#FFFFFF;
	text-decoration:underline;
	margin-bottom: 10px;
	display: block;
}

.leftnav_item_selected	{	
	color:#FFFFFF;
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	margin-bottom: 10px;
	display: block;
}

.leftnav_item_selected a	{	
	color:#FFFFFF;
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	margin-bottom: 10px;
	display: block;
}

/*Leftnav subitem*/

.leftnav_subitem	{
	padding:0 0 0 20px; 
	display: block;
	background-image:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
}

.leftnav_subitem a	{
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#002D56;
	text-decoration:none;
	font-size:11px;
	margin-bottom: 7px;
	display: block;
}

.leftnav_subitem a:visited	{	
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#002D56;
	text-decoration:none;
	font-size:11px;
	margin-bottom: 7px;
	display: block;
}

.leftnav_subitem a:active	{	
	color:#FFFFFF;
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	margin-bottom: 7px;
	display: block;
}

.leftnav_subitem a:hover	{	
	color:#FFFFFF;
	text-decoration:underline;
	margin-bottom: 7px;
	display: block;
}

.leftnav_subitem_selected	{	
	color:#FFFFFF;
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	margin-bottom: 7px;
	display: block;
	padding:0 0 0 20px; 
	background-image:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
}

.leftnav_subitem_selected a	{	
	color:#FFFFFF;
	font: verdana;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	margin-bottom: 7px;
	display: block;

}
/* End left nav */
#content {
	float: left;
	width: 360px;
	padding: 10px;
	min-height: 260px;
}
#subcontent {
	float: left;
	width: 170px;
}
	
#connector_inner	{
	width: 168px;
	background-color:#FFFFFF;
	border: 1px solid #f72c21;
	margin-left: 2px;
}

#footer	{
	border-bottom: solid 5px #f78e18; 
	height: 86px;
	background-image:url(images/ring_men.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#copyright	{
	width: 500px;
	float:right;
	margin-top: 70px;
}