/* CSS Document */

a{text-decoration: none; font-weight: normal;}
body,td,th {	font-family: arial;	font-size: 13px;	color: #000000; }
body {	background-color: #2d599a;	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}

/*Main header*/
#main_header_outer{	width: 100%; 	height: 160px;	background-image: url(../images/bluecurve.jpg);}

	/*Main header content positioning - left*/
	#left_header{float: left; padding-left: 6px;}
		#left_header h1{	padding: 10px 0px 0px 10px;	margin: 20px 0px 0px 0px; color: #fff; font-size: 30px;}
		#left_header h2{padding: 10px 0px 0px 10px;	margin: 0px 0px 0px 0px;	color: #fff; font-size: 15px;}
		
	/*Main header content positioning - right*/
	#right_header{float: right; padding-top: 20px; padding-right: 10px; text-align: right;}
		#right_header h2{color: #FFF; font-size: 15px; padding: 0px; margin: 0px; line-height: 30px;}


/*MAIN NAVIGATION STYLES */
#nav_outer{ width: 100%;	height: 38px; background-color: #030f22;}
	#nav_outer ul{ margin: 0px; padding: 0px 0px 0px 6px;}
		#nav_outer ul li{ display: inline; line-height: 38px; padding-left: 10px; font-size: 15px; color: #FFF;}
			#nav_outer ul li a{ color: #fff; padding-right: 20px;}
			#nav_outer ul li a:hover{ color: #498be4;}
			
			

/*Main content styles*/
#main_content{background-color: #FFF; padding: 30px 20px 20px 20px;}
	#main_content p{ line-height: 21px;}
	#main_content h2{color: #1857b1; border-bottom: 1px dashed #d1d6de; padding-bottom: 3px; font-size: 20px; margin: 0px;}
	.buffer{margin-top: 40px; clear: both;}
	
	#main_content ul li{ line-height: 30px;}
		#main_content ol li{ line-height: 30px;}
	#main_content a{color: #1a52aa; font-weight: bold;}
	#main_content a:hover{color: #659be7;}

/*ALL H3 Classes*/
	.heading{background-color: #1857b1; line-height: 25px; border-top: 1px solid #659be7; border-right: 1px solid #659be7; border-bottom: 1px solid #659be7; border-left: 10px solid #659be7; color: #fff; font-weight: normal; font-size: 15px; padding-left: 5px; clear: both;}
	
	.table_container{ background-color: #d1ddef; padding: 2px; border: 1px solid #b9cce7;}
		.table_container h3{color: #1857b1; border-bottom: 1px dashed #b9cce7; padding: 0px 0px 5px 0px; margin: 0px;}
			h3.padding{margin-right: 10px;}
			td.border{border-right: 1px solid #b9cce7;}
			
		
	/*NAVIGATION & LEFT HAND SIDE*/
	#navigation_container{width: 211px; padding: 30px 0px 20px 7px; background-color: #e8f0fd; border-right: 1px solid #cfd6e1;}
		#nav_holder{ width: 205px; background-color: #4280de;}
			/*first level nav*/
			#nav_holder ul{padding: 0px; margin: 0px; }
			#nav_holder ul li{width: 205px; list-style:none; line-height: 36px; position: relative;}
			#nav_holder ul li img{	position: absolute;	right: 10px;	top:15px;}
				#nav_holder ul li.dotted{border-bottom: 1px dashed #e8f0fd;}
				#nav_holder ul li a{color: #fff; display: block; font-weight: bold; padding-left: 10px;}
				#nav_holder ul li a:hover{color: #030f22;}
				
			#pdf{width: 185px; padding: 10px; text-align: center;}
		
			/*Second level nav*/
			#nav_holder ul li ul{background-color: #142642;}
			.inner_nav{display: none;}
				#nav_holder ul li ul li a{color: #fff; font-weight: normal}
					#nav_holder ul li ul li a:hover{color: #4280de;}
			
			/*jquery adds the alt class below to alternating lis within nav_holder ul li ul*/
				#nav_holder ul li ul li.alt{ background-color:#1b3050;}
				
			
			/*Id's for online services*/
				#rep_presc, #app_online, #useful_nos, #useful_info{float: left; margin: 20px 20px 0px 0px}
				#rep_presc h3, #app_online h3, #useful_nos h3, #useful_info h3{font-size: 15px; padding: 0px; margin: 10px 0px 0px 15px; color: #1857b1;}
				#rep_presc p, #app_online p, #useful_nos p, #useful_info p{ margin-left: 85px; padding-right: 10px;}
				#rep_presc p a, #app_online p a, #useful_nos p a, #useful_info p a{color: #1857b1;}
					#rep_presc p a:hover, #app_online p a:hover, #useful_nos p a:hover, #useful_info p a:hover{color: #030f22;}
			
			
			
				#rep_presc{width: 338px; height: 174px; background-image: url(../images/presc.jpg);}
				#app_online{width: 338px; height: 174px; background-image: url(../images/apponline.jpg);}
				#useful_nos{width: 338px; height: 174px; background-image: url(../images/usefulno.jpg);}
				#useful_info{width: 338px; height: 174px; background-image: url(../images/usefulinfo.jpg);}
				
	

/*UL Classes*/
.tick li{ list-style-image:url(../images/tick.jpg);}
.med_info{width: 100%;}
.med_info li{width: 33%; float: left; }
.info{list-style-image:url(../images/i.jpg);}
.speach{list-style-image:url(../images/speach.jpg);}
		
	
	
/*Footer styles*/
#footer{border-top: 1px solid #4680d9; padding: 0px 10px 0px 10px; color: #FFF;}
#footer p{ line-height: 19px;}
	.left{float: left;}
	.right{float: right;}
#footer ul {float: right; padding: 0px; margin: 14px 0px 0px 0px;}
	#footer ul li {display: inline; padding-left: 15px;}
#footer a{color: #fff;}
#footer a:hover{color: #030F22;}


#notice_board{border: 1px solid #545f65;}
#notice_board p{padding: 0px 10px;}
#notice_board h3{ background-color: #545f65; padding: 10px; margin: 0px; font-size: 13px; color: #fff; font-weight: normal;}


.spacer{clear: both;}
.bigspacer{height: 20px; clear: both;}

.img_left{margin-right: 20px; margin-bottom: 20px; border: 1px solid #ccc;}
.img_right{margin-left: 20px; margin-bottom: 20px; border: 1px solid #ccc;}

.blue_bold {
	color: #1A52AA;
	font: bold;
}