#wrapper
{
    width:100%;
    text-align:left;
    background:#fff;
}

/*---------------------header--------------------------------*/

#header
{
	width:100%;
    height:97px;
    background:url('/Media/images/system/headerbg.png') repeat-x;
    overflow:hidden;
}


#header ul
{
	list-style:none;	
	margin:auto;
}

#header ul li
{
	float:left;
	margin:10px 20px;	
}

 #nav
{
	float:right;
}

/*---------------------header--------------------------------*/


/*--------------------- main navigation--------------------------------*/


/*--------------------- main navigation--------------------------------*/

/*--------------------- sub navigation--------------------------------*/

div.subNav {
	clear: both;
	height: 27px;
	background: #fada9d url("/media/images/system/subnavbg.gif") repeat-x center bottom;	
	overflow: hidden;
}
div.subNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 27px;
	overflow: hidden;
}
div.subNav li {
	float: left;
	text-align: center;
	padding: 0;
	height: 27px;
}

div.subNav li:hover {
	background:#f6bb47 url("/media/images/system/subtab-on-background.gif") no-repeat center 10px;
}
div.subNav li.on {
	background:#f6bb47 url("/media/images/system/subtab-on-background.gif") no-repeat center 9px;
	font-weight: bold;
}

div.subNav li a {
	color:#666;
	height: 23px;
	padding: 4px 22px 0px 22px;
	float:left;
	text-decoration: none;
}

/*--------------------- sub navigation--------------------------------*/


#content
{
	margin:0 auto 0 auto;
	width:960px;
	background:#FFF;
	overflow:auto;
}



#content #herohome
{
	margin:20px auto 0 auto;
	width:960px;
	height:320px;
	background:#FFF no-repeat;
	overflow:hidden;
	
}

#content #herocontent
{
	margin:20px auto 0 auto;
	width:960px;
	height:320px;
	background:#FFF no-repeat;
	overflow:auto;

}
#content .herocontent
{
	margin:20px auto 0 auto;
	width:960px;
	height:320px;
	background:#FFF no-repeat;
	overflow:auto;

}

#content #herohome h1
{
	text-align:right;
	font-size:3em;
	text-transform:uppercase;
	font-weight:lighter;
	line-height:1.2em;
	padding:10px;	
}



#content #herohome ul
{
	float:right;
	text-align:right;
	padding:10px;	

}
#content #herohome li
{
	list-style-type:disc;
	list-style-position:inside;
	text-align:right;
	clear:both;
	font-size:1.1em;
	color:#f5bb4a;
}

#content #rowgradientbg
{
	width:920px;
	background: #E8EDF1;
	margin:1px auto 0px;
	padding:10px 20px;
	overflow:auto;	
}

#content #rowgradientbg div
{
	float:left;
	width:31%;
	display:table-cell;
	
}



#content #rowgradientbg div  li
{
	list-style-type:disc;
	list-style-position:outside;
	text-align:left;
	clear:both;
	font-size:1em;
	margin-left:12px;
	
}




#content #rowgradientbg #doublewidth
{
	float:left;
	width:64%;
	display:table-cell;
}


#content #row
{
	width:940px;
	background: #DAE1E7;
	margin:1px auto 0px;
	padding:10px 10px;
	overflow:hidden;
	background:#E8EDF1;	
	position:relative;
}

#content #row div.third
{
	float:left;
	width:33%;
	display:table-cell;
	overflow:hidden;
}





#content #row #doublewidth
{
	float:left;
	width:600px;
	display:table-cell;
	overflow:hidden;
	position:relative;
}

#content #row .evensplit
{
	float:left;
	margin:0 0;
	width: 50%;
	display: table-cell;
	overflow: auto;
}

#content #rowkeyfacts
{
	width:920px;
	background:transparent;
	margin:10px auto;
	padding:10px 20px;
		
}

#content #rowkeyfacts div
{
	float:left;
	width:31%;
	display:table-cell;
}

#content #rowkeyfacts div p
{
	padding:0px;
	margin:0px;	
}