/*body { margin:0; padding:0; font-family:Tahoma; font-size:12px; color:#6e6e6f; background:#bec832 url(images/common/bodyBG.gif) repeat-x; }*/

/*h1 { font-size:13px; color:#70112b; font-weight:bold; margin:0 0 10px 0; padding:0;}*/
h1 { font-family:Georgia; font-size:17px; color:#6e6e6f; font-weight:bold; margin:0 0 10px 0; padding:0; }

a { color:#448ccb; text-decoration:none; }
a:hover { text-decoration:underline; }

img { border:0; }

/***************************************/
/* Framework */
/***************************************/
#container          { width:988px; margin:0 auto; }

/* Header */
#logo               { position:absolute; top:40px; left:5px; }
#babyBook           { position:absolute; bottom:0; right:0; width:228px; height:100px; background:transparent url(images/common/babyBG.jpg) no-repeat; }
#babyBook a         { width:125px; height:23px; margin:34px 0 0 103px; display:block; text-indent:-9000px; background:transparent url(images/common/babyBook.gif) no-repeat 0 0; }
#babyBook a:hover   { background-position:0 -23px; }
#babyBook span      { margin:3px 0 0 105px; font-family:Verdana; font-size:10px; color:#000000; }
#header             { width:100%; height:189px; background:transparent url(images/common/clouds.jpg) no-repeat; position:relative; }

/* Body */
#homeContent        { min-height:683px; height:auto !important; height:683px; background:transparent url(images/common/clouds.jpg) no-repeat; position:relative; }
#body               { float:left; width:984px; background:transparent url(images/common/contentBodyBG.gif) repeat-y; position:relative; }

#mainNav            { float:left; width:158px; margin-left:4px; display:inline; }
#content            { float:left; width:590px; margin-left:2px; display:inline; }
#subContent         { float:left; width:230px; }
#subGlossaryIndex	{ float:left; width:230px; }


#trimesters         { min-height:330px; height:auto !important; height:330px; padding-top:196px; }

.trimesterBox       { float:left; display:inline; min-height:330px; height:auto !important; height:330px; width:244px; margin-right:4px; text-decoration:none; cursor:pointer; }
.firstTrimester     { background:transparent url(images/home/firstTrimester.jpg) no-repeat; }
.secondTrimester    { background:transparent url(images/home/secondTrimester.jpg) no-repeat; }
.thirdTrimester     { background:transparent url(images/home/thirdTrimester.jpg) no-repeat; }
.postPartum         { background:transparent url(images/home/postPartum.jpg) no-repeat; margin-right:0; }

.trimesterBox:hover a { text-decoration:underline; }
.trimesterText      { margin:161px 32px 0px 32px; color:#000000; font-family:Tahoma; font-size:12px; text-decoration:none; height:127px}
.trimesterLink      { margin:0 0 0 32px; color:#448ccb; font-weight:bold; text-decoration:none;}
.trimesterText a    { display:block; margin-top: 12px; color:#448ccb; font-weight:bold; text-decoration:none;}

.peopleLinkBox      { float:left; display:inline; min-height:50px; height:auto; width:137px; text-decoration:none; cursor:pointer;}
#demographic span   { color:#000000; font-family:Verdana; font-size:10px; margin:3px 0 0 0px; }
#teenmoms           { margin:40px 0 0 125px; }
#teenmoms a         { float:left; width:100%; height:17px; background:transparent url(images/home/teenmoms_combined.gif) no-repeat; margin: 0 0 6px 0}
#teenmoms a:hover   { background-position:0 -17px; }
#thirtyfive         { margin:40px 0 0 115px}
#thirtyfive a         { float:left; width:100%; height:17px; background:transparent url(images/home/thirtyfiveAndOver_combined.gif) no-repeat;  margin: 0 0 6px 0}
#thirtyfive a:hover   { background-position:0 -17px; }
#dads               { margin:40px 0 0 105px}
#dads a             { float:left; width:100%; height:17px; background:transparent url(images/home/forDads_combined.gif) no-repeat;  margin: 0 0 6px 0}
#dads a:hover       { background-position:0 -17px; }
#babybook           { margin:40px 0 0 99px; width:126px;}
#babybook a         { float:left; width:100%; height:23px; background:transparent url(images/home/babybook_combined.gif) no-repeat;}
#babybook a:hover   { background-position:0 -23px; }


.demographic        { min-height:144px; height:auto !important; height:143px; width:981px; margin:3px 0px 0px 4px;  }

/* Footer */
#footer             { float:left; width:981px; margin:18px 0px 0px 4px; padding:0 0 20px 0;}
#bodyFooter         { clear:both; height:4px; background:transparent url(images/common/contentBodyFooterBG.gif) no-repeat; }
#copyright          { float:right; font-family:Verdana; font-size:10px; color:#FFFFFF; display:inline; }
#copyright img      { vertical-align:bottom; }

.mediaContent       { padding:0 0 0 25px; }

/*******************************/
/* Navigation */
/*******************************/
#mainNavDS  { width:4px; height:70px; position:absolute; top:0; left:0; background:transparent url(images/common/navTopLeftDropShadow.gif) no-repeat; }
#mainNav    { width:158px; padding-bottom:30px; background-color:#f9f9f9; }
#mainNav ul { list-style:none; margin:0; padding:0; }

/* First Level */
a.L1CMSListMenuLink, a.L1CMSListMenuLinkHighlighted   { display:block; width:143px; height:27px; padding:10px 0 0 15px; font-family:Georgia; font-size:13px; font-weight:bold; text-decoration:none; }
.L1CMSListMenuUL a.L1CMSListMenuLink:hover,
.L1CMSListMenuUL a.L1CMSListMenuLinkHighlighted:hover { color:#929292; }
.L1CMSListMenuUL a.L1CMSListMenuLinkHighlighted       { background-position:0 -37px; }

/* First Level Images */
.navStyle1 a { color:#e85867; background:transparent url(images/nav/navStyle1.gif) no-repeat 0 0; }
.navStyle2 a { color:#f78e00; background:transparent url(images/nav/navStyle2.gif) no-repeat 0 0; }
.navStyle3 a { color:#ffc600; background:transparent url(images/nav/navStyle3.gif) no-repeat 0 0; }
.navStyle4 a { color:#ba87b7; background:transparent url(images/nav/navStyle4.gif) no-repeat 0 0; }
.navStyle5 a { color:#689900; background:transparent url(images/nav/navStyle5.gif) no-repeat 0 0; }
.navStyle6 a { color:#707070; background:transparent url(images/nav/navStyle6.gif) no-repeat 0 0; }

/* Second Level */
#mainNav ul .L2CMSListMenuUL  { margin-bottom:8px; }
.L2CMSListMenuUL a            { background:none; font-family:Verdana; font-size:10px; color:#448ccb; text-decoration:none; }
.L2CMSListMenuUL a:hover      { color:#929292; }
.L2CMSListMenuLinkHighlighted { font-weight:bold; }
.L2CMSListMenuUL li           { padding:4px 0 3px 17px; border:none; }

/* Third Level */
.L3CMSListMenuUL a            { background:none; font-family:Verdana; font-size:10px; color:#448ccb; text-decoration:none; }
.L3CMSListMenuUL a:hover      { color:#929292; }
.L3CMSListMenuLinkHighlighted { font-weight:bold; }
.L3CMSListMenuUL li           { padding:4px 2px 3px 12px; border:none; }

/*-------------------*/
/* Bottom Nav */
/*-------------------*/
#bottomNav         { float:left; display:inline; }
#bottomNav ul      { list-style:none; margin:0; padding:0; }
#bottomNav li      { float:left; padding:0 9px 2px 9px; border-right:solid 1px #FFFFFF; line-height:9px; }
#bottomNav li.CMSListMenuLIFirst, #bottomNav li.CMSListMenuHighlightedLIFirst { padding-left:0; }
#bottomNav li.CMSListMenuLILast, #bottomNav li.CMSListMenuHighlightedLILast { border:none; padding-right:0; }

#bottomNav a       { font-family:Verdana; font-size:10px; color:#FFFFFF; text-decoration:none; }
#bottomNav a:hover { text-decoration:underline; }

/***************************************/
/* Search */
/***************************************/
#search      { position:absolute; top:25px; right:0; width:235px; height:58px; background:transparent url(images/common/searchBG.gif) no-repeat; }
#search.home { top:104px; }
.searchBox   { margin:7px 0 0 16px; }
.lblSearch   { display:block; margin-bottom:5px; font-size:11px; font-weight:bold; color:#FFFFFF; }
.txtSearch
{
    width:175px; height:18px;
    border-top:solid 1px #6d6f70;
    border-bottom:solid 1px #d3d5d6;
    border-left:solid 1px #c9cbcc;
    border-right:solid 1px #c6c6c7;
    background:transparent url(images/common/searchBarBG.gif) repeat-x;
}
.btnSearch { vertical-align:top; }

.SearchResult { margin-bottom:7px; padding-bottom:7px; border-bottom:1px dashed #E5E5E7; }
.SearchDialog { margin-bottom:10px; }

/*******************************/
/* Font Sizer */
/*******************************/
#fontsizer 
{
  color: black;
  cursor: pointer;
  padding: 0;
  margin: 0;
  float:right;
}

#fontsizer a 
{
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.fontSizerSmaller { font-size:smaller; vertical-align:middle; }
.fontSizerLarger { font-size:medium; vertical-align:middle; }
.fontSizerNormal {font-size:larger; vertical-align:middle; }

/***************************************/
/* Modal */
/***************************************/
.jqmWindow {
    display: none;
    position: fixed; top: 17%; left: 50%;
    width: 544px; margin-left: -300px; /*padding: 12px;
    border: 1px solid black; background-color: #FFFFFF;*/
}

.jqmOverlay { background-color: #000000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/**************************************************/
/* Grid Wrapper */
/**************************************************/
.gridwrapper {}

/* header styles */
.header { position:relative; color:#fff; }
.header .outer { background:url(images/dialog/top-right.png) right no-repeat; padding-right:6px; }
.header .inner { background:url(images/dialog/top-left.png) left no-repeat; padding-left:9px; }
.header .content { height:35px; background:url(images/dialog/top-mid.png) repeat-x; }
.header .content H2 { float:left; font-size:12pt; line-height: 11pt; font-weight:bold; color:#fff; padding-top:10px; margin:0; }
.header .content a.jqmClose {
    display:block; float:right; 
    width:35px; height:0;
    margin:4px 4px 0 0; padding-top:25px;
    overflow:hidden; display:inline;
    background:transparent url(images/dialog/close.png) no-repeat 0 0;
 }
 .header .content a.jqmClose:hover { background:transparent url(images/dialog/close.png) no-repeat 0 -25px; }

/* dialog body styles */
.body .outer { background:url(images/dialog/right.png) right repeat-y; padding-right:7px; }
.body .inner { background:url(images/dialog/left.png) left repeat-y; padding-left:7px; }
.body .content {}  

/* dialog footer styles */
.footer {}
.footer .outer { background:url(images/dialog/bottom-right.png) right top no-repeat; padding-right:9px; }
.footer .inner { background:url(images/dialog/bottom-left.png) left top no-repeat; padding-left:9px; }
.footer .content { height:7px; background:url(images/dialog/bottom-mid.png) repeat-x; }

/*******************************/
/* Content */
/*******************************/
#content .general { padding:25px 20px 30px 28px; }
#content .general h1 { font-family:Georgia; font-size:17px; color:#6e6e6f; font-weight:bold; }

.video-thumbnail, .video-summary { width:465px; }
.video-thumbnail .t, .video-thumbnail .b { height:2px; background:transparent url(images/common/border.gif) repeat-x; }
.video-thumbnail .image { padding:8px 0 8px 0; }
.video-summary { padding-top:10px; }
.video-summary a.play {
    display:block; width:50px; height:16px; padding-left:24px; margin-top:10px;
    font-family:Tahoma; font-size:11px; color:#448ccb; text-decoration:none;
    background:transparent url(images/common/iconVideo.gif) no-repeat; 
}

.segment { float:left; margin:0 20px 0 28px; padding-bottom:30px; display:inline; }
.segment h2 { float:left; margin:0 7px 0 0; font-family:Tahoma; font-size:12px; color:#6e6e6f; font-weight:bold; display:inline; }

.segment .videoLink, .segment .audioLink, .segment .illustrationLink { float:left; }

.segment .videoLink a, .segment .audioLink a, .segment .illustrationLink a
{ display:block; float:left; height:16px; padding-left:24px; margin-right:10px; font-family:Tahoma; font-size:11px; color:#448ccb; text-decoration:none; }

.segment .videoLink a:hover, .segment .audioLink a:hover, .segment .illustrationLink a:hover
{ text-decoration:underline; }

.segment .videoLink a { background:transparent url(images/common/iconVideo.gif) no-repeat; }
.segment .audioLink a { background:transparent url(images/common/iconAudio.gif) no-repeat; padding-left:18px; margin-right:0; }
.segment .illustrationLink a { background:transparent url(images/common/iconIllustration.gif) no-repeat; }

.segment .audioPlayer { margin-right:10px; }

.segment .description { float:left; width:100%; line-height:17px; }

/*******************************/
/* Glossary */
/*******************************/
.glossaryheader { font-family:Georgia; color:#6e6e6e; font-size: 17px; margin:20px 20px 0 28px; padding-bottom:30px;}
.glossary { margin:0 20px 0 28px; padding-bottom:30px;}
.glossary h2 { margin:15px 7px 0 0; font-family:Tahoma; font-size:12px; color:#6e6e6f; font-weight:bold; float:left}
.glossary .illustrationLink { float:left; margin:15px 7px 0 0;}

.glossary .illustrationLink a
{ display:block; height:16px; padding-left:24px; margin-right:10px; font-family:Tahoma; font-size:11px; color:#448ccb; text-decoration:none; }

.glossary .illustrationLink a:hover
{ text-decoration:underline; }

.glossary .illustrationLink a { background:transparent url(images/common/iconIllustration.gif) no-repeat; }
.glossary .definition 	{ display:block; width:100%; line-height:17px; float:left}

/*******************************/
/* Glossary Index*/
/*******************************/
.glossaryIndex 			{ background-color:#e3e885; width:100%;height:217px; margin:1px 0 0 0; border-top:thin solid #cedb6a; border-bottom:thin solid #cedb6a; font-size:11px; color:#689900; }
.glossaryIndex h2 { margin:18px 0 -5px 18px; font-family:Georgia; font-size:13px; color:#606061; font-weight:bold;}

.glossaryIndex ul		{ margin:10px 0 -5px 35px; padding:0 0 0 0em;}
.glossaryIndex li      	{ padding:3px 0 0 0; line-height:17px;}
.glossaryIndex  a       { font-family:Tahoma; font-size:11px; color:#689900; text-decoration:none;}
.glossaryIndex  a:hover { text-decoration:underline; }
.gCMSListMenuLinkHighlighted { text-decoration:underline;}

/*******************************/
/* Tips */
/*******************************/
.tip { padding:44px 0 0 0; font-family:Georgia; font-size:15px; color:#606061;}
.tipMain { float:left; padding:7px 18px 0 18px; background-color:#e3e885; border-bottom:2px solid #cedb6a; width:194px}
.tipHeader { font-weight:bold }
.tipBody { padding:0 0 30px 0px; }

/*******************************/
/* Related Docs */
/*******************************/
.relatedDocs        { float:left; display:inline; padding:0 0 20px 0; width:230px; margin:30px 0 0 0; background-color:#e3e885; border-top:thin solid #cedb6a; border-bottom:thin solid #cedb6a; color:#689900;}
.relatedDocs h2   { margin:18px 0 -5px 18px; font-family:Georgia; font-size:13px; color:#606061; font-weight:bold;}
.relatedDocs  a     { font-family:Tahoma; font-size:11px; color:#689900; text-decoration:none;}
.relatedDocs ul		{ margin:10px 0 -5px 35px;padding:0 0 0 0em;}
.relatedDocs li   { padding:3px 0 0 0; line-height:17px;}
.relatedDocs  a:hover { text-decoration:underline; }


/*******************************/
/* Printable List */
/*******************************/
.listheader { font-family:Georgia; color:#6e6e6e; font-size: 17px; margin:20px 20px 0 28px; padding-bottom:20px;}
.pdfdoc .pdflink a { display:block; height:12px; padding:10px 0 20px 50px; margin-right:10px; font-family:Tahoma; font-size:12px; color:#448ccb; font-weight:bold;text-decoration:none; }
.pdfdoc .pdflink a { background:transparent url(images/common/iconPDF.gif) no-repeat; }
.pdfdoc { margin:0 20px 0 25px; }


#dueDateCalendar { width:467px; }
#dueDateCalendar .t, #dueDateCalendar .b { height:2px; background:transparent url(images/common/border.gif) repeat-x; }
#dueDateCalendar .t { margin-bottom:8px; }
#dueDateCalendar .b { margin-top:8px; }