@charset "utf-8";
/**********
 Default 
**/
h1,h2,h3,h4,h5{ margin:0; padding:0;}
img{ margin:0; padding:0; border:none;}
a { text-decoration:none; color:inherit;}

/**********
 Classes 
**/
.hidden{ text-indent:-999px; overflow:hidden;}
hr.hide-line{ margin:0; padding:0; display:none;}
.clear{ clear:both;}
.clearfix{ display:inline-block;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}
.clearfix{ display:block;} /* Hide from IE Mac */
.nojavascript{ background-color:#FFF; width:990px; position:absolute; top:0; left:50%; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left:-500px; z-index:1; border:2px dashed #F00; color:red;}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}
.underline:hover{ text-decoration:underline;}

/**********
 Body 
**/
body{ background:url(../images/layout/body.jpg) repeat-x top center #FAFAFA; font:normal 15px Georgia, "Times New Roman", Times, serif; margin:0; padding:0; color:#444;}

/********** main **/
#main{ width:960px; height:100%; position:relative; text-align:left; margin:0 auto; padding:0;}

/********** header **/
#header{ width:960px; height:690px; position:absolute; top:0; left:0; font-size:16px; margin:0; padding:0;}
	#header a.logo{ position:absolute; top:10px; left:0; margin:0; padding:0; display:block;}
	#header h2{ position:absolute; top:180px; left:0; font:italic 40px 'GaramondPremierProRegular'; text-align:right; text-shadow:-2px -2px 1px #005696; line-height:120%; color:#FFF;}
	#header address{ position:absolute; top:15px; right:0; font-family: 'GaramondPremierProRegular'; font-style:normal; font-weight:bold; text-align:right; margin:0; padding:0; line-height:200%;}
	#header address strong{ font-size:49px; display:block; color:#7F001F;}
	#header address a{ letter-spacing:1px; display:block; color:#333333;}
	#header p{ position:absolute; bottom:70px; right:10px; font-family: 'TrajanProBold'; text-align:right; margin:0; padding:0; color:#222222; font-size:22px; text-align:center;}
	
	#header div.banner{ width:542px; height:338px; background:url(../images/layout/banner.png) no-repeat; position:absolute; top:290px; left:25px; margin:0; padding:0;}
	
	#header #nav{ width:996px; height:60px; background:url(../images/layout/nav.png) no-repeat center; position:absolute; bottom:0; left:-18px; font-family: 'clarendon_btroman'; font-size:20px; margin:0; padding:0;}
	#header #nav li{ background:url(../images/layout/nav_li.png) no-repeat right center; margin:1px 0 0; padding:0; float:left; text-align:center; line-height:55px; list-style:none;}
	#header #nav li:first-child{ margin-left:18px;}
	#header #nav li:last-child{ background:none; margin-right:18px;}
	#header #nav li a{ width:192px; height:55px; margin:0; padding:0; display:block; color:#FFF;}
	#header #nav li a:hover, #header #nav li a.active{ background:url(../images/layout/nav_hover.jpg) repeat-x center;}
	#header #nav li:first-child a:hover, #header #nav li:first-child a.active{ background:url(../images/layout/nav_hover_first.png) repeat-x center;}
	#header #nav li:last-child a:hover, #header #nav li:last-child a.active{ background:url(../images/layout/nav_hover_last.png) repeat-x center;}
	
/********** content **/
#content{ width:960px; margin:690px 0 0; padding:0 0 20px; float:left;}
	#content h1{ font:normal 25px 'GaramondPremierProRegular'; padding:25px 0 15px;}
	#content h1 span{ font-family: 'TrajanProRegular'; font-size:35px; color:#005696;}
	#content h2{ font-size:23px; padding-bottom:10px; float:left;}
	#content h3{ padding:10px 0 0; text-align:center;}
	#content p{ margin:0; padding:0 0 10px; line-height:180%;}
	#content .SumoSelect p{ padding: 5px 8px;}
	#content p strong{ color:#005595;}
	#content img.index{ margin-top:5px; margin-right:20px; float:left;}
	#content img.right{ margin-top:10px; margin-left:10px;}
	#content img.align{ margin-top:-30px; margin-left:30px;}
	#content a.vrr{ width:360px; height:65px; background:url(../images/layout/vrr_link.jpg) no-repeat; text-indent:-999em; margin:0; padding:0; display:block;}
	#content a.vrr:hover{ opacity:0.9;}
	
	#content dl{ width:220px; height:185px; background-color:#E8E6D7; margin:20px 23px 0 0; padding:0; float:left; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
		#content dl.last{ margin-right:0;}
		#content dl dt{ margin:7px; padding:0;}
		#content dl dd{ font:normal 20px 'GaramondPremierProRegular'; text-align:center; margin:0; padding:0; color:#00355E;}
	

	#content dla{ width:960px; height:185px; background-color:#222222; margin:0px 0px 0 0; padding:0; float:left; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
		#content dl.last{ margin-right:0;}
		#content dl dt{ margin:7px; padding:0;}
		#content dl dd{ font:normal 20px 'GaramondPremierProRegular'; text-align:left; margin:0; padding:0; }
	
	#content ul{ margin:0; padding:0 30px 0 15px; float:left;}
		#content ul li{ margin:0;}
		
		/* 15/02/13 services pages */
		#content h5 { margin:0; padding:30px 0 0 0; font-size:15px; line-height:120%;}
		#content ul.srv-list { width:172px; margin:0; padding:10px 0 0 20px;}
               
		
	/* Referral Form */
	#CustomForm{ font:normal 12px Arial, Helvetica, sans-serif; margin:10px 0 0; padding:0; color:#000;}
	#CustomForm table{ width:600px; margin:0 auto; padding:0;}
		#CustomForm fieldset{ margin:0; padding:0; border:none;}
		#CustomForm label{ width:120px; font-weight:bold; font-size:11px; margin:0; padding:0 10px 0 0; display:inline-block;}
		#CustomForm .SumoSelect label{ width:30px; font-weight:bold; font-size:11px; margin:0; padding:0 10px 0 0; display:inline-block;}
		#CustomForm .SumoSelect .optWrapper label{ width:300px; text-align:left;}
		#CustomForm .SumoSelect .SlectBox {width:346px;}
		
			#CustomForm span.required{ vertical-align:middle; color:#F00;}
			#CustomForm label.mid{ width:100px !important;}
		#CustomForm input{ width:360px; height:18px; margin:0; padding:0;}
		#CustomForm input[type=radio]{ width:30px; vertical-align: baseline; height:18px; margin:0; padding:0;}
			#CustomForm input.min{ width:30px !important;}
			#CustomForm input.mid{ width:105px !important; margin-right:10px;}
			#CustomForm input#submit{ background-color:#000; width:150px; height:30px; font-weight:bold; font-size:11px; margin:5px auto; border:none; color:#FFF;}
		

/********** footer **/
#footer-wrapper{ background:url(../images/layout/footer.jpg) repeat-x top center;}
#footer{ width:960px; height:113px; font:normal 15px 'GaramondPremierProRegular'; margin:0 auto; padding:0; color:#FFF}
	#footer p{ font-size:20px; margin:0; padding:25px 0 0;}
	#footer p.right{ text-align:right; margin-top:-20px; padding-top:0;}
	#footer p.right a:hover img{ opacity:0.9;}
	#footer p a{ margin:0; padding:0 2px; color:#FFF;}
	#footer p a:hover{ text-decoration:underline;}
	#footer cite{ font-style:normal; margin:0; padding:0; display:block; float:left; clear:left; line-height:22px;}

.shortheader #content{ width:960px; margin:270px 0 0; padding:0 0 20px; float:left;}
.shortheader .banner, .shortheader #header h2, .shortheader #header p{display:none;}
.shortheader #header{height:275px;}
body.shortheader{ background:url(../images/layout/bodyshort.jpg) repeat-x top center #FAFAFA;}

#CustomForm .documentfiles{
	padding:20px;
	background-color: #ededed;
	margin-top:8px;
	width: 326px;
}
#content #noVac p, #content #YesUpload p{
	padding-top:10px;
	padding-bottom:10px;
}
#content #noVac, #content #YesUpload{
	display:none;
	width:365px;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0px;
}
@media print {
   #nav,#footer .left, input[type=button]{display:none;}
}