/* hse.ie style sheet */

/* ---------- Global ---------- */

*
{
	margin:0;
	padding:0;
	text-decoration:none;
 	border:none;
	list-style:none;
}
	
body
{
	background:#FFFFFF;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#4D4D4D; /*grey */
	font-weight:normal;
}
	
hr 
{
	display:none;
	color:#494e53;
}
  
.clear
{	
	clear: both;
	display: block;
 	height: 1px;
  	overflow: hidden;
  	margin: 0;
  	padding: 0;
}

a
{
	color:#034C43;
	text-decoration: none;
} 
 
a:active
{
	text-decoration: none;
	
} 
	
a:hover
{
	text-decoration: none;
} 	

h1
{ 
	margin: 0px 0px 0px 0px;
	padding: 1px;
	font-size: 115%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #034C43;
}

h2
{ 
	margin: .5em .1em .5em 0;
	padding: 1px;
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #034C43;
}

h3
{
	margin: .5em .1em .5em 0;
	padding: 1px;
	font-size: 105%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #034C43;
}

h4
{
	margin: .5em .1em .5em 0;
	padding: 1px;
	font-size: 105%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #034C43;
}

h5
{
	margin: .5em .1em .5em 0;
	padding: 1px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #034C43;
}

h6
{
	margin: .5em .1em .5em 0;
	padding: 1px;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #034C43;
}

p
{
	margin: 0 0 .5em 0; 
	padding: 0;
	font-size:100%
	 
}

.ul li 
{
	margin: 0 0 .5em 0;
	padding: 0 0 0 12px;
	list-style:disc none inside
} 

.ol li
{
	margin: 0 0 .5em 0;
	padding: 0 0 0 12px;
	list-style: decimal none inside
	}
	
td
{ 
	margin: 0;
	padding: 7px 7px 0 0;
}

img
{ 
	margin: 0; 
	padding: 7px 7px 0px 0;
}

img.left
{
	float: left;
}

img.right
{
	float: right;
}

content
{	
	margin: 2.8em 0 .8em 0;
	padding: 5px 5px 5px 5px;
}
/*for chinese characters*/
.zh
{
    font-family: SimSum, serif;
}


/* Global end */




/* ----------------------------- PAGE LAYOUT  ----------------------------------*/
#container
{
	width:100%;
	min-width:780px;
 }
  
#header
{
width:auto;
display:none;
}
  	
#maincol
{
	width:100%;
	background: none;
}

#maincol-noborder
{
	width:100%;
}
  
#column-container
{
	width: 100%;
	background:none;
}
  
#navmenucol
{
	width: 11.5em;/*left hand side menu*/
	float: left;
	display:none;
}
	
#main
{
	padding: 10px;
	margin-left: 0em;
	margin-right: 0em;
	background:#fff;
	border-right:1px solid #ccc;
}
  
#main2Col
{
	padding: 10px;
	margin-left: 0em;
	margin-right: 0em;
	border-right:1px solid #fff;
}
  
 #main3Col
{
	padding: 10px;
	margin-left: 0em;
	margin-right: 0em;
	border-right:1px solid #fff;
}

#main-wide
{
	padding: 5px;
	margin-left: 11.5em;
}
  
#sidecol
{
	width: 11.5em;/*right hand colum*/
	float: right;
	display:none;
}

.mainphoto                  /*front page title picture*added thursday morning 08/05/08*/
{
	padding-right:5px;
	float:right;
	display:block;
	padding-left:2px;
	display:none;
}
   
.subheader
{
	background-color: Transparent;       /*main page image background color*added thursday morning 08/05/08*/
	width:98%;
	margin-left: 1px;
	margin-right:2px;
	display: block;
	border-bottom:1px solid #e5e5ef; 
}
  
#wrapper-main
{
	float:left;
	width:100%;
	margin:10px 0;
}
	
#wrapper
{ 
	width:100%;
	display:block;
	position:relative;
	background:#fff; /*white*/
} 

#maincontent /*setting border and margins around main body content*/
{
	border-right:1px solid #E5E5EF;
	border-left:1px solid #E5E5EF;
	margin: 0 33.3% 0 33.3%;  
	position:relative;
	padding-left:5px;
}

#rightcol /*set position and width of right hand side column*/
{
	position: absolute;
	top: 0;
	right: 0;
	width: 33%;
	display: none;
}

#leftcol /*set position and width of left hand side column*/
{
	position: absolute;
	top: 0;
	left: 0;
	width: 33%;
	display:none;
}

#footer 
{
	 border-top: 1px solid #E5E5EF;
	clear: both;
	display:none;
	padding:5px 7px;
}
	

p.indent /*indents paragraphs by 40px*/
{
	margin-left: 40px
}

p.left /*sets paragraph alignment to left*/
{
	text-align: left;
}

p.center /*sets paragraph alignment to center*/
{
	text-align: center;
}

p.right /*sets paragraph alignment to right*/
{
	text-align: right;
}

span.underline /*puts and line under text*/
{
	text-decoration: underline;
}

#boxtwo /*sets out spacing for images added to text*/
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0 5px 5px 5px;
	width:45%;
}

#boxtwo li /*sets a gap between each image if there are multiple*/
{
	margin-top: 10px;
}
	
#boxtwo img /*sets max width of an image in a document to 100% of available space*/
{
	max-width: 100%;
}


/* content layout*/
	
.content /*main body content display*/
{
	font-size: 90%;
	font-weight: normal;
	color: #494e53;
}

.content p /*padding and margin around a paragraph*/
{
	margin: 10px 0 .5em 0;
	padding: 0;
}

.content a:link, .content a:visited /*style for a link and visited within content*/
{
	color: #034C43;
	text-decoration: underline;
}

.content a:hover, .content a:active /*style for when you hover over a link and active link within content*/
{
		color: #034C43;
		text-decoration: underline;
}

.content hr /*style for horizontal rule within content*/
{
	color:#494e53;
} 

.content ul li /* unordered list style in content*/
{
	margin: 0 0 .5em 0; 
	padding: 0 0 0 12px;
	list-style:disc none inside
}
	
.content ol li /* ordered list style in content*/
{
	margin: 0 0 .5em 0;
	padding: 0 0 0 12px;
	list-style: decimal none inside
} 

.content td /* style for within tables */
{
	margin: 0;
	padding: 7px 7px 0 0;
}

.content img /*padding around image in content*/
{
	margin: 0;
	padding: 7px 7px 7px 0;
}

.content img.left /*image align left*/
{
	float: left;
}

.content img.right /*image aling right*/ 
{
	float: right;
}
   


/* trails */

#breadcrumb
{
	clear:none;
	padding:.5em .5em .5em;
	color: #034C43;
	font-size: 80%;
}

#breadcrumb a /*keeps text bold on links in breadcrumb trail*/
{
	font-weight: bold;
}

/* Page Layout ENDS */

/* ---------- Drop Down List: Drop down list on Right Hand Side for Quick Links and Local Health Office ---------- */

h3.dropdowntitle /*Title*/
{ 
	background-color:#4D4D4D; /* background colour to titles for dropdowns */
	color:#ffffff;            /* text colour to titles of dropdowns */
	padding:2px 0 2px 6px;
	margin: 0;
  	font-size:75%;
}

.dropdownbox select
{
	width:145px; /*width of dropdown box*/
	font-size:85%;/*text size in drop down box*/
	margin:2px 0px 5px 0px;
	border: solid 1px #e5e5ef;/*border around the box*/
}

.dropdownbox 
{
	border-bottom:1px solid #ffffff; /*border around dropdown box*/
	padding:3px; /*padding around dropdown box*/
}


/* Dropdown list ends */	


/* ---------- Main Page Title: Welcome title on homepage ---------- */ 

.mainpagetitle
{
	font-size:120%;
    color:#034C43;
    margin-left: 1px;
    margin-bottom: 6px;
    font-weight:bold;
}

/* Main Pate Title ENDS */


/* ---------- Tool Box: This contains Print Friendly, Back to Top, Feedback, Bookmarks and shares ---------- */ 
 
.toolbox /* border and position of tool box */
{ 
	margin: 0 0 0 5px; 
	padding: 0 0 0 5px; 
	border:1px solid #ccc; /* border for tool box */
	float: left;
	display: block;
	width:450PX; /* width of tool box */
	margin-left:4px;
	margin-right:15px;
	margin-bottom:0px; 
} 

.toolboxheadings h2 /* heading for each section border around each */
{  
	font-size: 90%; 
	font-weight:bold;
	color: #88072D; /*Text colour of headings*/
	padding-bottom:2px;
	padding-left:2px; 
	border-top:1px dashed #ccc; /*Puts dashed  border under each heading*/
}

.sharelogo  /* Positioning for logos in Bookmark and Share */
{
	padding-bottom:6px;
	float:left;
	display:block;
}


#buttonBox, #buttonBox img /* Printer Friendly and Go to Top Links */
{
	border:0; 
	margin:2px;
	margin-bottom:0;	
	margin-top:0;
	margin-right:1px;
	padding-right:1px;
	
	
} 


#buttonBox a:active, #buttonBox a:hover
{
	color: #b82129;
	text-decoration: underline;
	
}


/* Toolbox ENDS */

/* ---------- Eform style ----------*/ 

#container_2col div.efroms
{
	margin:0;	
	padding:0;
	float:left;
}

.eforms table 
{
	width:60%;	
}

.eforms
{
	font-size:100%;
	border-top:1px;
}

table td div.eforms
{	
	margin-left:200px;
	width:72%;
	padding:10px;	
}

.eforms div td
{
  width:10%;
}  

span.formField
{
	color:Red;	
}

.eforms div p
{
	padding-bottom:10px;			
}

.eforms input, .eforms select, .eforms textarea
{
	margin:2px;
	margin-bottom:4PX;	
	margin-top:0;
	margin-right:1px;
	padding-right:1px;
	border:1px solid #A5ACB2;
	padding-bottom:2px;	
}

.eforms label
{
	width:25%;
	margin:2px;
	margin-bottom:4PX;	
	margin-top:0;
	margin-right:1px;
	padding-right:1px;
}

.eforms legend
{
    font-size:110%;
    font-weight:bold;
    color: #034c43;
}

.dropdownlist 
{
	border:1px solid #A5ACB2;
	padding-bottom:2px;	
}

.eforms .checkboxlist input, .eforms .radiobuttonlist input, .eforms .radiobutton input, .eforms .checkbox input
{
	border:0; 
	margin:2px;
	margin-bottom:4PX;	
	margin-top:0;
	margin-right:1px;
	padding-right:1px;
	padding-bottom:2px;
}

.eforms .checkboxlist, .eforms .radiobuttonlist
{
	padding-bottom:7px;	
	font-size:85%;
}

.eforms h2
{
	padding-top:10px;
	font-size:100%;
	padding-bottom:5px;	
	border-bottom:1px solid #A5ACB2;
}

.eforms h3
{
	padding-top:5px;
	font-size:91%;
	padding-bottom:5px;	
}

.eforms h4
{
	padding-top:5px;
	font-size:80%;
	padding-bottom:3px;	
}

.eforms .checkboxlist label, .eforms .radiobuttonlist label
{
	float:left;
	display:block;	
	width:90%;
	padding-bottom:10px;	
}

.eforms .checkboxlist input, .eforms .radiobuttonlist input
{
	float:left;	
}

.eforms .SubmitButton
{
	/*border-top:1px solid #A5ACB2;*/
	padding:10px;
	padding-left:0;
	margin-top:10PX;
}

.alignTop
{
	vertical-align: top;
} 

.alignBottom
{
	vertical-align: bottom;
} 

.alignTopLeft
{
	text-align: left;
	vertical-align: top;
} 

.alignBottomLeft
{
	text-align: left;
	vertical-align: bottom;
}

.alignCenter
{
	text-align: center;
} 

.alignLeft
{
	text-align: left;
} 

.alignRight
{
	text-align: right;
} 

/* Eforms END */

/* Tables------possibly needed for Google----------------------------------*/

table 
{
	background-color: #ffffff;
	
}


td,tr
{
	width:50%;
	margin:5px;
  	padding:5px;
  	font-size:100%;
  	padding: 0px 5px 5px 5px;
  	border:solid 0px;	
}

span.l
{	
	color:#0000cc; /*Google search title result color*/
	font-size:100%;/*Google search title result size*/
	font-weight:bold;
	text-decoration:underline;
}



p.g
{
	color:#000000; /*Google search result color*/
	margin: 15px 0 15px 0; 
	padding: 0px 5px 2px 5px;
	font-size:100%;
	
}

span.s.a
{
	width:90%;
	
}

hr.z
{
	color:Gray;
	width:90%;
}
/* Tables for Google END */

/* ---------- Related Files  ----------*/ 

.Relatedfile
{	
	margin: 10px 0 0 0;
	padding: 0;
}

.Relatedfile a:link, .Getfile a:visited
{
	color: #085fc2;
	text-decoration: underline;
}

.Relatedfile a:hover, .Getfile a:active
{
	color: #085fc2;
	text-decoration: underline;
}

.Relatedfile h2
{
	margin: 0;
	padding: .5em;
	font-size: 85%;
}

.Relatedfile ul li
{
	margin-left: 20px;
	padding: 0 0 .5em .5em;
	font-size: 85%;
	border-bottom: 1px solid #eef3f8;
	list-style-image: url(/images/content/file_arrow.gif);
}

.Relatedfile ul li span 
{
	display: block;
	margin: 0;
	padding: .2em 0;
	font-size: 85%;
}

/* Related Files ENDS */

/* ---------- Related Links ----------*/ 

.relatedlink
{	
	margin: 10px 0 0 0;
	padding: 0;
}

.relatedlink a:link, .relatedlink a:visited
{
	color: #085fc2;
	text-decoration: underline;
}

.relatedlink a:hover, .relatedlink a:active
{
	color: #085fc2;
	text-decoration: underline;
}

.relatedlink h2
{
	margin: 0;
	padding: .5em;
	font-size: 85%;
	color: #034c43;
}

.relatedlink ul li
{
	margin-left: 20px;
	padding: 0 0 .5em .5em;
	font-size: 85%;
	border-bottom: 1px solid #eef3f8;
	list-style-type: none;
}

.relatedlink ul li span 
{
	display: block;
	margin: 0;
	padding: .2em 0;
	font-size: 85%;
}

/* Related Links ENDS */


/* ---------- Document List - How content is to be displayed on the site  ----------*/ 

span.updateBox
{
	margin: 2.8em 0 .8em 0;
	padding: 5px 5px 5px 5px;
	font-size: 85%;
	font-weight: normal;
	color: #034C43;
}

#goBack
{
	display:none;
}

lastupdated
{
	font-size:85%; 
	display:block;
}

.maindoclist /* puts in grey line above and below document title and summary */
{ 
	float: left; 
	margin-right: .5em; 
	padding: .5em; 
	border: 0;
	border-top: 1px solid #e5e5ef;
	float: left; 
	margin-right: .5em; 
	padding: .5em; 
	border: 0;
	border-top: 1px solid #e5e5ef;
}


.mainDoclist li 
{ 
	margin: 0;
	padding: .5em 0 .5em 0;
	list-style-position: outside;
	border-top: 1px solid #e5e5ef;
}

.mainDoclist li h2.documentTitle
{
	margin: 0;
	padding: .5em 0 .5em 0;
}

.mainDoclist li td
{
	margin: .2em 0;
	padding: 0;
	font-size: 85%;
}

.mainDoclist li td a:link, .mainDoclist li td a:visited
{
	text-decoration: underline;
}

.mainDoclist li td a:hover, .mainDoclist li td a:active
{
	text-decoration: underline;
}
	
.mainDoclist li td img
{
	float: left;
	margin-right: .5em; 
	padding: 0; 
	border: 0;
}

.mainDoclist li td a.storyLink
{
	display: block;
	margin: 0; padding: .5em 0;
}

.mainDoclist li a.storyLink
{
	display: block;
	margin: 0;
	padding: 1.5em 0;
} 

.mainDoclist li p
{
	margin: .2em 0;
	padding: 0;
}

.mainDoclist li p img
{
	margin: 0 0 0 0; 
	padding: 0 10px 0 0;
	display: block; 
	float: left;
	max-height: 7em; /* restrict size of image to prevent it leaking into next story*/
	height: auto !important; /* hack for IE6 as it doesn't recognise max-height*/
	height: 7em;
}

.mainDoclist li p .storyLink
{
	display: block;
	margin: 0;
	padding: .5em 0;
}

/* Document List ENDS */