@charset "utf-8";



/*	Contents
	
	- Specific layout Rules
			- Logo -navtopleft
			- Search -navtopright
			- Horizontal navigation -commonlinks
			- contents -navmain
			- print -navmainrow
			- footer -navbottom
			- 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;
margin-top:0px;
margin-bottom:0px;
width:1000px;
padding:0px;
background-color:#ffffff;
text-align:left;
border-right:#999999 solid 1px;
border-left:#999999 solid 1px;

}




/*Holds logo
-----------------------------------------*/
#navtopleft {
float:left;
position:relative;
border:none;
padding-top:15px;
margin-bottom:0px;
padding-left:2px;
}

#navtopleft  a img{
border:none;
margin-left:15px;

}

/*--Holds the  legal/feedback/accessibility links & Search
---------------------------------------------------------*/

#utilities-wrap {
	padding: 4px 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;
}


#search {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.8em;
	background-color:#ffffff;
	margin-bottom:0px;
	padding: 1px;
	float:right;
	
}

#submit {
	float:right;
	margin:0px 13px 2px 4px;
}

#searchbox {
	float: right;
 	margin:1px 4px 5px 0px;
}

#searchoptions {
	padding:0px 4px 0px 12px;
	margin:-5px 12px 0px 220px;
	text-align:right;
	white-space: nowrap;
	float:right;
}



#field {
border:none 0px;
margin:0px;
padding:0px;}

form{
	padding:0px;
	margin:0px;}



/*horizontal navigation bar
-------------------------------------------------------------------------*/
.commonlinks {
	clear:both;
	float:left;
	width:920px;
	margin-left:-1px;
	margin-right:-230px;
	padding:30px 0px 3px 80px;
	margin-top: 0px;
	margin-bottom:800px;	
	background-color:#FF9;
	
	border:#999999 solid 1px;
	
	height:80px;
}

.commonlinks h2{
	color:#000}


/* wrapper that encloses everything below commonlinks
---------------------------------------------------------*/
.navmain {
clear:both;
margin: 0px;
padding:5px 0px 0px 0px;
width:1000px;
min-height:310px;
background-color:#ffffff;

}
/*	could use for breadcrumbs-holds print
--------------------------------------*/
.navmainrow {
margin:0px 16px 3px 17px;
height:25px;
text-align:right;
padding-top:5px;
background-color:#ffffff;

}


.navmainrow #print {
background:url(/moh.nsf/Files/MOH-HOME/$file/printer.gif) no-repeat -1px 0px;
font-size:.7em;
padding:8px 4px 5px 29px;
text-decoration:none;
margin-left:6px;}


.navmainrow #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:0px;}

.navmainrow #email{
background:url(/moh.nsf/Files/MOH-HOME/$file/email.png) no-repeat -1px 1px;
font-size:.7em;
padding:8px 8px 5px 33px;
text-decoration:none;
}

#print:hover, #rss:hover, #email:hover {
	text-decoration:underline}




/* wraps round main content and menu when page has a left menu
--------------------------------------------*/
.contentwithmenu	{
	background-color:#ffffff;
	margin: 0px 0px 0px 160px;
	padding:0 10px;	

}




/* main content when page has NO left menu
--------------------------------------------*/
.navmaincontent, .navmaincell{
background-color:#ffffff;
	margin: 0px 60px 0px 81px;
	padding:0px;


	
			}
			


/* floatleft is common menu, floatleftmenu is inpage menu
-------------------------------------------------------------*/
.floatleft{
	float: left;
	width: 190px; 
	border-top:#384D9C solid 1px;
	border-right:#384D9C solid 1px;
	border-bottom:#384D9C solid 1px;
	border-left:#384D9C solid 1px;
	background-color:#FFFFFF;
	padding:7px 7px 7px 7px;
	margin-left: 18px;
	margin-right: 2px;
	margin-top:5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	font-size:.83em;
}

.floatleft p {
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
}

.floatleft ul{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
list-style-type: none;

}

.floatleft ul li{
margin:1px ;
padding:0;
background-color:#C3D8ED;
 }

.floatleft ul li.home{
font-weight:bold;
/*border-bottom: solid .1em blue;*/
}

.floatleft ul li a{
display: block;
padding: 5px 19px;
width: 150px;
color:#000066;
text-decoration: none;
}
.floatleft a:hover{
color: #fff;
background-color:#69C;
text-decoration: none;
}

 /*--nested lists in float left
 ----------------------------*/

.floatleft ul ul  li, .floatleftmenu ul ul li{
margin: 0 1px 1px 1px; 
  }

.floatleft ul ul a, .floatleftmenu ul ul a{
display: block;
padding: 5px 22px 5px 38px;
width: 128px;
color:#000066;
background-color:#C3D8ED;
text-decoration: none;
}

.floatleft ul ul a:hover, .floatleftmenu ul ul a:hover{
color: #00000;
background-color: #69C;
text-decoration: none;
}

/*-- Right Column to float a box to right of contentwithmenu div---*/

newsboxwrapper{
	float:right;
	width:132px; 
	margin-top:43px;
	margin-right:15px;
	padding:0;
}



.newsbox {	
	float:right;
	width:135; 
	border-top:#384D9C solid 1px;
	border-right:#384D9C solid 1px;
	border-bottom:#384D9C solid 1px;
	border-left:#384D9C solid 1px;
	background-color:#FFFFE0;
	padding:7px 7px 7px 7px;
	margin:0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:.83em;
	height:auto;
}


.newsbox ul {
list-style:none;
margin-left:-30px;
font-size:.8em;}

.newsbox p{
margin-left:10px;
font-size:.83em;}

/*----------footer----------------*/
.navbottom {
clear:both;
background-color:#ffffff;
height:50px;
border:#999999 solid 1px;
padding:.5em 0em 0em 0em;
margin-top:0px; 
margin-bottom:0px;
margin-left:-1px;
margin-right:-430px;
width:100%;
}

.navbottom a img{
border:none;
float:right;
margin:0px 10px}

/*------ footer---------*/
.footer {
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
padding-left:230px;
text-align:left;
width:auto;
float:left;
padding-top:10px;
}
.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"--historic issues only--now in pdf--*/

#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:link {
	color: #363F84;
		line-height:1.3em;

}

A:visited {
	color: #660066 
}

A:hover {
	color: #0000FF
}

A:active {
	color: #0000FF
}

a:focus {border:1px #F60 solid;
} 
H1 {
	margin-top:0em;
	font-weight: bold; 
	font-size: 1.4em; 
	margin-bottom: 20px; 
	color: #363F84; 
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.2em;
	
}

H2 {
	margin-top:5px; 
	font-weight: bold; 
	font-size: 1.1em;
	line-height:1.1em;
	margin-bottom: 8px; 
	color:#B65000;
	font-family: Arial, Helvetica, sans-serif;

}

H3 {

	margin-top: 0em; 
	font-weight: bold; 
	font-size: 1em; 
	margin-bottom: .75em; color: #363F84; font-family: Arial, Helvetica, sans-serif

}

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: 5px;
		margin-top:3px;
		line-height:1.05em;
}



ul li{padding-bottom:.9em;}



ol{ margin-bottom: 5px;
margin-top:3px

}

ol li{padding-bottom:.9em}


/*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:1px;
border-style:solid;
border-color:#000099;
padding:1em;
width:80%
}

.textbox-greyline {
border-width:1px;
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}
/*--------------------------------*/

	
	 

	 
