@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:20px 0 20px 0;
background:url(../Images/body_gradient.jpg) repeat-x #BFBFBF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#SiteContainer{
width:960px;
margin:auto;
padding-bottom:10px;
border:1px solid #7F7F7F;
background-color:#FFFFFF;
}

#clear{
clear:both;
}


/*Header*/
	
#Header{
padding:10px;
text-align:right;
}

#Logo{
float:left;
}

#HeaderRight{
float:right;
}


/*MainMenu*/

#MainNav{
background:url(../Images/menu-gradient.jpg) repeat-x;
height:26px;
margin-bottom:15px;
}

.MainNav{
color:#656565; display: block; height: 20px; text-decoration: none; float:left; font-size:12px; padding:6px 11px 0 11px;} 
a.MainNav{}
a.MainNav:link{color:#656565;}
a.MainNav:visited{color:#656565;}
a.MainNav:hover{background: url(../Images/menu-on.jpg); color:#ffffff;}

.MainNavOn{
display: block; height: 20px; text-decoration: none; float:left; font-size:12px; padding:6px 11px 0 11px; background: url(../Images/menu-on.jpg); color:#fff;} 
a.MainNavOn{}
a.MainNavOn:link{color:#fff;}
a.MainNavOn:visited{}
a.MainNavOn:hover{}


/*Content*/

	/*Left*/
	
#LeftContent{
float:left;
width:629px;
padding:0 20px 5px 20px;
border-right:1px dashed #000000;
}

#GreenBar{
height:5px;
background-color:#C2CD23;
margin-top:8px;
margin-bottom:8px;
}

#InfoBoxHead{
width:199px;
height:50px;
text-align:center;
padding-top:7px;
background-image:url(../Images/InfoBox/info_box_head.jpg);
}

#InfoBoxBody{
width:199px;
padding-top:9px;
background-image:url(../Images/InfoBox/info_box_body.jpg);
min-height:165px;
}

#InfoBoxFooter{
width:190px;
height:18px;
text-align:right;
padding-right:9px;
background-image:url(../Images/InfoBox/info_box_foot.jpg)
}

#LinkBox{
position:absolute;
}

#YellowBox{
background-color:#E5F1A9;
padding:5px;
}

	/*Right*/

#RightContent{
float:left;
width:250px;
padding:0 20px 0 20px;
padding-top:34px;
}

#InfoBoxHeadBlue{
width:250px;
height:55px;
text-align:center;
padding-top:7px;
background-image:url(../Images/InfoBox/info_box_head_blue.jpg);
}

#InfoBoxBodyBlank{
width:240px;
padding:9px 5px 0 5px;
background-image:url(../Images/InfoBox/info_box_body_blank.jpg);
}

#InfoBoxFooterWide{
width:241px;
height:23px;
padding-right:9px;
background-image:url(../Images/InfoBox/info_box_foot_wide.jpg)
}

#PhoneOperator{
position:absolute; 
margin-top:-87px; 
margin-left:177px;}


/*Footer*/
#Footer{
border-top:1px solid #7F7F7F;
padding-top:1px;
margin-top:10px;
}



/*Form*/

label{color:#666666;}
.input{height:13px; margin-bottom:3px; margin-left:5px;}
textarea{font-family:Arial, Helvetica, sans-serif; width:200px; height:65px;}

/*Text Styles*/
p, span{font-size:1em;}
h1, h2{margin:0; padding:0;}
	
	/*Colours*/
.red{color:#C00000;}

.white{color:#FFFFFF;}

.lightgrey{color:#999999; text-decoration:none;}

.green{color:#BBCC11;}

.grey{color:#575958; text-decoration:none;}
a.grey:link{color:#575958; text-decoration:none;}
a.grey:visited{color:#575958;}
a.grey:hover{color:#CCCCCC; text-decoration:underline;}

.blue{color:#386094; text-decoration:none;}
a.blue:link{color:#386094; text-decoration:none;}
a.blue:visited{color:#386094;}
a.blue:hover{color:#8CABD5; text-decoration:underline;}

	/*Sizes*/
.f08, span.f08, p.f08{font-size:0.8em;}
.f09, span.f09, p.f09{font-size:0.9em;}	
.f11, span.f11, p.f11{font-size:1.1em;}		
.f12, span.f12, p.f12{font-size:1.2em;}
.f13, span.f13, p.f13{font-size:1.3em;}
.f14, span.f14, p.f14{font-size:1.4em;}
.f15, span.f15, p.f15{font-size:1.5em;}
.f16, span.f16, p.f16{font-size:1.6em;}
.f17, span.f17, p.f17{font-size:1.7em;}
.f18, span.f18, p.f18{font-size:1.8em;}


	/*Lists*/
ul.logo {
list-style-type: none;
margin: 0;
padding: 0 8px 0 10px;
}

li.logo {
background-image:url(../images/bullet.gif);
background-position:0 50%;
background-repeat:no-repeat;
padding:7px 0 7px 25px;
}

ul.download{
padding:0;
margin:0;
list-style-type:none;
}

li.download {
background-image:url(../Images/arrow-bullet.jpg);
background-position:0 50%;
background-repeat:no-repeat;
padding:0 0 0 15px;
}



		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 609px;
			background: url(../images/expand.jpg) no-repeat top right #316789;
			background-position:610px 10px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 18px;
			color: #ffffff;
			border-bottom: 1px solid #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			display: block;
			height: 30px;
			width: 609px;		
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 18px;		
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #C2CD23;
			color: #ffffff;
			border-bottom: 1px solid #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 500px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}