/* Site Colours 
Green: a4eb1a
dk blue: 11436b
content bg blue: 124576
lt grey: #c4d1df;
*/

/* Top Elements */
* { margin: 0; padding: 0;}

body {
 	font-family: Arial, Verdana, sans-serif;
	color: #c4d1df; 
	text-align: left;
	margin: 0 0 10px 0;	
	background:red;
}
.body_bg {
	background:#103e67 url(../images/bground.gif) repeat-x;	
}

/* links */
a, a:visited {	
	color: #a4eb1a; 
	text-decoration: none;		
}
a:hover {
	color: white;
}
p{
	margin: 10px 0px;	
}
/* headers */
h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
	margin-bottom:5px;
}

h1 {	
	font-weight:normal;
	color: white;	
}

h2 {
	margin-top:10px;
	color: #a4eb1a;
}
h3 {
	color: white;	
}

h4 {
	color: white;	
}

h5{
	color: #2c2c2c;
}

ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	
}
ul{
	/*list-style-image: url(../images/bullet-list.gif);*/
	margin-left:0px;
}

ul li{

}

ol{
	
}

/* images */
img{
	border:none;
}

footer-wrap {

	
}
.doc_table{
	border: 1px solid #c4d1df;
}
.doc_table th{
color: white;border-bottom: 1px solid #c4d1df;	padding:5px;
}
.doc_table td{
padding:5px;border-bottom: 1px solid #c4d1df;	
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	
	position: relative;
	width: 986px;	
	margin: 0px auto;
	text-align: left;
}

#content-wrap {
	float: left;
	width: 986px;
	margin: 0px;
	padding: 0px; 	
	/*overflow:hidden; */
}

/* header */
#header {
	width:986px;
	height:345px;
	padding: 0px;
	clear:right;
	margin-bottom:3px;

}
.subhead{
	margin: 0px 0px;	
}
.subhead img{
	float:left;
}

#nav-wrap{
	
}
#nav-wrap img{
	float:left;
	margin-left:1px;
}
#main {
	float:left;
	width:670px;	
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding-left:20px;
/*	margin-bottom: -32767px; 
	padding-bottom: 32767px; */
	background:none;
	min-height:300px;
	background:url(../images/vertical_dots.gif) repeat-y left;
}	
#welcome{
	background:url(../images/welcome_box.jpg) no-repeat;
	width:392px;
	height: 284px;
	margin-bottom:0px;
	padding: 20px 50px 0px 230px;
}
#welcome h1{
	font-family: Century Gothic, sans-serif;
	color:white;
	font-weight:lighter;
	font-size:18px;
}
#welcome p{
	color:#c4d1df;
	font-size:12px;
}

#content_head{

	background:url(../images/content_top.jpg) no-repeat;
	width:720px;
	height: 356px;
	margin-bottom:0px;
	padding:0px;
}
#content_body{
	float:left;
	background:url(../images/content_bg.gif) repeat-y;
	width:720px;/*200*/
	padding:20px;

	margin-bottom:0px;
	margin-top:0px;	
}
#content_body #content{
	position:relative;
	z-index:1;
	margin-top:-356px;
	width:680px;
}
#content_body #content #breadcrumb{
	margin-bottom: 15px;
}
#content_footer{
	float:left;
	background:url(../images/content_footer.gif) no-repeat;
	width:720px;/*200*/
	height: 11px;
	padding:0;
	margin-bottom:10px;
	margin-top:0px;	
}
.home_box{
	float:left;
	background:url(../images/advice_box.jpg) no-repeat;
	width:180px;/*200*/
	height: 215px;
	padding:10px;
}
.home_box h2{
	color: #a4eb1a;
	font-size: 13px;
}
.home_box p{
	color:#c4d1df;
	width: 180px;
}
a.learn_more{
	background: url(../images/more-btn.gif) left no-repeat;
	padding-left:15px;
}
.vertical_dots{
	width:35px;
	background: url(../images/vertical_dots.gif) repeat-y center;
	float:left;
/*	margin-bottom: -32767px; 
	padding-bottom: 32767px;	
	*/
}
#leftcol {
	float: left;
	width: 295px;	
	margin: 10px 0px 10px 0px;
	padding: 0px;
/*	margin-bottom: -32767px; 
	padding-bottom: 32767px; */
}
#leftcol #hub{
	float:left;
	background:url(../images/hub_box.jpg) no-repeat;
	width:256px;/*200*/
	height: 305px;
	padding:90px 15px 10px 15px;
	margin-bottom:10px;
}
#hub h3{
	color: #a4eb1a;
	font-size:12px;
}
#hub p{
	margin:5px 0px;	
}
#leftcol #submenu_frame{
	float:left;
	background:url(../images/sidebar_base.gif) no-repeat;
	width:230px;/*200*/
	padding:10px 15px;
	margin-bottom:0px;	
	min-height:200px;
}
#leftcol #submenu_frame_base{
	float:left;
	background:url(../images/sidebar_footer.gif) no-repeat;
	width:230px;/*200*/
	height: 7px;
	padding:0;
	margin-bottom:10px;
	margin-top:0px;
}
ul.submenu{
		font-weight:bold;
		list-style:none;
}
ul.submenu a{
	
}
ul.submenu li{
	background:url(../images/more-btn.gif) no-repeat left;	
	padding-left:15px;
	margin-bottom:10px;
}
#footer-wrap {

	background:#0c3158;
	width:100%;
	height:50px;
	text-align:center;
	margin:0px;
	padding:0px;
	
}
#footer-wrap #inner{
	position: relative;
	width: 970px;	
	margin: 0px auto;
	text-align: left;
	padding:5px 0px;
	text-align:left;
}
#footer-wrap #inner p{
line-height:5px;	
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; }

/*##################TEXT################# */
body{
 	font-size:62.5%;
    line-height:1.125em; /* 16×1.125=18 */
}
#header{
	font-size:1em;	
}
#main, #leftcol{
	font-size:1.2em;	
	line-height:1.3em;
}

input, select, th, td {
	font-size:1em
}

p{ 
	font-size:1em;
}


h1 {
	font-size: 1.6em;		

	
}
h2 {
	font-size: 1.5em;

}
h3 {
	font-size: 1.4em;
	
}

h4 {
	font-size: 1.2em;
	
}

h5 {
	font-size: 1.1em;
	
}

#footer {
	font-size: 0.9em;
}