/* hot pink: DD3099 
light purple: CBC6E1
dark purple: A185AE
blue: 00AAE7
links: 2C8CB6
light pink: FFCCFF
*/

body { background-color: white; font-family: arial,helvetica,clean,sans-serif; font-size: 13px; text-align: center; scrollbar-face-color: #D4D0C8; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #D1D7DC; scrollbar-darkshadow-color: #98AAB1; scrollbar-shadow-color: #DEE3E7; scrollbar-arrow-color: #330000; scrollbar-track-color: #EFEFEF; text-align:center; color:#333; direction:ltr;}

body * {line-height:1.22em;}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img,hr {margin:0;padding:0;}

table {font-size:inherit;font:100%;}

select,input,textarea {font:99% arial,helvetica,clean,sans-serif;}

.quicksmall select { font-size: 11px; color: #404040; width: 100px; }
.searchsmall select { font-size: 11px; color: #404040; width: 100px; }

.ftform select { font-size: 11px; color: #404040; width: 190px; *padding:2px;}
.ftform input { font-size: 11px; color: #404040; padding-left:2px;}
.ftform input.button {color:#00AAE7;padding:0px 3px 0px 3px;}
.ftform input.btn { margin-top: 15px; }

.quick select { font-size: 11px; color: #404040; width: 190px; }
.quick input { font-size: 11px; color: #404040; width: 190px; }
.quick input.btn { margin-top: 15px; }

.search input { margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 132px; font-weight: bold; }
.search select { font-size: 11px; color: #404040; width: 190px; }

.center {text-align:center;}

.error { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #D8238F;}
.button { border: 2px solid #00AAE7; color: #00AAE7; font-weight:bold; background-color:white;margin-top:5px;margin-bottom:5px;}

.red {color:red;font-style:italic;}
.bold {font-weight:bold;}
/* removed per Troy/Karen */
/* .italic {font-style:italic;}
.normalweight {font-weight:normal}
 */
 .italic2 {font-style:italic;}

img,fieldset {border:0;}

ul,ol {list-style:none;}

legend {height:0;font-size:0;}

label {cursor:pointer;cursor:hand;}

em {font-style:normal;}
.i {font-style: italic}

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #00AAE7; /*#483D76;*/ padding-top: 3px; margin-bottom: 12px; text-decoration:none; text-align:left;}

h1.big {font-size: 25px; font-variant: small-caps; }

p.big  {font-size: 17px;}

h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #330000; margin: 3px 0px 6px 0px; text-align:left;}

h3 { background-color:#C2DDEB; /*  light sea */ font:bold 122% arial; color:#0093CA; /*2C8CB6*/ text-align:center; }

h4 { font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 5px;text-align:center; }

h5 { font-size: 12px; font-weight: normal; margin-top: 5px; text-align:left; }
h6 { font-size: 10px; font-weight: normal; margin: 0px 5px 7px 5px; text-align:left; }

hr { height:2px; border:none; color:#00AAE7;background-color:#00AAE7; }
.new { color: #D8238F; font-style: italic; font-weight: bold; }

.copyright { font-size:10px;}

/* structure container div is used to create a relative center for rest of divs */
#structure { position: relative; width: 972px; margin: 0 auto; text-align:left; background-color: #CBC6E1;}

/* container div - used to keep page content with footer together, after header */
table.body {width: 972px;}

table.body td {vertical-align: top;}

/* table is used to keep left nav and page content the same height */
table.magbody {table-layout:fixed; width: 972px; text-align:left;}

table.magbody tr {text-align:left;}

#booktrip, #booktrip table, #booktrip input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}

/* ************************************************* */
/*                      Header                       */
/* ************************************************* */

#magheader {position:relative; background-repeat: repeat-x; width: 972px; height: 175px; *height: 170px; text-align: right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}

#maglogo {position:absolute; left: 8px; top: 10px; text-align: left;}

#issuedate { position:absolute; left: 150px; top: 120px; text-align: right; color: white; font-weight:bold; text-transform: uppercase;}

#magacctoptions {position:absolute; left: 8px; top: 10px; width: 954px; height: 25px; text-align: right; padding: 2px 2px 2px 2px; color: lightGrey;}
#magacctoptions img {vertical-align:middle;}

#topglad {position:absolute; left: 491px; top: 40px; width: 468px; height: 70px; text-align: right; padding: 2px 2px 2px 2px;}

#topnavlinks {position:absolute; left: 0px; top: 139px; width: 972px; text-align: left; z-index: 1000;}

#topsearch {position:absolute; right: 5px; top: 56px; width:300px;}
#topsearch input {border: 2px solid #FFCCFF;color: #DD3099;background-color:#FFFFF2;}

/* Account Option Anchors: white with no border when inactive, orange with orange border on hover */
#magacctoptions a:link { color: yellow; text-decoration: none; }

#magacctoptions a:hover { color: yellow; text-decoration: underline; }

#magacctoptions a:visited { color: yellow; text-decoration: none;}

#magacctoptions a:visited:hover { color: yellow; text-decoration: underline;}

/* ************************************************* */
/*                       Tabs                        */
/* ************************************************* */

/*
div - ids left,  middle or right
div - class colpadding
div - ids nav, products or poll, class md
div - class hd or hd2, and class tabs
ul
li - class on or off, and first or last
em
a
span - class pipe
*/

.md { background-color:#fff; border:1px solid #b0bec7; position:relative;background-color:#FFFFF2;}

.tabs { padding:0; }

.hd,.hd2 { position:relative; margin:-1px -1px 0;}

.hd { color:#2C8CB6; border:1px solid #b0bec7; border-bottom:1px solid #93a6b4; background-color:#00A5CA; /* 81B8D6 sea */}
.hd2 { /* border:1px solid #b0bec7; */ border-bottom:1px solid #93a6b4; background-color:#FFFFF2; /* sand */}
.hd li.on em  { border-right:1px solid #91a7b4; border-top:1px solid #778a98; border-bottom:1px solid #fff; background-color:#FFFFF2; /* sand */}

.hd li.first em,.hd2 li.first em { border-left:none;}
.hd li a { font-weight:bold; color:white; text-decoration:none;}
.hd2 li a { color:#2C8CB6;}
.hd li.on a, .hd2 li.on a {  color:red;}
a {color:#2C8CB6;}
a:link,a:visited {text-decoration:none;}

#nav div.off {display:none;}
#nav div.on {display:inherit;}

#nav .fab a:visited,
#products .fab a:visited {color:#69789C;}

a:hover {text-decoration:underline;}

.on a:hover {text-decoration:none;}
.off a:hover {text-decoration:underline;}

ol:after, ul:after, .md:after, .hd:after, .hd2:after, .list:after, .list2:after, .list3:after, .list4:after, .list5:after, #tabs:after { content:"."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden;}

ol, ul, dl, .md, .hd, .hd2, .fab, #tabs {zoom:1;*height:1px;}

.hd h2, .hd2 h2 { position:relative; font:bold 100% arial; padding:1px 11px; border-bottom:1px solid #fff; }

.hide .fab {display:none;}

.hd ul, .hd2 ul { position:relative; width:100%; border-bottom:1px solid #fff;}

.hd ul li, .hd2 ul li { position:relative; float:left; }

.hd li em,.hd2 li em { position:relative; display:block; width:99%; *width:100%; min-height:18px; padding:4px 0 0px; margin-right:-1px; border-right:0;}

.hd li a, .hd2 li a { display:block; outline:none; text-align:center; white-space:nowrap; z-index:50; padding:1px; margin-top:-1px;}

.hd li .pipe { background-color:#788a98; border-right:1px solid #fff; /* white */ display:block; position:absolute; top:1px; right:-1px; height:22px; width:1px; *width:2px;}

.hd li.on,.hd2 li.on { z-index:60; margin-bottom:-1px;}
.hd li a { font:bold 92% arial;}
.hd2 li a { font:normal 92% arial;}
.hd li.on a { font-weight:bold;}
.hd li.off a { font-weight:bold; }
.hd li.last .pipe {visibility:hidden;}

#nav .hd ul {width:100%;}
#nav .hd ul li {width:25%;}

#nav .hd2 ul li {min-width:1%;*width:1%;padding: 0 13 0 13;}


/* ************************************************* */
/*                       MAIN                        */
/* ************************************************* */
#main {float:left; /*min-height:725px;*height:835px;*/}

/* ************************************************* */
/*                       LEFT                        */
/* ************************************************* */
#left { float:left; width:323px; *width:330px; height:100%; border-bottom:5px solid #CBC6E1; border-left:7px solid #CBC6E1; /*  light blue */ background-color: #FFFFF2; /* sand */}
#left .md {border:none;}
#left img.big { height:331px;*height:329px;width:310px;}

#left #featurepic {position:relative;height:331px;*height:329px;width:310px; z-index:-1;}
#left #featurepic div {color:white; font-size: 36px;font-weight:bold;text-align:right; margin-right:5px;cursor: hand;}
#left #featurepic div span.section1 {font-size: 26px;font-weight:bold;}
#left #featurepic div span.section2 {font-size: 36px;font-weight:bold;}
#left #featurepic a {width:310px;height:331px;cursor: hand;}

#left .thisissue li { margin-top:5px;}
#left .thisissue ul { margin:5px;}
#left .thisissue a {font-weight:bold;}

#left h3 { width:100%; }

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

#left div.inthisissuesec {width:100%;height:72px;*height:72px;border-bottom:3px solid #C2DDEB;}
#left div.inthisissuesec #pic {float:left;margin:0px; padding:0px;}
#left div.inthisissuesec #byline {float:left;margin:0px; padding:0px;margin-left:3px;width:244px;*width:243px;}
#left div.inthisissuesec2 {width:100%;height:72px;*height:72px;/*border-bottom:3px solid #C2DDEB;*/}
#left div.inthisissuesec2 #pic {float:left;margin:0px; padding:0px;}
#left div.inthisissuesec2 #byline a {text-transform:capitalize}
#left div.inthisissuesec2 #byline {float:left;margin:0px; padding:0px;margin-left:3px;width:314px;*width:313px;}

#left .poll ul {margin: 5px 5px 5px 5px;}
#left .poll li { margin-top:5px; *margin-top:0px;width:100%;}
#left .poll input {*margin-top:-2px;}
#left .poll input.button {margin:5px;}
#left .poll div.pollresult  {margin:0px 5px 0px 5px; border:1px solid gray;background-color:white;}
#left .poll h5, #left #poll h5 a {margin-left:5px;}
#left .poll div.answer {float:left;width:275px;}
#left .poll li:after { content:"."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden;}

#left a {color: #2C8CB6;}

/* ************************************************* */
/*                      MIDDLE                       */
/* ************************************************* */
#middle { float:left; width:325px; *width:330px; height:100%; border-bottom:5px solid #CBC6E1; border-left:7px solid #CBC6E1; /*  light blue */ background-color: #FFFFF2; /* sand */}
#middle .md {border:none;}
#middle img.big { height:331px;*height:329px;width:310px;}

#middle #featurepic {position:relative;height:331px;*height:329px;width:310px; z-index:-1;}
#middle #featurepic div {color:white; font-size: 36px;font-weight:bold;text-align:right; margin-right:5px;cursor: hand;}
#middle #featurepic div span.section1 {font-size: 26px;font-weight:bold;}
#middle #featurepic div span.section2 {font-size: 36px;font-weight:bold;}
#middle #featurepic a {width:310px;height:331px;cursor: hand;}

#middle .thisissue li { margin-top:5px;}
#middle .thisissue ul { margin:5px;}
#middle .thisissue a {font-weight:bold;}

#middle h3 { width:100%; }

#middle div.float {float:left;margin:0px; padding:0px;}

#middle div.inthisissuesec {width:100%;height:72px;*height:72px;border-bottom:3px solid #C2DDEB;}
#middle div.inthisissuesec #pic {float:left;margin:0px; padding:0px;}
#middle div.inthisissuesec #byline {float:left;margin:0px; padding:0px;margin-left:3px;width:244px;*width:243px;}
#middle div.inthisissuesec2 {width:100%;height:72px;*height:72px;/*border-bottom:3px solid #C2DDEB;*/}
#middle div.inthisissuesec2 #pic {float:left;margin:0px; padding:0px;}
#middle div.inthisissuesec2 #byline a {text-transform:capitalize}
#middle div.inthisissuesec2 #byline {float:llefteft;margin:0px; padding:0px;margin-left:3px;width:314px;*width:313px;}

#middle .poll ul {margin: 5px 5px 5px 5px;}
#middle .poll li { margin-top:5px; *margin-top:0px;width:100%;}
#middle .poll input {*margin-top:-2px;}
#middle .poll input.button {margin:5px;}
#middle .poll div.pollresult  {margin:0px 5px 0px 5px; border:1px solid gray;background-color:white;}
#middle .poll h5, #middle #poll h5 a {margin-left:5px;}
#middle .poll div.answer {float:left;width:275px;}
#middle .poll li:after { content:"."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden;}

#middle a {color: #2C8CB6;}

/* ************************************************* */
/*                       WHOLE                       */
/* ************************************************* */
#whole { float:left; width:635px; *width:661px; min-height:1217px; padding:10px; *height:1263px; border-bottom:5px solid #CBC6E1; border-left:7px solid #CBC6E1; /*  light blue */ background-color:#FFFFF2; /* light sand */}
#whole .md {border:none;}
#whole a { text-decoration: underline;}
#whole img.float {float:left;margin-right:5px;}
#whole div.float {float:left;margin-right:5px;}
#whole div.floatright {float:right;text-align:right;}
#subnav2 {margin-bottom:15px;}

/* #whole ul {list-style-image: url('/images/li.gif')} */
#whole ul li { margin:5px 5px 5px 15px; list-style-position: outside }

#whole ol li { margin:0 30px 30px 30px; list-style-type:decimal; list-style-position: outside }

#whole p {margin-bottom:10px;}
#whole .line { margin-top:10px; }

#whole #feature h1 { margin: 0; font-size: 25px; font-variant: small-caps; font-weight: bold; padding-top: 10px;}
#whole #feature h2 { margin: 0; font-size: 16px; font-variant: small-caps; font-weight: bold; padding-bottom: 5px;}
#whole #feature h3 { margin: 0; font-size: 14px; font-weight: bold; padding-bottom: 5px;background-color:#FFFFF2; border-bottom:2px solid #91a7b4;;}

.top {background: transparent url('/v2images/li3.gif') no-repeat scroll left center; padding-left: 10px; margin-left: 0px;}
.firstletter { color:#00A5CA; font-size: 34px; margin-top:-5px; margin-bottom:-5px; float: left;}

#whole div.column {float:left; width:229px;*width:232px;margin-bottom:10px;}
#whole div.column div div {float:left;width:180px; *width:200px;padding-left: 2px;}
#whole div.column div div div {float:left; padding-left:17px; text-indent: -17px; }

#whole .pagemap {margin-top:10px;}
#whole .pagemap ol li { margin:0 30px 0px 30px;}
#whole .pagemap h2 {text-align:left;}

#rtsites {width:100%; margin-bottom:10px;}
#rtsites div.half {width:225px;float:left;}

#fgform p {font-size:11px;margin:0px 0px 0px 5px;}
#fgform img {margin-top:15px;}

#fgform {width:100%;}
#fgform div.ftform {width:100%;font-size:11px;text-align:left;}
#fgform div.ftform div.line {width:100%;}
#fgform div {float:left}

#fgform div.pd {margin-right:7px;}
#fgform div.pd2 {margin-right:2px;}
#fgform div.spd {margin-right:2px;}

#fgform select, #fgform input  {width:100%;}
#fgform input {padding-left:2px;}
#fgform #brochure input  {width:15px;}

#fgform div.half {width:231px;}
#fgform div.half2 {width:225px;}
#fgform div.tl {width:71px;}
#fgform div.fn, #fgform div.ln {width:167px;}
#fgform div.mi {width:41px;}
#fgform div.co {width:140px;}
#fgform div.zp {width:81px;}
#fgform div.mn {width:469px;}
#fgform div.cn  {width:130px;}
#fgform div.ex select.mo {width:37px;}
#fgform div.ex select.yr {width:49px;}

#fgform div.ft {width:100%; text-align:center; }
#fgform div.on {background-color: #CBC6E1;}
#fgform div.off {*height:1%; background-color: #FFFFF2;}
#fgform input.on {background-color: #CBC6E1;}
#fgform input.off {background-color: white;}
#fgform select.on {background-color: #CBC6E1;}
#fgform select.off {background-color: white;}

#composer input.on {background-color: #CBC6E1;}
#composer input.off {background-color: white;}
#composer textarea.on {background-color: #CBC6E1;}
#composer textarea.off {background-color: white;}

#freeoti div.half {width:231px;}
#freeoti {width:100%;}
#freeoti div.ftform {width:100%;font-size:11px;text-align:left;}
#freeoti div.ftform div.line {width:100%;}
#freeoti div {float:left}
#freeoti div.pd {margin-right:7px;}

#fgform2 {width:100%;}
#fgform2 div.ftform {width:100%;font-size:11px;text-align:left;border:1px solid #DD3099;margin-bottom:5px;padding:5px;}
#fgform2 div.ftform div.line {width:100%;}
#fgform2 div.ftform div {text-align:left; float:left}

#fgform2 div.pd {margin-right:7px;}
#fgform2 div.pd2 {margin-right:2px;}
#fgform2 div.spd {margin-right:2px;}

#fgform2 select, #fgform2 input  {width:100%;}
#fgform2 input {padding-left:2px;}
#fgform2 input.button {width:35px;}
#fgform2 #brochure input  {width:15px;}

#fgform2 div.half {width:231px;}
#fgform2 div.half2 {width:225px;}

.list, .list2, .list3, .list4, .list5 { margin-bottom:5px; }
#whole .list ul, #whole .list2 ul, #whole .list3 ul, #whole .list4 ul, #whole .list5 ul { margin:5px 0px 5px 0px;border:1px solid #CBC6E1;padding:5px 0px 5px 5px;width:625px; *width:630px;}
#whole .list ul li, #whole .list2 ul li, #whole .list3 ul li, #whole .list4 ul li, #whole .list5 ul li {float:left; list-style:none;margin:0;padding:0; padding-right:15px;}

#whole .list ul li { width:136px;*width:154px;}
#whole .list2 ul li { width:294;*width:311px;}
#whole .list3 ul li { width:189;*width:206px;}
#whole .list4 ul li { width:99;*width:115px;}
#whole .list5 ul li { width:105;*width:121px;}

.list li a, .list2 li a, .list3 li a, .list4 li a, .list5 li a { display:block; outline:none; text-align:left; z-index:50; font:normal 92% arial; padding-left: 10px; margin-left: 0px;}


#whole .thisissue li { margin-top:5px;}
#whole .thisissue ul { margin:5px;}
#whole .thisissue a {font-weight:bold;}
#whole div.inthisissuesec {width:100%;height:72px;*height:72px;border-bottom:3px solid #C2DDEB;}
#whole div.inthisissuesec #pic {float:left;margin:0px; padding:0px;}
#whole div.inthisissuesec #byline {float:left;margin:0px; padding:0px;margin-left:3px;width:244px;*width:243px;}
#whole div.inthisissuesec2 {width:100%;height:72px;*height:72px;border-bottom:3px solid #C2DDEB;}
#whole div.inthisissuesec2 #pic {float:left;margin:0px; padding:0px;}
#whole div.inthisissuesec2 #byline a {text-transform:capitalize}
#whole div.inthisissuesec2 #byline {float:left;margin:0px; padding:0px;margin-left:3px;width:314px;*width:313px;}


/* ************************************************* */
/*                      RIGHT                        */
/* ************************************************* */
#right { float:left; position:relative; width:262px; *width:267px; border-left:5px solid #CBC6E1; /*  light blue */  }
#right { float:left; position:relative; width:300px; *width:305px; border-left:5px solid #CBC6E1; /*  light blue */  }
#right .colpadding {border-left:5px solid #CBC6E1; /* light blue */}
#right .md {margin:0 0 10px;}
#right h3 {background-color:white; border-bottom:1px solid #93a6b4; padding:5px;}
a img.btn {margin-top:15px; }

#right #freereg ul { margin-left:10px }
#right #freereg ul li { margin:5px 5px 5px 15px; list-style-position: outside }

#freereg p {font-size:11px;margin:0px 5px 0px 5px;}
#freereg img {margin-top:5px;}
#freereg div.ftform {font-size:11px;width:100%;}
#freereg div.ftform div.line {width:100%;}

#freereg div {float:left}

#freereg div.tl, #freereg div.fn, #freereg div.mi, #freereg div.cc, #freereg div.a1, #freereg div.ct, #freereg div.co, #freereg div.zp {margin-right:3px;}

#freereg div.tl select {width:50px;}
#freereg div.fn input, #freereg div.ln input {width:83px; *width:82px;}
#freereg div.mi input {width:21px;}
#freereg div.a2 input, #freereg div.cc select, #freereg div.a1 input, #freereg div.ct input, #freereg div.sp select, #freereg div.em input {width:140px;}
#freereg div.co select {width:75px;}
#freereg div.zp input {width:43px;}
#freereg div.ft {width:100%; text-align:center; }

#freereg div.on {background-color:#CBC6E1;}
#freereg div.off {background-color: #FFFFF2;}
#freereg input.on {background-color:#CBC6E1;}
#freereg input.off {background-color: white;}
#freereg select.on {background-color:#CBC6E1;}
#freereg select.off {background-color: white;}
#freereg .ftform { background-color #FFFFF2; /* sand */ }
#freereg .ftform {padding:5px;}

#freereg .ftform .radio input {width:20px}

#products { min-height:320px; *height:320px;}
#products .hd ul li {width:25%;*width:24.9%;}
#products .hd2 ul li {min-width:1%;*width:1%;padding: 0 15 0 15;}
#products .fab, #products .fab div {text-align:center; min-height:164px; *height:154px;}

#products .hd #fabtab1.on em { background-color:#DD3099; }
#products .hd #fabtab2.on em { background-color:#DD3099; }
#products .hd #fabtab3.on em { background-color:#DD3099; } /*41A4DC*/
#products .hd #fabtab4.on em { background-color:#DD3099; } /*E1B89B 43B5F1 */
#products .hd #fabtab5.on em { background-color:#DD3099; }

#products .hd .on em a {color:white;}

#products .fab a, #products .fab a:visited {color:black; }
#products .fab #fab1 a, #products .fab #fab1 a:visited,
#products .fab #fab3 a, #products .fab #fab3 a:visited,
#products .fab #fab5 a, #products .fab #fab5 a:visited {color:white; }

#products .fab #fab1 { background-color: white; height:250px; }
#products .fab #fab2 { background-color: white; height:250px; }
#products .fab #fab3 { background-color: white; height:250px; }
#products .fab #fab4 { background-color: white; height:250px; }
#products .fab #fab5 { background-color: white; height:250px; }

#products .fab { background-color #FFFFF2; /* sand */ }

/* fix below so amazon works */
#products .fab div.hide {display:none;}
#products .fab div.show {display:block;}

#brochure div {margin:0;padding:0;}
#brochure div div {width:100%;}
#brochure div div input {position:relative;float:left; padding:0; margin-right:2px;vertical-align:top;}
#brochure div div div {width:92%;position:relative;float:left;vertical-align:bottom;margin-top:1px;*margin-top:2px;}

div.rightad {margin-bottom:6px;}

/* ******************************************************************************** */
/*                                        MENU                                      */
/* ******************************************************************************** */
.leftMenu { text-align: left; }
.centerMenu { text-align: center;}
.rightMenu { text-align: right; }

a.MenuLabelLink {display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #b0bec7; border-left: 1px solid #00A5CA; font-size: 12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None; margin: 0px; padding: 3px 0 3px 0; }
a.MenuLabelLink:link {display: block; color: #e0e0e0;  width:100%; height:100%; border:1px solid #b0bec7; border-left: 1px solid #00A5CA; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None;margin: 0px; padding 3px 0 3px 0; }
a.MenuLabelLink:visited {display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #b0bec7; border-left: 1px solid #00A5CA; ffont-weight:bold; ont-family: Arial, Helvetica, sans-serif; text-decoration: None; margin: 0px; padding: 3px 0 3px 0;}
a.MenuLabelLink:hover{display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #b0bec7; border-left: 1px solid #00A5CA; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None; margin: 0px; padding: 3px 0 3px 0;}

a.MenuLabelLinkOn {display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #91a7b4; border-top:1px solid #778a98;  border-bottom:1px solid #778a98;  font-size: 12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None; margin: 0px; padding: 3px 0 3px 0; }
a.MenuLabelLinkOn:link {display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #91a7b4; border-top:1px solid #778a98;  border-bottom:1px solid #778a98; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None;margin: 0px; padding: 3px 0 3px 0; }
a.MenuLabelLinkOn:visited {display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #91a7b4; border-top:1px solid #778a98;  border-bottom:1px solid #778a98; font-weight:bold;  font-family: Arial, Helvetica, sans-serif; text-decoration: None;margin: 0px; padding: 3px 0 3px 0; }
a.MenuLabelLinkOn:hover {display: block; color: #e0e0e0; width:100%; height:100%; border:1px solid #91a7b4; border-top:1px solid #778a98;  border-bottom:1px solid #778a98; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None;margin: 0px; padding: 3px 0 3px 0; }

a.MenuItemLink { color: #e0e0e0; width:100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: None; margin: 0px; padding: 3px; }
a.MenuItemLink:link { color: #e0e0e0; width:100%; font-family: Arial, Helvetica, sans-serif; text-decoration: None; }
a.MenuItemLink:visited { color: #e0e0e0; width:100%; font-family: Arial, Helvetica, sans-serif; text-decoration: None; }
a.MenuItemLink:hover { color: #e0e0e0; width:100%; font-family: Arial, Helvetica, sans-serif; text-decoration: None; }

a.MenuItemLinkOn { color: white; width:100%; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: None; margin: 0px; padding: 3px; }
a.MenuItemLinkOn:link { color: white; width:100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None; }
a.MenuItemLinkOn:visited { color: white; width:100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None; }
a.MenuItemLinkOn:hover { color: white; width:100%;font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: None; }

.myMenu { position: absolute; visibility: hidden; overflow: visible; z-index: 50000;}

.myMenuLabelleft { padding: 0; text-align: left; }
.myMenuLabelcenter { padding: 0; text-align: center; }
.myMenuLabelright { padding: 0; text-align: right; }
.myMenuItemleft { padding: 0; text-align: left; }
.myMenuItemcenter { padding: 0; text-align: center; }
.myMenuItemright { padding: 0; text-align: right; }


#topnavlinks {
  padding: 2px 0px 2px 0px;
  z-index: 10000;
}
/*
#topnavlinks td {color: DimGray;}
#topnavlinks span.MenuLabelLinkOn {color: red;}

*/
#topnavlinks table {width: 100%;}
#inthisissue {z-index:-1;}


/* ******************************************************************************** */
/*                                  MessageBoard CSS                                */
/* ******************************************************************************** */

.FGTable { border: 1px solid #AFA8D2; font-family:Arial; font-size:12px; border-collapse:collapse; width: 620px; color: #330000;}
.FGTable th { background-color: #CBC6E1; font-weight:bold; text-align: left; white-space: nowrap; color: #330000; padding: 4px;}
.FGTable td { text-align: left; padding: 4px; border: 1px solid #AFA8D2;}

.MBAdd { padding: 5px; background-image: url('/images/backgrounds/S-LP.jpg'); background-repeat: repeat-x; background-color: #F4F1EC; width: 580px; text-align: center;}
.MBAdd h2 {text-align:center;}

ul { list-style-image: url('/images/purpleheart.gif'); list-style-type: circle;}

/* ******************************************************************************** */
/*                               Fertility Chart CSS                                */
/* ******************************************************************************** */

#Chart { overflow-x: auto; width: 600px; padding-bottom:25px; scrollbar-position:top;}

.FCTable { border: 1px solid #AFA8D2; font-family:Arial; font-size:12px; border-collapse:collapse; width: 600px; color: #330000;}

.FCTable th { background-image: url('/images/NavTops/LS-LP.jpg'); background-repeat: repeat; font-weight:bold; text-align: left; white-space: nowrap; color: #330000; padding: 4px; border: 1px solid #AFA8D2;}
.FCTable td { border: 1px solid #AFA8D2; text-align: center; padding: 1px; font-size: 9px; white-space: nowrap;}
.FCTable td.spanrow { border-bottom: 0px; border-top: 0px;}
.FCTable td.bb { border-bottom: 1px solid #AFA8D2;}
.FCTable td.bt { border-top: 1px solid #AFA8D2;}
.FCTable td.period { background-color: #F8DEE0;}
.FCTable tr.row {
        h: expression(onmouseover=new Function("this.style.backgroundColor='#DFDCED';"),
                       onmouseout=new Function("this.style.backgroundColor='#FFFFFF';"));
    }

#whole .FCTable a {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#330000;text-decoration:none;width:100%;}
.FCTable a:hover {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#D8238F;text-decoration:none;width:100%;;} /* background-color:#D8238F */
.FCTable a:visited {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#330000;text-decoration:none;width:100%;}
.FCTable a:visited:hover {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#D8238F;text-decoration:none;width:100%;}
.FCTable a.selected {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#330000;text-decoration:none;width:100%;}
.FCTable a.selected:hover {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#D8238F;text-decoration:none;width:100%;}
.FCTable a.selected:visited {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#330000;text-decoration:none;width:100%;}
.FCTable a.selected:visited:hover {font-family: Arial, Helvetica, sans-serif;font-size:9px;color:#D8238F;text-decoration:none;width:100%;}
.FCTable td.nextCycle { border-left: 2px solid #D8238F; }

.HappySad { background-image: url('/images/happy.gif'); background-color:red;}

.PeriodDay1 { background-color: #F8DEE0;}
.PeriodDay2 { background-color: #F2BDC0;}
.PeriodDay3 { background-color: #F1B6B9;}
.PeriodDay4 { background-color: #EFABAE;}
.PeriodDay5 { background-color: #EDA3A7;}
.PeriodDay6 { background-color: #EC9B9F;}
.PeriodDay7 { background-color: #EB9498;}
.PeriodDay8 { background-color: #E98B8F;}
.PeriodDay9 { background-color: #E88287;}
.PeriodDay10 { background-color: #E77C82;}
.PeriodDay11 { background-color: #E6757A;}
.PeriodDay12 { background-color: #E47076;}

.FertileDay1 { background-color: #E3FAE2;}
.FertileDay2 { background-color: #BFF3BB }
.FertileDay3 { background-color: #AAEFA5 }
.FertileDay4 { background-color: #8CEB87 }
.FertileDay5 { background-color: #76E56D }
.FertileDay6 { background-color: #67E25E }
.FertileDay6u { background-color: #67E25E; background-image: url('/images/unrecordedovulation.gif'); background-position: center; background-repeat: no-repeat}
.FertileDay6r { background-color: #67E25E; background-image: url('/images/recordedovulation.gif');background-position: center; background-repeat: no-repeat}
.FertileDay7 { background-color: #E3FAE2;}
.FCTable td.FertileDay1 {border-left: 2px solid #67E25E;}
.FCTable td.FertileDay7 { border-right: 2px solid #67E25E; }
      
.Trimester1 { background-color: #E2E2F3;}
.Trimester2 { background-color: #C9C9E9;}
.Trimester3 { background-color: #B4B4E0;}

.FCTable td.coverline { border-top: 2px solid #D8238F; }


#sudoku table.puzzle { border: 2px solid #D8238F; }
#sudoku table.puzzle table.square { border: 2px solid #D8238F; border-collapse: separate; empty-cells: show; }
#sudoku table.square td { border: 1px solid #D8238F; }
#sudoku table.square span { height: 49px; width: 49px; font-size: 15px; font-weight:bold; padding: 0px; margin: 0px;}
#sudoku td.ToPlay { border: 2px solid white;}
#sudoku span { padding: 0px;margin: 0px;}
#sudoku .ToPlay span {height: 49px;width: 49px;background: white;color: white;font-weight:bold;font-size: 14px;border: 2px solid white;}
#sudoku .corner { background-image: url('/images/corner.gif');background-repeat: no-repeat;margin: 0px;height:19px;width:18px;}
#sudoku span.box1 {background-image: url('/images/celebrity-mommies-sudoku1.jpg');margin: 0px;}
#sudoku span.box2 {background-image: url('/images/celebrity-mommies-sudoku2.jpg');margin: 0px;}
#sudoku span.box3 {background-image: url('/images/celebrity-mommies-sudoku3.jpg');margin: 0px;}
#sudoku span.box4 {background-image: url('/images/celebrity-mommies-sudoku4.jpg');margin: 0px;}
#sudoku span.box5 {background-image: url('/images/celebrity-mommies-sudoku5.jpg');margin: 0px;}
#sudoku span.box6 {background-image: url('/images/celebrity-mommies-sudoku6.jpg');margin: 0px;}
#sudoku span.box7 {background-image: url('/images/celebrity-mommies-sudoku7.jpg');margin: 0px;}
#sudoku span.box8 {background-image: url('/images/celebrity-mommies-sudoku8.jpg');margin: 0px;}
#sudoku span.box9 {background-image: url('/images/celebrity-mommies-sudoku9.jpg');margin: 0px;}
#sudoku span.boxC {background-image: url('/images/celebrity-mommies-sudokuC.jpg');margin: 0px;}
#sudoku span.boxP {background-image: url('/images/celebrity-mommies-sudokuP.jpg');margin: 0px;}
#sudoku .puzzlerplanetrightbody {width: 100x;}
#sudoku .puzzlerplanetpagebody {width: 408px;}

/* ******************************************************************************** */
/*                                  Login Form CSS                                  */
/* ******************************************************************************** */
#loginFormWrapper { width: 100%; text-align: center;}
#loginForm { border:1px solid #DD3099; padding:10px; position: relative; width: 250px; margin: 0 auto; text-align:left; background-color: white; text-align: center; margin-bottom: 20px;}
#loginForm h2 {text-align:center;}
.loginForm input.txt { width: 120px;}
.loginForm input.check { width: 10px;}
.loginForm input.button { width: 65px;}

#tree {float:left;width:200px;}
#helptopic1 {float:left;width:410px;display:none;}
#helptopic2 {float:left;width:410px;display:none;}
#helptopic3 {float:left;width:410px;display:none;}
#helptopic4 {float:left;width:410px;display:none;}
#helptopic5 {float:left;width:410px;display:none;}
#helptopic6 {float:left;width:410px;display:none;}


/* ******************************************************************************** */
/*                                    Articles                                      */
/* ******************************************************************************** */
.articlesection .header {width:100%}
.articlesection .header div {text-align:right}
.articlesection h2 {float:left;}

#topgoogleads {margin-left:10px;margin-bottom:5px;}
#bottomgoogleads {margin:3px 0px 3px 5px;}
.searchbox {border:1p solid A185AE; background-color:#FFFFF2;padding:20px 0px 20px 5px;margin-bottom: 12px;}
.searchbox .button {margin:0px;}


/* ******************************************************************************** */
/*                                    Bottom Site Map                               */
/* ******************************************************************************** */
div.sitemap {width:100%;text-align:center;}
div.sitemap table {border:1px solid #CBC6E1;width:972px}
div.sitemap table td {vertical-align:top;white-space:nowrap;background-color:#fffff2;padding:0px 2px 0px 2px;border-right:1px solid #CBC6E1;}
div.sitemap table td.nob {border:none}
div.sitemap table td h2 {margin-bottom:0px;text-decoration:underline;font-variant: small-caps; font-weight: bold;}
div.sitemap table td ul { list-style-image: none;}
div.sitemap table td li {list-style:none;}