@charset "utf-8";



/*	Contents
	
	- Specific Layout Rules
			- Logo -logobanner
			- Search -topright
			- Horizontal navigation -navbar
			- contents -navmain
			- print -navmainrow
			- left vertical nav -healthtopics/healthtopicsmenu
			- right info box - floatright
			- footer -footer-wrapper
	- table styles
	- e-track newsletter
	- Generic rules
*/


body{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
background:url(/moh.nsf/Files/MOH-HOME/$file/background.jpg) repeat-x;
text-align:center;
}



/*---New div -encloses whole page
---------------------------------------*/
#wrapper{
margin-left: auto;
margin-right:auto;
width:1000px;
padding:0;
background-color:#ffffff;
text-align:left;
border-right:#999999 solid 1px;
border-left:#999999 solid 1px;
}


/*		was empty, now holds logo
-----------------------------------------*/


#logobanner {
float:left;
position:relative;
border:none;
padding-top:15px;
margin-bottom:0px;
padding-left:2px;
}

#logobanner  a img{
border:none;
margin-left:15px;

}

/*--Holds the  legal/feedback/accessibility links & Search
---------------------------------------------------------*/

#search {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.8em;
	background-color:#ffffff;
	margin-bottom:0px;
	padding: 1px;
}
#utilities-wrap {
	padding: 5px 0px 0px 0px;
	width: 260px;
	float: right;
}

ul#utilities {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.8em;
	margin-left: 0px;
	padding-left: 0;
	white-space: nowrap;
}


 #utilities li {
list-style-type: none;
 display: inline;
}

#utilities  a{
padding:0px 11px 0px 8px;
}

#utilities  a:link, #utilities  a:visited{
font-size:.9em;
color:#000066;
text-decoration:none;
}

 #utilities li a:hover{
color:#000066;
text-decoration:underline;
}
 #submit {
	float:right;
	margin:0px 5px 2px 4px;
}

#searchbox {
	float: right;
 	margin:1px 4px 5px 0px;
}
  

 
#searchoptions {
	padding:0px 4px 0px 12px;
	margin:-5px 4px 0px 220px;
	text-align:right;
	white-space: nowrap;
	float:right;
}

#searchoptions input#moh{margin:0px 3px 0 0}

/* for chrome*/
@media screen and (min-width: 0px) {
#searchbox {
	float: right;
 	margin:23px 4px 5px 180px;
}}

@media screen and (min-width: 0px) {
#submit{float:right;
 margin:23px 3px 2px 4px;
}}
 
 @media screen and (min-width: 0px) {
#searchoptions{
margin:0px 0px 0px 220px;
padding:0px 4px 0px  14px;
}}

#field {
border:none 0px;
margin:0px;}


/* horizontal navigation bar
-------------------------------------------------------------------------*/
.navbar {
	clear:both;
	float:left;
	width:100%;
	margin-left:-1px;
	margin-right:-230px;
	padding:1px 0px 3px 0px;
	margin-top: 0px;
	margin-bottom:0px;	
	background-color:#ffffff;
	border-right:#999999 solid 1px;
	border-left:#999999 solid 1px;
}

.navbar ul{
float:left;
margin-left:18px;
margin-top:0px;
margin-bottom:3px;
margin-right:0px;
padding:0px 0px 0px 0px;
white-space:nowrap;
border-bottom: solid #0D3F72 1px;
}

.navbar ul li {
display:inline;
margin: 0px;
}

.navbar ul li a:link, .navbar ul li a:visited{
color:#FFFFFF;
text-decoration:none;
margin-top:0px;
color:#FFFFFF;
background:url(/moh.nsf/Files/MOH-HOME/$file/navbar.jpg) no-repeat 0px 1px ;
height:27px;
float:left;
display:block;
padding-bottom:0px; padding-left:23px; padding-right:23px; padding-top:5px;
}


.navbar ul li a:hover{
background:url(/moh.nsf/Files/MOH-HOME/$file/navbar-hover.jpg) no-repeat 0px 1px ;
}


/* encloses everything below navbar
---------------------------------------------------------*/
.content-wrapper {
clear:both;
margin: 0px;
padding:5px 0px 0px 0px;
float:left;
width:100%;
min-height:350px;
background-color:#ffffff;
}
/*	could use for breadcrumbs
--------------------------------------*/
.mainrow {
height:30px;
margin-bottom:0px;
margin-right:17px;
margin-top:6px;
text-align:right;
padding-top:0px;
}



.mainrow #print {
background:url(/moh.nsf/Files/MOH-HOME/$file/printer.gif) no-repeat -1px 0px;
font-size:.7em;
padding:8px 3px 5px 29px;
text-decoration:none;
margin-left:6px;}

.mainrow #rss{
background:url(/moh.nsf/Files/MOH-HOME/$file/feed.png) no-repeat 0px 0px;
font-size:.7em;
padding:8px 8px 5px 28px;text-decoration:none;
margin-left:5px;}

.mainrow #email{
background:url(/moh.nsf/Files/MOH-HOME/$file/email.png) no-repeat -1px 1px;
font-size:.7em;
padding:8px 3px 5px 33px;
text-decoration:none;
}

#print:hover, #rss:hover, #email:hover {
	text-decoration:underline}

/* seems same as navmain?---------*/
.maincontent{
width:730px;
float:left;
margin:0px;
padding:0px;}



/* healthtopics a-z
-------------------------------------------------------------*/
.healthtopics {
	float: left;
	width: 240px; 
	border-top:#384D9C solid 1px;
	border-right:#384D9C solid 1px;
	border-bottom:#384D9C solid 1px;
	border-left:#384D9C solid 1px;
	background-color:#FFFFFF;
	padding:2px 5px 12px 7px;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;	
	}
	
.healthtopics a#headinghover,.healthtopics  a:visited#headinghover{
background-image:url(/moh.nsf/Files/MOH-HOME/$file/h2-left.jpg);
position:absolute;
/*top:160px;*/
margin-top:-15px;
text-align:center;
font-size: 1.2em; 
padding-left:30px;
padding-right:32px;
padding-bottom:2px;
color:#FFFFFF;
margin-bottom:15px;
font-weight: bold; }

/* the following rules apply only to IE7 */
*+html .healthtopics a#headinghover,.healthtopics  a:visited#headinghover{
font-size: 19px; 	}



.healthtopics  a:hover#headinghover{
text-decoration:none;
color:#FFFFFF;
 background-image:url(/moh.nsf/Files/MOH-HOME/$file/h2-lefthover.jpg);}



.healthtopics p {
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
}

.healthtopics ul {
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
margin:20px 0 15px 0;
padding:0;
list-style-type: none;
}

.healthtopics ul li {
margin:1px ;
padding:0;
background-color:#C3D8ED;
 }

.healthtopics ul li a {
display: block;
padding: 5px 19px;
width:200px;
color:#363F84;
text-decoration: none;
}
.healthtopics a:hover{
color: #fff;
background-color:#69C;
text-decoration: none;
}

 /*--nested lists
 ----------------------------*/

.healthtopics ul ul  li {
margin: 0 1px 1px 1px; 
  }

.healthtopics ul ul a{
display: block;
padding: 5px 22px 5px 38px;
width: 118px;
color:#363F84;
background-color:#CCCCCC;
text-decoration: none;
}

.healthtopics ul ul a:hover{
color: #000000;
background-color: #6699CC;
text-decoration: none;
}

.featureleft{
background-color:#FBE0A8;
padding:10px;
margin:0px 0px 0px 0px;
}

.featureleft p{
font-size:.85em;
margin-bottom:10px;
margin-left:15px;}


.featureleft a{text-decoration:none;}

.featureleft a:hover{text-decoration:underline;
color:#384D9C;
background-color:transparent;
width:auto;}
/*----------------------------------------------------------
-----------centre collumn----------*/
.contentmenu-wrapper	{
	background-color: transparent;
	margin: -10px 0px 0px 290px;
	width: 430px;	
}

.contentmenu-wrapper p{
font-size: .8em;
margin-bottom:3px;
}
.contentmenu-wrapper ul{
list-style-type:none;
list-style-position:outside;
margin-left:-40px;}

.contentmenu-wrapper ul li{
margin:0;
font-size: .8em;}

/*--welcome intro box--------------*/
#introbox{
background:#DDECFF ;
padding:0px;
width:435px;
margin-top:8px;
margin-right:0px;


	}
	
#introbox #pic{
float:right;
margin:-5px 15px 10px 10px;
border:solid 2px #FFF;}

#introbox .moh {
	color: #363F84; 
	font-size:.8em;
	margin-top:1em;
	}

#introbox p{font-size:.9em;
font-family:Verdana, Geneva, sans-serif;
margin:0px 10px 0px 15px;}


.rndtop{
	background:url(/moh.nsf/Files/MOH-HOME/$file/introcnr-tr.gif) no-repeat right top;
	margin:0}

.rndbottom{
	background:url(/moh.nsf/Files/MOH-HOME/$file/introcnr-br.gif) no-repeat right bottom;
	margin:0;
	}

.rndbottom img{
	display:block;
	margin:0
	}
	
.cnr{margin:0;}


/*-----------------------------
------Health Targets------------*/

#healthtargets{
padding: 5px 0px 0px 0px;
width:440px;
font-size:.9em;
margin-top:10px;
margin-right:0px;
text-align:center;
		}
		
#healthtargets img{
border:none;
background:none;
margin:0;
	}
#healthtargets ul {margin-top:8px;}

#healthtargets li {
display:inline;
margin: 0px;
padding:0px 9px 0px 9px
}	

li#img1{
padding-left:0px;
margin-left:0px;}

li#last{
	padding-right:0px;
	padding-left:10px;
	margin-right:0px;
	}

/*--Latest News----------------*/
.latestnews{
background-color:#F6F4EC;
padding: 15px 5px 0px 10px;
width:420px;
font-size:.9em;
margin-top:20px;
margin-right:0px;
font-size:1em;
}


.latestnews h3 {
margin-top:10px;
margin-bottom:.38em;
text-align:left;
font-size: 1em; 
padding-right:0px;
color:#000099;

}
.latestnews a img {
border:none;
margin:4px 0px 5px 0px;
background:none;

}

.latestnews a{
text-decoration:none;}

.latestnews a:hover{
text-decoration:underline;
background:none;
color:#363F84;
}
.feature{
padding: 15px 5px 5px 10px;
width:420px;
font-size:.9em;
margin-top:5px;
margin-right:0px;
margin-bottom:10px;
font-size:1em;
}

.feature h3{
margin-bottom:.38em;}

.feature a{
font-weight:bold;
}

.feature img{
	border:none;
margin-left:0px;
padding-left:0px;
background:none;
	}
/*-------right column------------------------------------*/
.rightcontainer{
float:right;
width:235px;
margin-right:20px;
margin-top:-10px;
margin-left:0px;
padding: 8px 0px 5px 0px;
font-size:.95em;
}

.quicklinks{
background-color:#F6F4EC;
padding: 10px 10px 10px 10px;
width:218px;
line-height:1.3em;
border:#CCC 1px solid;
}

.quicklinks p{
margin-left:10px;
margin-top:7px;}

.quicklinks a{
font-weight:normal
}

.quicklinks a img{	
border:none;
margin:0;

}
.healthline{
background-color:#F6F4EC;
padding: 15px 10px 5px 10px;
width:220px;
}

.healthline h2 {
margin-top:10px;
margin-bottom:5px;
padding-left:20px;
text-align:left;
font-size: 1em; 
padding-right:0px;
padding-bottom:2px;
color:#000099;

}
.healthline h2 a:link, .healthline h2 a:link 
.healthline h2 a:visited, .healthline h2 a:visited {
text-decoration:none;
color:#363F84;}

.healthline h2 a:hover, .healthline a:hover{
text-decoration:underline;}

.healthline ul li{
list-style-type: none;
margin-left:-15px;
font-size:.95em;
}

.healthline p{
margin-bottom:10px;
margin-left:15px;}


.healthline a{text-decoration:none;
color:#384D9C;
font-size:.95em;}

.healthline a:hover{
text-decoration:underline;
font-size:.95em;}

.healthline a img{
border:none;
}

#healthlinelogo{
margin: 0px 0px 10px 10px;
}


.healthline h2 a:link, 
.healthline h2 a:visited {
text-decoration:none;
color:#363F84;
margin-bottom:.3em;
}

/*----------footer----------------*/
.footer-wrapper {
clear:both;
background-color:transparent;
height:50px;
width:100%;
border-top:#999999 solid 1px;
border-bottom:#999999 solid 1px;
padding-top:0px;
margin-top:50px;
}


.footer-wrapper a img{
border:none;
float:right;
margin:3px 10px}

/*------sets the text styles within footer---------*/
.footer {
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
padding-left:290px;
text-align:left;
width:auto;
float:left;
padding-top:10px;
}
ul.footer {
	padding-top:15px;}
	
.footer  li {
display:inline;
}

.footer  li a{
padding:0px 11px 0px 8px;
}


/*-----------Table styles----------------*/

table{
margin-top:0px;}



.outline{
margin-top:0px;
border-collapse:collapse;
border: #000000 solid 1px;
padding:.5em;
text-align:left; }



.outline td, .outline th {
margin-top:0px;
border: #000000 solid 1px;
padding:.5em; 
text-align:left;

}

.outline-grey {
margin-top:0px;
border: #999999 solid 1px;
border-collapse:collapse;
text-align:left;
padding:.5em; 
}

.outline-grey td, .outline th {
margin-top:0px;
padding:.5em; 
text-align:left;
}


.outline  td.alignr{
margin-top:0px;
text-align:right;
}

.noline {
margin-top:0px;
border-collapse:collapse;
text-align:left;}

.noline td, .outline th {
margin-top:0px;
padding:.5em; 
text-align:left;
}

#tableright {
margin-top:0px;
float:right;
border: #000000 solid 1px;
border-collapse:collapse;
text-align:left;}

/*-------for the Moh library newsletter:"E-Track"------*/

#textbox-redline {
border-width:.2em;
border-style:solid;
border-color:#CC0033;
margin-left:0em;
margin-top:0;
padding:1.5em;
width:810px}

.librarylogo{
margin:0;

}

.nstr {
margin-left:-.1em;
margin-bottom:0em;}


.black {color:#000000}

/*-----------------------------------*/

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000; 	
	margin:0em ;
	line-height:1.3em;
}


/*----do we need this?--------*/
.text           {
	font-size: .8em;
	margin-left: 0px;
	margin-right: 20%;
	margin-top: .95em;
	text-align: left;
}

/*images----------------------------------*/
img {
margin:0px 12px 14px 12px}



.img-left{
margin:0px 12px 14px 0px }



.img-right{
margin: 0px 0px 14px 12px}


/*---links--------------------------------*/

A {	text-decoration:none;
	color: #363F84;
	

}

A:visited {
	color: #660066 ;
	text-decoration:none;
}

A:hover {
	color: #363F84;
	text-decoration:underline;
}

A:active {
	color: #363F84;
		text-decoration:underline;

}

a:focus {border:2px #F60 solid;
}

H1 {
	margin-top:0em;
	font-weight: bold; 
	font-size: 1.13em; 
	margin-bottom: .5em; 
	color: #363F84; 
	font-family: Arial, Helvetica, sans-serif;
}

h2, h2 a{
	margin-top: 0em; 
	font-weight: bold; 
	font-size: 1.2em; 
	margin-bottom: .5em; 
	color: #B65000; 
	font-family: Arial, Helvetica, sans-serif;
}


h3, h3 a {
text-decoration:none;
	margin-top: 0em; 
	font-weight: bold; 
	font-size: 1em; 
	margin-bottom: .02em; color: #363F84; font-family: Arial, Helvetica, sans-serif
}
h3 a:hover {
text-decoration:underline;}

H4 {

	margin-top: 0em; 
	font-weight: bold; 
	font-size: .97em; color: #363F84; margin-bottom: .02em; font-family: Arial, Helvetica, sans-serif
}



h4 a         { color: #363F84; 
text-decoration:none;}

h4 a:visited { color: #363F84; }



h4 a:hover   { color: #363F84;
text-decoration:underline; }


h4 a:active{color: #363F84;
text-decoration:underline;}

H5 {
	margin-top: 0em; font-weight: bold; 
	font-size: .95em; 
	color:	#000000;
	margin-bottom: .15em; 
	font-family: Arial, Helvetica, sans-serif
}



ul {    margin-bottom: 3px;
		margin-top:3px;
		line-height:1em;
		
}



ul li{padding-bottom:1em;}



ol{ margin-bottom: 5px;
margin-top:3px;

}

ol li{padding-bottom:1.2em;}


/*colouring mainly to use for headings
-------------------------------------------------*/ 

.orange {
	color: #CC6600;
}

.green {
	color: #009999;
}

.burgundy {
	color: #990000;
}

.olive{
color:#4D5811;}


/* for putting text within a highlighted box
-----------------------------------------------*/

.textbox {
border-width:.1em;
border-style:solid;
border-color:#000099;
padding:1em;
width:80%
}

.textbox-greyline {
border-width:.1em;
border-style:solid;
border-color:#CCCCCC;
padding:1em;
width:95%
}

.textbox-blue{
background-color:#DFFFFF;
padding:1em;
width:90%}


.textbox-grey{
background-color:#E6E6E6;
padding:1em;
width:90%}


#textbox-rightbox {
	float:right;
	right:0;
	background-color:#DFFFFF;
	width:12em; 
	margin-left:.5em;
	 }
	 

/*----accessibility keys
---------------------------------*/
.hide{
position:absolute;
left:-2500px;
width:1px}
/*--------------------------------*/