/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

body{margin:0px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/*~	font reset module	
	Based off the YUI font reset stylesheet (http://developer.yahoo.com/yui/fonts/).
	However decided to go with using absolute sized fonts intead of the initial 13px they use. 
	This makes it easier to	calculate em widths, 1em = 10px.
	also only added line-height to block level elements which would be used purely for text and 
	not alignment to fix some inheritence issues.
*/
body { font : .80em arial, helvetica, clean, sans-serif ; color: #333333; 	background: #dadde7 url(/images/bg.jpg) 0% 0% repeat-x;
}
table { font-size : inherit ; font-size : 100% ; }
select, input, textarea { font : 99% arial, helvetica, clean, sans-serif ; }
pre, code { font : 115% monospace ;  }
h1,h2,h3,h4,h5,h6,
dt,dd,li,pre,p,blockquote,
address,caption,cite,code,dfn,var { line-height : 1.42em ; }

.clearfix:after {
    content: ".";
	display: block;
    height: 0; 
    clear: both;
    visibility: hidden;	
}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix {display: block;}

* {margin:0; padding:0;} 
img{border: none;}

div.bodyTopHome{
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background: url(/images/bg-homeTop.png) no-repeat 0% 0%;
	width: 984px;
	height: 152px;
	padding: 0px;
}

/*blue bar atop nav*/

div.blueBar{
width: 960px;
height: 44px;
background: url(/images/blue-bar-content.jpg) 0px 0px no-repeat;
margin-left: 12px;
}


div.bodyTopHomeNav{
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background: url(/images/bg-homeTop.png) no-repeat 0% 0%;
	width: 984px;
	height: 152px;
	padding: 0px;
}


div.bodyCentreHome{
	margin: 0px auto 0px auto;
	background: url(/images/bg-homeCentre.png) repeat-y top left;
	width: 984px;
	min-height: 500px;
}

div.homeLatest{
	float: left;
	padding: 45px 13px 20px 70px;
	width: 234px;
}

div.homeLatest li{
font-size: 88%;
color: #000066;
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px dashed #000000;
list-style-type: square;
}

div.homeLatest ul{
margin-left: 18px;
}




div.contentWrapperHome{
}



#menuHome{
	width: 629px;
	height: 25px;
	margin: 0px 11px 0px 39px;
	padding: 0px 0px 0px 304px;
	background-color: #CBD5DE;
}




div.contentHome{
	margin-left: 360px;
	padding: 30px 20px 20px 0px;
}



/* Home page Styles END  */






bodyContent{
	background: #dadde7 url(/images/bg.jpg) repeat-x top left;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	line-height: 155%;
	color: #333333;
	font-size: .9em;
}

a:link{
color: #091F62;
}
a:hover{
color:#848FB0;
}

a:visited{
color: #848FB0;
}



div.bodyTopContent{
	margin: 50px auto 0px auto;
	background: url(/images/bg-contentTop.png) no-repeat 0% 0%;
	width: 944px;
	height: 104px;
	padding: 19px 0px 0px 40px;
}

div.bodyCentreContent{
	margin: 0px auto 0px auto;
	background: url(/images/bg-centreContent.png) repeat-y 0% 0%;
	width: 963px;
	padding: 0px 10px 0px 11px;
	min-height: 500px;
	
}

#menuContent{
	width: 705px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 255px;
	background-color: #CBD5DE;
}



div.leftColContent{
	width: 154px;
	background: url(/images/left-bar-content.jpg) 31px  0px no-repeat;
	float: left;
	padding: 10px 38px 10px 51px;
	min-height: 400px;
	margin: 0px 0px 0px 0px;
}
div.leftColContent p{
font-size: 90%;
border-bottom: 1px dashed #000066;
padding-bottom: 1em;

}




div.rightColContent{
	margin: 0px 0px 0px 250px;
	width: 660px;
	padding: 10px 40px 10px 10px;
}



div.topMenu{
	margin: 50px 60px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	float:right;
}

div.topMenu a{
	font-family: times new roman;
	color:#999999;
	display:block;
	float:left;
	padding-top: 4px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em!important;
	text-decoration: none;
}

div.topMenu a:hover{
	text-decoration: underline;
	color:#091F62;
}

div.topMenu img{ margin: 0px 10px 0px 10px;float:left;}

div.footerContent{
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 262px;
	background: url(/images/bg-contentBottom.png) no-repeat top left;
	width: 722px;
	height: 110px;
}


div.footCol{
	background: url(/images/footer-lines.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	width: 250px;
	float: left;
	margin-left: 10px;
	line-height: 150%;
}



div.footCol a{
	color: #999999;
	text-decoration: none;
}

div.footCol a:hover{
	color: black;
	text-decoration: underline;
}

/*==============================H==================================*/
h1{
	background: url(/images/h1-bg.gif) no-repeat top left;
	color: #091F62;
	font-size: 1.2em;
	font-weight: 600;
	padding-left: 15px;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif;
}
h2{
	color: #091F62;
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif;
}
h3{
	color: #091F62;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 1px;
	font-family: arial, helvetica, sans-serif;
}


/*==========SITE MAP===========*/

div#sitemap ul{
padding-bottom: 15px;
margin-top: 20px;
}
div#sitemap ul li{
	padding-left: .5em;
	margin-top: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-bottom:0px;
	list-style: none;
	}

div#sitemap ul li ul{	
padding-top: 0px;
margin-top: 0px;
}
	
div#sitemap ul li ul li{
	background-image: none;
	border-bottom: 1px dotted #8CB0CB;
	border-left: 1px solid #8CB0CB;
	width: 200px;
	padding-left: 30px;
	margin-left: -.5px;
	padding-top: 0px;

}

div#sitemap ul li ul li ul li{
	border-bottom: 1px dotted #8CB0CB;
	border-left: 1px solid #8CB0CB;
	padding-left: 50px;
	margin-left: 12px;
	width: 275px;
	font-size: 100%;}
	
	
	div#sitemap a:link{
	text-decoration: none;
	color: #4D7096;
	}

	div#sitemap a:visited{
	text-decoration: none;
	color: #4D7096;
	}

	div#sitemap a:hover{
	text-decoration: underline;
	color: #000000;
	}

	
	
div.dt{  width: 150px; float:left; margin: 0px 0px 10px 0px; padding: 0px; font-weight:normal;}
div.dd{ width:auto; margin: 0px 0px 10px 160px; padding: 0px;}
div.dd div.dt{margin-left: 50px;}	

/*Useful links*/
table.links{border: 1px solid #CBD5DE; border-collapse:collapse; margin-top: 2em; border-bottom: 6px solid #F0F1F5;}
table.links th{text-align: left;border: 1px solid #CBD5DE; background: #F0F1F5;padding-left: 1em;}
table.links td{text-align: left;border: 1px solid #CBD5DE; padding-left: 1em;}






