@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;}
#footer a, #footer a:link, #footer a:visited {color:#a680da; font:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14px; margin:0px 12px;  }
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_navigation3.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: 76px;}
#news {left: 539px; width: 76px;}
#gp {left: 614px; width: 152px;}


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

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

body#home-page #home {background: transparent url(../i/main_navigation3.gif) -49px -22px no-repeat;}
body#benefits-page #benefits {background: transparent url(../i/main_navigation3.gif) -101px -22px no-repeat;}
body#starting-page #starting  {background: transparent url(../i/main_navigation3.gif) -172px -22px no-repeat;}
body#working-page #working	{background: transparent url(../i/main_navigation3.gif) -286px -22px no-repeat;}
body#support-page #support{background: transparent url(../i/main_navigation3.gif) -464px -22px no-repeat;}
body#news-page #news {background: transparent url(../i/main_navigation3.gif) -539px -22px no-repeat;}
body#gp-page #gp {background: transparent url(../i/main_navigation3.gif) -614px -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:9px 0px 0px 0px;background:url(../i/footer_back.gif) no-repeat; margin:0 auto; text-align:center;}
#footer p {text-align:center;font-size:10px;}
#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:200px; 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; 
}

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 0px 10px;border-bottom: 1px solid #fff;font-weight:normal;}
h4.side2 {font-size: 16px;background: url(../i/sidebar-head-purple.gif) top left no-repeat;padding:5px 0px 0px 10px;border-bottom: 1px solid #fff;font-weight:normal;}

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

p { margin-bottom: 15px; line-height:1.5em; }
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;}
ul li {list-style-type:disc;line-height:1.5em;}
ol li {list-style-type:decimal;line-height:1.5em;}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
<![CDATA[
    /*****************************************************************************
    These styles should be at the bottom of `sifr.css`. Make sure that they're
    only applied for the screen media type!
    *****************************************************************************/
    
    .sIFR-active h1,
    .sIFR-active h2.title,
    .sIFR-active h3,
    .sIFR-active h4.side,
    .sIFR-active h4.side2,
    .sIFR-active h4.orange,
    .sIFR-active h5#pullquote {
      visibility: hidden;
      font-family: Verdana;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
    }

    .sIFR-active h2.title {

      display: block;
    }

    .sIFR-active h3 {
      font-size: 16px;
    }

    .sIFR-active h4.orange {

   font-size: 16px;
    }

    .sIFR-active h5#pullquote {

    }
  ]]>
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */

}