@charset "utf-8";
/* Breastfeeding.ie SCREEN CSS Document *

* {margin:0; padding:0;}*/

/* @group Global Reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* @end */

body {
font: 12px/1.5 Arial, Verdana, Helvetica, sans-serif;
background:#fcf3ec url(../i/bg.gif) top center no-repeat; 
color:#6a6a6a;}

a, a:link, a:visited {color:#30a1d6; text-decoration:none;}

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

div.clear {clear: both;}
img {border:none;}

/* ---------------------------------------------------------------------------- HEADER
--------------------------------------------------------------------------------------*/
#header {width:762px;height:80px;padding:10px 18px 0px 0px;background: #fff url(../i/frame_background.gif) 0 0 repeat-y; margin:0 auto;}
h1.logo {margin:0;padding:0;text-indent:-9999px;}
h1.logo a {
	background: url(../i/logo.gif) no-repeat;
	display:block;
	float:left;
	width:287px;
	height:60px;
	margin-left:11px;
	}	
h1.logo a:hover {}
#super-nav {float:right;padding:10px 10px 0 0;}
#super-nav p {font-size:10px; colour: #a5a4a4}
#super-nav form {margin-top:10px;}
/* Main top-navigation
------------------------------------------------------------------*/
div#top-nav {clear:both;background:transparent url(../i/main_navigation4.gif) top left no-repeat; position: relative;width:780px;height:22px;overflow: hidden;margin: 0 auto;}
div#top-nav ul#main-nav {height: 22px;width: 780px;background: transparent url(../i/main-nav1.gif) top left no-repeat;position: relative;margin:0;padding:0;}
	
div#top-nav ul#main-nav li {
	list-style: none;
	position: absolute;
	top: 0px;
}
ul#main-nav li, ul#main-nav a {
	height: 23px;
	display: block;
}

div#top-nav ul#main-nav li a {text-indent: -9999px;text-decoration: none;}
div#top-nav ul#main-nav li {text-indent: -9999px;text-decoration: none;}
	
#home {left: 49px;width: 55px;}
#benefits	{left: 101px;width: 72px;}
#starting{left: 172px; width: 115px;}
#working {left: 286px; width: 179px;}
#support {left: 464px; width: 66px;}
#news {left: 530px; width: 82px;}
#gp {left: 612px; width: 154px;}


#home a:hover	{background: transparent url(../i/main_navigation4.gif) -49px -22px no-repeat;}
#benefits a:hover {background: transparent url(../i/main_navigation4.gif) -101px -22px no-repeat;}
#starting a:hover {background: transparent url(../i/main_navigation4.gif) -172px -22px no-repeat;}
#working a:hover	{background: transparent url(../i/main_navigation4.gif) -286px -22px no-repeat;}
#support a:hover	{background: transparent url(../i/main_navigation4.gif) -464px -22px no-repeat;}
#news a:hover	{background: transparent url(../i/main_navigation4.gif) -530px -22px no-repeat;}
#gp a:hover	{background: transparent url(../i/main_navigation4.gif) -612px -22px no-repeat;}

/* Main top-navigation "active tabs"
------------------------------------------------------------------*/

body#home-page #home {background: transparent url(../i/main_navigation4.gif) -49px -22px no-repeat;}
body#benefits-page #benefits {background: transparent url(../i/main_navigation4.gif) -101px -22px no-repeat;}
body#starting-page #starting  {background: transparent url(../i/main_navigation4.gif) -172px -22px no-repeat;}
body#working-page #working	{background: transparent url(../i/main_navigation4.gif) -286px -22px no-repeat;}
body#support-page #support{background: transparent url(../i/main_navigation4.gif) -464px -22px no-repeat;}
body#news-page #news {background: transparent url(../i/main_navigation4.gif) -530px -22px no-repeat;}
body#gp-page #gp {background: transparent url(../i/main_navigation4.gif) -612px -22px no-repeat;}

/* Sub Navigation
------------------------------------------------------------------*/
div#sub_nav {width:780px;background: #fff url(../i/frame_background.gif) 0 0 repeat-y; margin:0 auto;}
ul#nav_sub {width:711px;list-style-type:none;padding:2px 3px 2px 3px; margin:0 0 0 49px;background:#ff9000;}
ul#nav_sub li {display:inline;/*border-right: 1px solid #fff;*/ padding:5px;}
ul#nav_sub li.last {border: none;} 
ul#nav_sub li a, ul#nav_sub li a:link, ul#nav_sub li a:visited {color:#fff; text-decoration:none;}
ul#nav_sub li a:hover, ul#nav_sub li a:active {text-decoration:underline;color:#fff;}
ul#nav_sub li.here a, ul#nav_sub li.here a:link {text-decoration:underline;color:#fff;}
/* Banner Image
------------------------------------------------------------------*/
div#banner {width:780px;height:170px;padding:0;background: url(../i/frame_background.gif) 0 0 repeat-y; margin:0 auto;text-align:center;}
div#banner1 {width:780px;height:20px;padding:0;background: url(../i/frame_background.gif) 0 0 repeat-y; margin:0 auto;text-align:center;overflow: hidden; }
/*img.banner-img {margin:0 auto; border-top:2px solid #ff9000;}*/

.pics { height: 159px; width: 752px; padding:0; margin:0 auto; overflow: hidden; }
.pics img { height: 159px; width: 752px; border-top:2px solid #ff9000; top:0; left:0 }
img.pics1 {height: 159px; width: 752px; border-top:2px solid #ff9000; top:0; left:0}
/* ---------------------------------------------------------------------------- MAIN LAYOUT
--------------------------------------------------------------------------------------*/
#enclose {width:780px;  padding:0px/*16px 0px 0px*/;background: url(../i/frame_background.gif) repeat-y;margin:0 auto;}

#left-column {width:190px;padding:0px/* 15px 0px 14px*/; float:left;}
#left-column .gutter {padding: 0 0 0 14px;}
#content {width:540px; float:right;}
#content .gutter {padding:0 35px 0 0;}
body#home-page #content .gutter {padding:0 15px 0 0;}

#footer {clear:both;width:780px;height:47px;padding:8px 0px 0px 0px;background:url(../i/footer_back.gif) no-repeat; margin:0 auto; text-align:center;}
#footer p {text-align:center;font-size:11px;}
#footer a, #footer a:link, #footer a:visited {color:#a680da; font:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:11px; margin:0px 12px;  }
#footer2 {clear:both;width:762px;height:20px;padding:7px 16px 0px 0px;  margin:auto; text-align:center;}
#footer2 p{color:#717171; font-size:10px;text-align:center;}
#footer2 a, #footer2 a:link {color:#717171;}
#footer2 a:hover, #footer2 a:active {text-decoration: underline;}

/* ---------------------------------------------------------------------------- LEFT COLUMN
--------------------------------------------------------------------------------------*/
#support-box  {width:189px; height:181px; background:url(../i/support-box-bg.gif) 0px 25px no-repeat;margin-top:15px;padding:0;}
#faq-box {width:189px; height:220px; background:url(../i/faq-box.gif) bottom left no-repeat; margin-bottom:20px;padding:0;}
#faq-box form {margin-left:5px;}
#news-box, #related-box {margin-bottom:15px;width:189px;}
#related-box {width:190px;background:url(../i/faq-box.gif) 2px 15px no-repeat;}


#news-box h5 { background:url(../i/news_info_header.gif) no-repeat; width:189px; height: 31px; text-indent: -9999px; margin-top:15px;}
#related-box h5 {background:url(../i/support-box-bg.gif) no-repeat; width:187px; height: 31px; text-indent: -9999px; margin-top:10px;} 
#news-box ul#news-list, #related-box ul#related-list{margin:0;padding:0;  } 
#news-box ul#news-list li, #related-box ul#related-list li {list-style:none; padding: 3px 0px 3px 0px;background:transparent; border-bottom:1px dotted #333;} 

#news-box {background:url(../i/faq-box.gif) bottom left no-repeat;height:190px;}
#news-box div.scroll, #related-box div.scroll {
width:179px;
margin:0 auto;
	height:150px;
	overflow:auto;
	}


#left-column h6.hse, #left-column h6.healthpromotion {margin:0;padding:0;text-indent:-9999px;}
#left-column h6.hse a {background:url(../i/hse_logo.gif) no-repeat;display:block;width:187px;height:32px;margin:10px 0px 0px 10px;float:left;} 
#left-column h6.healthpromotion a {background:url(../i/healthpromotion_logo.gif) no-repeat;display:block;width:186px;height:31px;margin:10px 5px 0px 10px;float:left;}


.home-box-1 {background:url(../i/home-box-bottom.gif) bottom left no-repeat; width:240px; height:310px; float:left;padding:10px;margin-bottom:15px;}
.home-box-2 {background:url(../i/home-box-bottom.gif) bottom left no-repeat; width:240px; height:310px; float:right;padding:10px;margin-bottom:15px;}


/* ---------------------------------------------------------------------------- CONTENT COLUMN EXTRA ELEMENTS
--------------------------------------------------------------------------------------*/
#content .gutter img {float:right;margin:0 0 10px 10px;clear:right;border: 5px solid #e9e7e8;}
#content .gutter form img {float:none;margin:0 10px 10px 0px; border:none;}
#content .gutter img.rating_star {float:none;margin:3px 10px 0px 0px;border:none;}
.home-box-1 img, .home-box-2 img {border:none;}
/* ---------------------------------------------------------------------------- LEFT HAND COLUMN EXTRA ELEMENTS
--------------------------------------------------------------------------------------*


/* ---------------------------------------------------------------------------- SEARCH TEMPLATES
--------------------------------------------------------------------------------------*/

div.RowOne {width:580px;margin:0 auto 10px auto;padding:10px;background:/*#f5fbfe*/ #fae8cf;}
div.RowTwo {width:580px;margin:0 auto 10px auto;padding:10px;background:/*#def2fd*/ #f4c586;}

div.result {border: 1px solid orange;margin:5px 0 15px 0;padding:15px;}

/* ---------------------------------------------------------------------------- FORM Stuff
------------------------------------------------------------------*/
/* COUNTY JUMP FORM - #jump2 */
form#jump2 {margin:100px 0 0 0px; z-index:1;width:150px;}
form#jump2 option {background:;color:;width:150px;}

form#catmenu {width:150px; margin: 0 auto;}
form#catmenu select, form#catmenu option {}


/* FORM: PRESENTATION */
form {}
fieldset {border:none;padding:0;margin:0;}
fieldset fieldset {border:none;}
fieldset fieldset legend {font-weight:bold; color:#6a6a6a;}
legend {color:#000;}
input, .textfield input, .file input, .dropdown select, select.sidebar, .textarea textarea, div input.innertextfield {color:#6a6a6a; border:1px solid #9e79d2; background:#fcf3ec;}
input:hover, .textfield input:hover, .file input:hover, .dropdown select:hover, select.sidebar:hover, .textarea textarea:hover, div input.innertextfield:hover {border-color:orange;}
.textfield input:focus, .file input:focus, .dropdown select:focus, select.sidebar:focus, .textarea textarea:focus, div input.innertextfield:hover {border-color:#333;}
.textfield input:active, .file input:active, .dropdown select:active, select.sidebar:active, .textarea textarea:active, div input.innertextfield:active {border-color:#333;}
.textfield input:focus:hover, .file input:focus:hover, .dropdown select:focus:hover, select.sidebar:focus:hover, .textarea textarea:focus:hover, div input.innertextfield:focus:hover {border-color:orange;}
.checkbox input, .radio input {border:none; background:transparent;}
button {border:1px solid #666; background:#666; color:#fff;}
button:hover {border-color:#000; color:orange;}
optgroup {font-weight:bold;}
option {}


/* FORM: LAYOUT */
form {}
fieldset {margin-bottom:3em; padding:10px;}
fieldset fieldset {padding:0;}
legend {margin-bottom:1em;}
.textfield, .textarea, .file, .dropdown, .radio, .checkbox, .buttons, fieldset fieldset {margin-bottom:1em;}
/*input, .textfield input, .file input, .dropdown select, .textarea textarea, input.innertextfield {padding:2px 5px;}*/
.textfield input, .file input, .dropdown select, .textarea textarea {width:168px;}
textarea {height:6em;}
/*.textfield input, .file input, .dropdown select, .textarea textarea {display:inline; margin:0.1em 0 0 0;}*/
.checkbox input, .radio input {margin-right:5px;}
div input.innertextfield {display:inline; margin-right:0;}
.buttons {}
button {padding:4px;}
optgroup {}
option {/*padding:1px 3px;*/}

input.submit {cursor:pointer;}
input.submit:hover {color:orange;}

#support-box form {margin-left:-5px;}
/* ---------------------------------------------------------------------------- General Typography
--------------------------------------------------------------------------------------*/
/* -------------------------------------------------- TYPOGRAPHY -------------------------------- */
h1 { 
	margin-bottom: 15px;
	font-size: 220%;
	color: #000;
}

h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
}

h1 a:hover {
	color: #2686d0;
	text-decoration: none;
	background-color: transparent;
}

h2.title {
	margin: 10px 0 10px 0;
	font-size: 20px; 
		background-color: #fff;
		color:#a766cf;
}

h3 {
	margin-bottom: 4px;
	font-size: 15px; 
	color:#FF9000;
	font-weight:bold;
}

h4.orange, h4 {

font-weight:normal;
	font-size: 14px; 
	
}
h4.side {font-size: 16px;background: url(../i/sidebar-head-orange.gif) top left no-repeat;padding:5px 0px 5px 10px;border-bottom: 1px solid #fff;font-weight:normal; color:#fff;}
h4.side2 {font-size: 16px;background: url(../i/sidebar-head-purple.gif) top left no-repeat;padding:5px 0px 5px 10px;border-bottom: 1px solid #fff;font-weight:normal;color:#fff;}

h5, h6 {
	margin-bottom: 5px;
	font-size: 110%; 
}

p { margin-bottom: 15px; line-height:1.5em;font: 12px/1.5 Arial, Verdana, Helvetica, sans-serif; }
em { font-style:italic;line-height:1.5em;}
strong, p.date {font-weight:bold;}
p.faq-box {padding:0 10px 0 5px;margin:0;}
blockquote, blockquote p {line-height:1.5em;}
ul,ol {margin-bottom:15px;padding-left:30px;font: 12px/1.5 Arial, Verdana, Helvetica, sans-serif;}
ul li {list-style-type:disc;line-height:1.5em;font-size:12px;}
ol li {list-style-type:decimal;line-height:1.5em;font-size:12px;}