/* Standard colours:
Background colour: #E1E4ED;
Blue text: #003867;
Light blue: #6787AB; 
Orange text: #F39911;
Black text: #1A1718;
*/

* { padding: 0; margin: 0; }

html, body
{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
background-color: #E1E4ED;
color: #003867;
line-height: 1.2;
}

a:link, a:visited, a:hover, a:active  { 
	color: #003867;
	text-decoration: none;
	}

a:hover { 
	/* background-color: #F39911; */
	}

p{
font-size: 12px;
margin-top: 6px;
margin-bottom: 6px;
}

p a:link, a:visited, a:hover, a:active{
font-size: 12px;
}

/* middle column heading */
h1{
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #003867;
line-height: 1.2;
margin-bottom: 16px;
}

/* middle column sub heading */
h2{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #F39911;
line-height: 1.2;
margin-top: 16px;
}

/* right column heading */
h3{
font-family: Helvetica, Arial, sans-serif;
color: #003867;
line-height: 1.2;
text-align: right;
border-bottom: 2px dotted #6787AB; 
border-top: 2px dotted #6787AB;
width: 100%; 
font-weight:bold;
font-size: 11px;
padding-top:10px; 
padding-bottom:8px;
}

/* right column body */
h4{
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #1A1718;
line-height: 1.2;
padding-top:10px; padding-bottom:8px;
text-align: right;
}


#container { 
	width:100%;
	margin-top:20px;
	background-color: #E1E4ED;
	padding: 0px;
}

#wrapper { 
	margin-left:auto;
	margin-right:auto;
	background-color: white;
 width: 974px;
/*overflow-y: auto;*/
}

#header {
 color: #333;
 width: 974px;
 height: 230px;
 float: left;
 padding: 0px;
 margin: 0px;
 }
 
#home_column1{
 float: left;
 width: 162px;
/* background-color: pink;*/
 padding: 10px 10px 10px 10px;
 margin: -40px 0px 0px 10px;
 }

#home_column2 { 
 float: left;
 /*background-color: green;*/
 width: 500px;
 padding: 0px 0px 0px 0px;
 margin: 20px 0px 0px 0px;
 }
 
#home_column3{
 float: left;
 width: 245px;
 padding: 10px;
  margin: 20px 0px 0px 10px;
}

#home_column3_text{
 float: right;
 width: 100%;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

#footer {
margin: 0 auto 0 auto;
margin-left:auto;
margin-right:auto;
width: 944px;
height: 30px;
padding: 10px 10px 10px 20px;
clear:both;
font-size: 11px;
background-image: url('../images/footer_background.jpg');
background-repeat: no-repeat;
background-color: #E1E4ED;
font-weight: bold;
color: #000;
}

#footer a
{ 
color: #000;
text-decoration: none;
font-size: 11px;
}

#orange_box { 
 float: left;
 width: 220px;
 height: 126px;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 background-image: url('../images/orange_box.jpg');
 background-repeat: no-repeat;
font-size:11px;
color: #1A1718; 
font-weight: normal;
}

#orange_box a
{
font-size:11px;
color: #1A1718;
text-decoration: none;
}

 #orange_box_spacer { 
 float: left;
 width: 20px;
 height: 118px;
 margin: 20px 0px 0px 0px;
 padding: 0px;
}

#orange_box2 { 
 float: left;
 width: 477px;
 height: 101px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background-image: url('../images/orange_box2.jpg');
 background-repeat: no-repeat;
font-size:12px;
color: #003867; 
font-weight: normal;
}

#orange_box2 a:link, a:visited, a:hover, a:active
{ 
color: #003867;
text-decoration: none;
font-size:12px;
}

#orange_box3 { 
 float: left;
 width: 477px;
 height: 115px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background-image: url('../images/orange_box3.jpg');
 background-repeat: no-repeat;
font-size:12px;
color: #003867;
font-weight: normal;
}

#orange_box3 a:link, a:visited, a:hover, a:active
{ 
color: #003867;
text-decoration: none;
font-size:12px;
}

/*
.clear{
height: 1px;
clear:both;
}
*/

/* Menu CSS */
.vertical_menu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 140px;
border: 0px solid #003867;
border-bottom-width: 0;
}

.vertical_menu li a{
/*background: url(../images/glossyback.gif) repeat-x bottom left;*/
background: url(../images/button_background_off.jpg) repeat-x bottom left;
font: bold 11px Helvetica, Arial, sans-serif;
color: #003867;
display: block;
width: auto;
padding: 7px 0px 5px 3px;
text-decoration: none;
border: 1px solid #6787AB;
margin-top: 4px;
}

.vertical_menu li.current a{
background: url(../images/button_background_on.jpg) repeat-x bottom left;
color: #FFF;
background-color: #6380A8; /* background colour behind tints */
}

* html .vertical_menu li a{
/*IE only. Actual menu width minus left padding of A element (10px) */
width: 135px;
}


.vertical_menu li a:visited{
/*color: #003867;*/
}

.vertical_menu li a:active{
color: #FFF;
}

.vertical_menu li a:hover{
background: url(../images/button_background_on.jpg) repeat-x bottom left;
background-color: #6380A8; /* background colour behind tints */
color: #FFF;
}

#orange_marker{
float: left;
height: 26px;
width: 7px;

background: url(../images/orange_marker.jpg);
background-color: #6380A8;
margin: 0px 0px 0px -10px;
}
