/****** REMOVES STYLES THAT SOME BROWSERS ADD AS A DEFAULT ******/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre,  p, blockquote, th
{
	margin:  0;
	padding : 0;
}
.titlepic h1
{
margin:  0;
	font-size: 26px;
	color: #FFF;
	padding: 0px 0px 0px 12px;
}

 Removes list-styles from lists  
ol, ul
{ font:12px verdana,arial,helvetica,sans-serif;background:#FFF; }

li
{ 
padding:4px 0px 9px 0px;
margin-left: 14px;
line-height:22px;
	text-decoration:none;
	font-family: verdana, arial, helvetica, "sans-serif bold";}



/* Normalizes font-style and font-weight to normal  */
address, caption, cite, code, dfn, em,  th, var
{font-style : normal; font-weight : normal; }

/* Removes  border from fieldset and img */
fieldset, img
{border : 0; }

/*
.title{
	font-size: 26px;
	color: #FFF;
	padding-left: 12px;
}
*/

/****** MAIN SITE STYLES ******/

body{
	font:13px verdana,arial,helvetica,sans-serif;
	margin-bottom:16;
	background-color: #e7e7e7;
}

/* MAIN CONTAINER - CAN ADD BORDER AND/OR BG */

#container{
	border-right-width:5px;
	border-bottom-width:5px;
	border-left-width:5px;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	margin-bottom: 12px;
	width: 960px;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
}

/* ADDS PADDING FOR MAIN CONTENT */

td.contm {
	padding: 10px;
}


/***************** MXED ******************/

.titlepic{
background-image: url(../pagepix/headerbglightblue.gif);
}
h2 {
color:#1C3868;
}

#notice-board, #notice-boardtitle
{border:1px solid #1C3868;}

#container{
	border: 6px solid #FFFFFF;
	width: 960px;
}

 a:visited, a:link, a:visited, .bluetxt, #feedblocktitle, .feed .item .title {
color:#FFFFFF;
}

a:link{
	color: #1C3868;
	text-decoration: underline;
}

a:hover {
	color: #000000;
}
a:active {
	color: #00458D;
}

#feedblock {
	background-color:#f1f2f6;
}

/*******END OF MIXED*******/


/***************** TOP NAVIGATION ********************/


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad-Anywidth.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

#menu {width:auto; height:26px; background:#1C3868; text-align:center; position:relative; z-index:100; margin:0 auto 0px auto; border-top-width: 1px; border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #A7CFF0;	border-bottom-color: #A7CFF0;	
}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; background:#1C3868; position:relative; z-index:100;}
#menu ul.level1 li.level1-li:hover {display:inline-block; z-index:10;}

#menu ul.level1 {background:#1C3868;}

#menu ul ul {background:#fff; padding: 20px 0 10px 0;
border:1px solid #ddd;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
#menu ul ul ul {background:#fff; padding: 10px 0; 
border:1px solid #ddd;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

#menu a {display:block; font:bold 11px/26px verdana,arial,sans-serif; color:#fff; text-decoration:none;padding:0 14px 0 14px;}
#menu ul.level1 li.level1-li a.level1-a {float:left; text-transform:uppercase; width:auto;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}

#menu ul ul li a {color:#666; line-height:20px; text-transform:none; font-weight:normal;}
#menu ul ul li a:hover {color:#000;}

#menu ul li:hover > ul {left:0; top:20px; z-index:-1;}
#menu ul li.left:hover > ul {left:auto; right:0; top:20px; z-index:-1;}

#menu ul ul li:hover > ul {left:100%; top:auto; margin-top:-31px; margin-left:-10px; z-index:10;}
#menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin-top:-31px; margin-right:-10px; z-index:10;}

#menu li.left ul a {text-align:right; padding:0 15px 0 30px;}

#menu ul li a:hover {background:#ff6b00} 
#menu ul li:hover > a {background:#ff6b00;} 
#menu ul ul li a:hover {background:#ff6b00; color:#FFF;} 
#menu ul ul li:hover > a {background:#ff6b00; color:#FFF;}

/* for IE6 */
#menu b {position:absolute;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-7px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-41px;}
#menu table table table {margin-top:15px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:10px; border-collapse:collapse; margin-top:-7px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-41px;}
#menu li.left table table table {margin-top:15px;}

#menu ul a:hover ul {visibility:visible; left:0; top:26px; padding-top:10px;}
#menu ul a:hover ul a:hover ul {visibility:visible; left:100%; top:26px; padding-top:10px; margin-left:-10px;}
#menu ul a:hover ul a:hover ul a:hover ul {visibility:visible; left:100%; top:auto; margin-top:-31px; margin-left:-10px; z-index:10;}

#menu li.left a:hover ul,
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible; margin-right:-10px;}

#menu ul a:hover ul ul {left:-9999px;}
#menu ul a:hover ul a:hover ul ul {left:-9999px;}
#menu ul a:hover ul a:hover ul a:hover ul ul {left:-9999px;}

#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

#menu li.close {display:none; position:absolute; left:50%; margin-left:-50px; top:-30px;}
}




/***************** OTHER STYLES ********************/


p{font-size:13px; padding-top:8px; padding-bottom:8px; line-height:22px; }

.tinytxt{font-size:10px;font-style:normal;color:#333;line-height:14px}

#topnav ul li .textsize{border-right:none;padding:8px 4px 9px 12px;}

h1{font-size:25px;font-weight:normal;display:block;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;padding-bottom:8px}

h2{font-size:15px;font-weight:bold;padding-top:3px;padding-bottom:3px}

h3{font-size:13px;color:#000;font-weight:bold;padding-top:8px;padding-bottom:8px}

.orange {color:#ff6b00; font-weight:bold;}


#footer p{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0 0 0;
}

#footer a{padding:0 10px; font-size:11px; color:#fff; text-decoration:none; margin:0}
#footer a:hover{ color:#fff; text-decoration:underline;}

#copyright{
	text-align: center;
	font-size: 10px;
}

#copyright td{
	padding-top: 4px;
	padding-bottom: 12px;
}


/* FORM STUFF */

.formtitles{font-size:14px;font-weight:700;color:#000}

.formtext{font-size:11px;font-weight:400;color:#000}

.formtextsmall{font-size:10px;font-weight:400;color:#000}

#numblist li{padding-top:5px;padding-bottom:5px}


/* lessens gap at top of tiles */

#tile-box{
	margin-top: -6px;
}



/* pic in left col - optional */

.lefcol-pic{margin-top:1px}
	
/******************* NOTICE BOARD *******************/	
	
#notice-board{background:#fff;padding:12px 12px 12px;text-align:left;font-size:12px;display:block;margin-right:10px;margin-left:0px;margin-top:0px;}

#notice-boardtitle{padding:5px 5px 5px;text-align:left;font-size:12px;color:#fff;display:block;margin-right:10px;margin-left:0px;margin-top:4px;font-weight:bold;}

#local{font-size:12px;line-height:24px}

#feedbox a{
	color: #000066;
}

#feedblock {
	display:block;
	width:174px;
	margin-top: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 4px;
	color: #000000;
}

#feedblocktitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	display: block;
	margin-top: 5px;
	text-align:left;
	padding-left: 15px;
	padding-right: 10px;
	color: #000000;
}

.feed .title
{
	display: none;
	color: #000000;
}
.feed .description
{
display: none;
}
.feed .item .title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	margin-top: 5px;
	text-align:left;
	padding-left: 15px;
	padding-right: 10px;
	color: #045685;
}
.feed .item .description
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	text-align:left;
	padding-left: 15px;
	padding-right: 10px;
	color: #000000;
}
.feed .format, .feed .version, .feed .language, .feed .managingEditor, 
.feed .webMaster, .feed .pubDate, .feed .lastBuildDate, .feed .generator, 
.feed .docs, .feed .category, .feed .ttl, .feed .copyright, .feed .image,
.feed .title .type, .feed .title .mode, .feed .url, .feed .id, .feed .item .id,
.feed .item .source, .feed .info .type,
.feed .info .mode, .info, .modified, .tagline, .item .author, .item .modified,  
.item .issued, .item .created, .item .summary, .feed .item .title .type,
.feed .item .title .mode, .feed .item .content  {
display: none;
}   



/* TEXT COLOURS - FOR HIGHLIGHTING BITS OF TEXT */

.redtxt {
color:#900;
}

.warning {
	color:#900;
	font-size: 11px;
	line-height: 16px;
}

.whitetxt {
color:#fff;
}

.greentxt {
color:#006600;
}

.greytxt {
color:#666;
} 	

#download {
width:178px;
padding-top: 4px;
padding-bottom: 4px;
}

#download a{
padding-left: 0px;
width:160px;
padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	text-decoration:none;
	font-size:11px;
}

#headright { float:right; background:url(../pagepix/healthyfamily.png); width: 169px; height: 70px;  }
#maintitle { float:left; padding: 20px 0 0 10px;}


/* SERVICES SECTION */

		
			/*Id's for online services*/
				#rep_presc, #app_online, #useful_nos, #useful_info, #register{float: left; margin: 20px 20px 0px 0px}
				#rep_presc h3, #app_online h3, #useful_nos h3, #useful_info h3, #register 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, #register p{ margin-left: 85px; padding-right: 10px;}
				#rep_presc p a, #app_online p a, #useful_nos p a, #useful_info p a, #register p a{color: #1857b1;}
				#rep_presc p a:hover, #app_online p a:hover, #useful_nos p a:hover, #useful_info p a:hover, #register p a:hover{color: #030f22;}
			
			
				#rep_presc{font-family: arial;	font-size: 13px;	width: 338px; height: 174px; background-image: url(../pagepix/presc-blue.jpg);}
				#app_online{font-family: arial;	font-size: 13px;	width: 338px; height: 174px; background-image: url(../pagepix/apponline-blue.jpg);}
				#useful_nos{font-family: arial;	font-size: 13px;	width: 338px; height: 174px; background-image: url(../pagepix/usefulno-blue.jpg);}
				#useful_info{font-family: arial;	font-size: 13px;	width: 338px; height: 174px; background-image: url(../pagepix/usefulinfo-blue.jpg);}
				#register{font-family: arial;	font-size: 13px;	width: 338px; height: 174px; background-image: url(../pagepix/register.gif);}
				
	   .spacer{clear: both;}


#footer{
	width: 960px;
	height: 26px;
	margin-right: auto;
	margin-left: auto;
	background-color: #2196CA;
}

#header img{
	float: left;
}

#header p{
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 0px;
	line-height: 16px;
	margin-top: 14px;
	margin-bottom: 0px;
}

#header-box{
	width: 170px;
	float: right;
}

#intro{
	margin-top: 12px;
	background-color: #FFFFFF;
	border: 4px solid #2196CA;
}

#intro td{
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 100px;
}

#intro p{
	color: #000000;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

#intro h2{
	color: #2196CA;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
}

.datatable{
	color: #000000;
}