* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Better Breastfeeding CSS by Ridgeway Studios - www.ridgewaystudios.com*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body 
{ background: url(../images/main-bg.gif) right top repeat-x; background-color: #425E4F; color: #132F22; font-size: 75%; text-align: center; }

a:link { color:#542A42; text-decoration: underline; font-weight: bold; }
a:visited { color:#542A42; text-decoration: underline; font-weight: bold; }
a:hover { color:#654364; text-decoration: underline; font-weight: bold; }
a:active { color:#654364; text-decoration: underline; font-weight: bold; }

a.greenlink:link { color:#132F22; text-decoration: underline; }
a.greenlink:visited { color:#132F22; text-decoration: underline; }
a.greenlink:hover { color:#405D4E; text-decoration: underline; }
a.greenlink:active { color:#405D4E; text-decoration: underline; }

a.download:link { color:#000000; text-decoration: none; font-size: 100%; }
a.download:visited { color:#000000; text-decoration: none; font-size: 100%; }
a.download:hover { color:#0471B0; text-decoration: none; font-size: 100%; }
a.download:active { color:#0471B0; text-decoration: none; font-size: 100%; }

a.downloadgrey:link { color:#838383; text-decoration: none; font-size: 100%; }
a.downloadgrey:visited { color:#838383; text-decoration: none; font-size: 100%; }
a.downloadgrey:hover { color:#0471B0; text-decoration: none; font-size: 100%; }
a.downloadgrey:active { color:#0471B0; text-decoration: none; font-size: 100%; }

a.overimage { color:#FFFFFF; text-decoration: none; }
a.overimage:visited { color:#FFFFFF; text-decoration: none; }
a.overimage:hover { color:#FFFFFF; text-decoration: underline; }
a.overimage:active { color:#FFFFFF; text-decoration: underline; }

a.leftnav:link { color:#000000; text-decoration: none; font-weight: bold; font-size: 100%; }
a.leftnav:visited { color:#000000; text-decoration: none; font-weight: bold; font-size: 100%; }
a.leftnav:hover { color:#C41721; text-decoration: underline; font-weight: bold; font-size: 100%; }
a.leftnav:active { color:#C41721; text-decoration: underline; font-weight: bold; font-size: 100%; }

a.inline:link { font-size: 100%; }
a.inline:visited { font-size: 100%; }
a.inline:hover { font-size: 100%; }
a.inline:active { font-size: 100%; }

a.inlinered:link { font-size: 100%; color:#C41721; text-decoration: none; }
a.inlinered:visited { font-size: 100%; color:#C41721; text-decoration: none; }
a.inlinered:hover { font-size: 100%; color:#0471B0; text-decoration: none; }
a.inlinered:active { font-size: 100%; color:#0471B0; text-decoration: none; }

a.footerlink:link { color:#DBE8C8; text-decoration: underline; }
a.footerlink:visited { color:#DBE8C8; text-decoration: underline; }
a.footerlink:hover { color:#FFFFFF; text-decoration: underline; }
a.footerlink:active { color:#FFFFFF; text-decoration: underline; }

a.imagelink:link { border-bottom: 0px; text-decoration: none; }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

h1 { color:#132F22; font-family: Verdana, Arial; font-size: 1.5em; line-height: 1.4em; font-weight: bold; margin:0; padding: 0px 0px 0px 0px; }

h2 { color:#132F22; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.3em; font-weight: normal; margin: 0; padding: 0px 0px 8px 0px; }

h3 { color:#132F22; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.3em; font-weight: bold; margin:0; padding: 0px 0px 0px 0px; }

h4 { color:#132F22; font-family: Arial, Verdana; font-size: 1.1em; line-height: 1.3em; font-weight: bold; margin:0; padding: 0px 0px 6px 0px; }

p { color: #132F22; font-family: Arial, Verdana; font-size: 1.1em; line-height: 1.4em; margin: 0px 0px 10px 0px; }

.nopad { padding: 0; }

.larger { font-size: 1.0em; }

.alert {background-color: #FFF200; }

.date { color: #000000; font-family: Arial, Verdana; font-size: 0.8em; line-height: 1.5em; margin: 0px 0px 5px 0px;  }

.downloadinfo { font-family: Arial, Verdana; font-size: 0.9em; color: #838383; line-height: 1.3em; margin: 0px 0px 2px 0px; }

.red { color: #C41721; font-size: 0.8em; }

.leftindent { margin: 0 0 12px 0; padding-left: 82px; }

.largep { font-size: 1.2em; line-height: 1.2em; }

.imagetext { color: #FFFFFF; font-family: Arial, Verdana; font-size: 1.2em; padding: 143px 0px 0px 12px;  }

.xmark { font-weight: bold; font-size: 1.0em; color: #FFFFFF; margin: 5px 5px 5px 5px; }

.footer { color: #000000; font-family: Arial, Verdana; font-size: 0.8em; margin: 8px 0px 20px 13px; }

div#page_size { width: 950px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #DBE8C8; }

div#page_header { float: left; position: relative; width: 950px; height: 106px; text-align: left; background-color: #FFFFFF; }		
				
div#page_name { float: left; position: relative; width: 525px; }
div#page_contacts { float: right; text-align: left; position: relative; width: 425px; }
div#page_contacts p { padding-top: 38px; }
 
div#nav_line { float: left; position: relative; width: 950px; text-align: right; border-bottom: 1px solid #132F22; border-top: 1px solid #132F22; background-color: #425E4F; }

div#page_navigation { float: left; position: relative; padding-left: 20px; }	

				#mainnavigation { float: left; list-style: none; margin: 0; text-align: left; }
				#mainnavigation li { float: left; font-size: 0.9em; }
				#mainnavigation li a { font-family: Verdana, Arial; display: block; font-weight: normal; color: #DBE8C8; text-decoration: none; padding: 6px 8px; }
				#mainnavigation li a:visited { display: block; color: #DBE8C8; text-decoration: none; }
				#mainnavigation li a:hover { display: block; color: #FFFFFF; background-color: #132F22; }
				#mainnavigation li a:active { display: block; color: #FFFFFF; background-color: #132F22; }
				#mainnavigation li a.current { color: #FFFFFF;  }
				#mainnavigation li .current { background-color: #654364; }
				#mainnavigation .pipe { padding: 5px 0px 0px 0px; margin: 0; font-family: Verdana, Arial; color: #DBE8C8; }
		
div#homepage_body { float: left; position: relative; width: 950px; height: 511px; text-align: left; background: url(../images/homepage-bg.jpg) right top no-repeat; }
div#about_body { float: left; position: relative; width: 950px; height: 511px; text-align: left; background: url(../images/about-bg.jpg) right top no-repeat; }
div#lactation_body { float: left; position: relative; width: 950px; height: 511px; text-align: left; background: url(../images/lactation-bg.jpg) right top no-repeat; }
div#services_body { float: left; position: relative; width: 950px; text-align: left; background: url(../images/services-bg.jpg) right top no-repeat; }
div#prices_body { float: left; position: relative; width: 950px; text-align: left; background: url(../images/prices-bg.jpg) right top no-repeat; }
div#contact_body { float: left; position: relative; width: 950px; height: 511px; text-align: left; background: url(../images/prices-bg.jpg) right top no-repeat; }

div#page_leftcolumn { float: left; position: relative; width: 612px; text-align: left; margin: 30px 0px 30px 26px; padding: 0; }

div#page_boxed { float: left; position: relative; width: 612px; text-align: left; padding: 15px 15px 15px 15px; margin: 20px 0px; border-top: 1px solid #132F22; border-bottom: 1px solid #132F22; background-color: #BECDA6; }
			  div#page_boxed .subhead { font-size: 1.2em; }
			  div#page_boxed ul { color: #132F22; font-family: Arial, Verdana; font-size: 1.0em; font-weight: bold; line-height: 1.4em; list-style: disc; list-position: inside; margin: 0px 0px 10px 40px; }

div#line {float: left; position: relative; width: 612px; padding: 0; border-bottom: 1px solid #132F22; }
			  
div#purple_outer { float: left; position: relative; width: 225px; background-color: #654364; z-index: 1; padding: 15px 15px 15px 15px; margin: 20px 0px; }
		 div#purple_outer p { font-size: 1.0em; line-height: 1.4em; color: #B2A1B2; font-weight: normal; }
	 
div#green_outer { float: left; position: relative; width: 325px; background-color: #BDCDA5; z-index: 1; padding: 15px 15px 7px 15px; margin: 20px 0px; }
		 div#green_outer p { font-size: 1.0em; line-height: 1.4em; color: #132F22; font-weight: normal; }
		 div#green_outer .header { font-size: 1.2em; line-height: 1.4em; color: #132F22; font-weight: bold; padding: 0; }
		 div#green_outer .subtext { font-size: 0.7em; line-height: 1.4em; color: #132F22; font-weight: normal; }

		 
div#homepage_midcolumn { float: left; position: relative; width: 290px; height: 650px; text-align: left; margin-top: 7px; padding: 0px 20px 0px 20px; border-left: 1px dotted #000000; border-right: 1px dotted #000000; }

		 div#homepage_midcolumn .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 290px; height: 6px; border-top: 1px dotted #000000; }

div#homepage_rightcolumn { float: left; position: relative; width: 250px; text-align: left; margin-top: 7px; padding: 0px 20px 0px 20px; }

		 div#homepage_rightcolumn .line { display: block; position: relative; padding: 1px 0px 0px 0px; width: 250px; height: 1px; border-top: 1px dotted #000000; }
		
div#page_maincolumn { float: left; position: relative; width: 585px; text-align: left; margin-top: 7px; padding: 0px 0px 0px 20px;  border-left: 1px dotted #000000;  }

		 div#page_maincolumn .line { display: block; float: left; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #000000; }
		 div#page_maincolumn .spacedline { display: block; float: left; position: relative; margin: 18px 0px 16px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #000000; }
 		 div#page_maincolumn .notopline { display: block; float: left; position: relative; margin: 1px 0px 16px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #000000; }
 		 div#page_maincolumn .invisibleline { display: block; float: left; position: relative; margin: 18px 0px 16px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #FFFFFF; }
		 div#page_imageouter { float: left; position: relative; margin-bottom: 5px; width: 148px; text-align: right; }
		 div#page_imageinner { position: relative; width: 146px; height: 105px; background-color: #FFFFFF; border: 1px solid #E1E1E1; text-align: center; margin-top: 5px; margin-bottom: 5px; }
		 div#page_textcolumn { float: left; position: relative; width: 417px; text-align: left; padding: 0px 0px 12px 20px; }
		 div#page_maincolumn ul { color: #000000; font-family: Arial, Verdana; font-size: 1.0em; line-height: 1.6em; list-style: disc; list-position: inside; margin: 0px 0px 8px 40px; }
		 div#page_rolloverouter { float: left; position: relative; margin-bottom: 5px; width: 352px; text-align: left; }
		 div#page_rolloverinner { position: relative; width: 350px; height: 350px; border: 1px solid #E1E1E1; margin-top: 5px; margin-bottom: 5px; }
		 div#page_rollovercolumn { float: left; position: relative; width: 213px; text-align: left; padding: 0px 20px 12px 0px; }
		 div#page_graphinner { position: relative; width: 350px; height: 808px; border: 1px solid #E1E1E1; margin-top: 5px; margin-bottom: 5px; }
		 div#page_benefitscontainer { float: left; position: relative; margin-bottom: 5px; width: 585px; text-align: center; }
		 div#page_benefitscontainer .imageborder { margin: 30px; border: 1px solid #E1E1E1; }
		 
		 div#page_tablecolumn1 { float: left; position: relative; width: 167px; text-align: left; padding: 3px 10px 0px 3px; }
		 div#page_tablecolumn2 { float: left; position: relative; width: 205px; text-align: left; padding: 3px 10px 0px 0px; }
		 div#page_tablecolumn3 { float: left; position: relative; width: 187px; text-align: left; padding: 3px 3px 0px 0px; }
		 div#page_tablecolumn4 { float: left; position: relative; width: 405px; text-align: left; padding: 3px 0px 0px 0px; }
		 div#page_tablegreycontainer { float: left; background-color: #DDDDDD; width: 585px; }
		 div#page_formgrey { background-color: #DDDDDD; }
		 
		 
div#download { float: right; position: relative; width: 220px; text-align: left; padding: 0px 0px 0px 40px; background: url(../images/pdf.gif) right top no-repeat; }		 
		 div#download h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; background }
		 div#download .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 220px; height: 1px; border-top: 1px dotted #000000; }
		 
div#wmv { float: right; position: relative; width: 220px; text-align: left; padding: 0px 0px 0px 40px; background: url(../images/wmv.gif) right top no-repeat; }		 
		 div#wmv h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; background }
		 div#wmv .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 220px; height: 1px; border-top: 1px dotted #000000; }
		 
div#movie { float: right; position: relative; width: 220px; text-align: left; padding: 0px 0px 0px 40px; background: url(../images/movie.gif) right top no-repeat; }		 
		 div#movie h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; background }
		 div#movie .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 220px; height: 1px; border-top: 1px dotted #000000; }
		 
div#page_footer { z-index: 50; width: 898px; margin: 0 auto 0 auto; padding: 8px 26px 20px 26px; position: relative; text-align: left; }	
		 div#copyright { float: left; position: relative; width: 525px; }
		 div#copyright p { color:#FFFFFF; font-family: Arial, Verdana; font-size: 1.0em; }
		 div#credit { float: right; text-align: right; position: relative; width: 373px; font-size: 0.9em; }


a.disclaimer { position: relative; z-index: 24; text-decoration: none; }
a.disclaimer:hover { z-index: 25; background-color: #F3F3F3; }
a.disclaimer span { display: none }
a.disclaimer:hover span { z-index: 100; display: block; position: absolute; top:-12em; left:10em; left: 0; width: 272px;  padding: 12px; margin: 10px; z-index: 100;  color: #333333; background: #FFFFFF; border: 1px solid #000000;  line-height: 1.4em; font-family: arial, verdana; text-align: left; }