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

body {font-family: helvetica, sans-serif; font-size: 12px; color: #808285}

#container {margin: auto; padding: 0; width: 900px; text-align: left; background: url("../images/container_bg.gif") repeat-y top left; clear: both}

img.floatLeft {float: left; border-right: 12px solid #fff; border-bottom: 12px solid #fff}
img.floatRight {float: right; border-left: 12px solid #fff; border-bottom: 12px solid #fff; padding-top: 13px}
img.leftColumnBanner {margin: 15px 0px 15px 0px;}
img.noBorder {border: none}

.placeHolder {background-color: #fffebda}

strong {color: #df4170}

a {color: #90cfda; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}

.clr {clear: both}

div#paginate {font-size: 140%; text-align: center; margin: 10px 0}
div#paginate strong {padding: 0 4px}
div#paginate a {padding: 0 4px; text-decoration: none}
div#paginate a:hover {font-size: 115%}
div#paginate strong a {color: #8cc63f; font-size: 140%; padding: 0 2px}
div#paginate strong a:hover {font-size: 140%; text-decoration: overline}

/****************************************************************
  LANDING PAGE ELEMENTS, mostly hidding stuff
****************************************************************/

body#landingPage div#container div#header {width: 900px; height: 105px; background: url("../images/header_bg_landing_pages.jpg") no-repeat bottom left; clear: both; padding-top: 0px} 
body#landingPage div#container div#header ul {display: none}
body#landingPage div#container div#header img {display: none}
body#landingPage div#container div#header p {display: none}

body#landingPage div#container div#content div#leftcolumn a img.leftColumnBanner {visibility: hidden}

body#landingPage div#container div#footer ul {visibility: hidden}

/****************************************************************
  HEADER ELEMENTS, including drop down menu
****************************************************************/

#header {width: 900px; height: 295px; background: url("../images/header_bg_internal_pages.jpg") no-repeat top left; clear: both; padding-top: 0px}
#header div#sponsortop {float: right; margin: 20px 20px 0px 0px; display: block; width: 466px; height: 10px; padding: 1px; background: #fff; color: #666; font-size: 9px; font-family: Georgia; text-align: center;}
#header div#sponsortop strong {color: #00f; font-weight: normal;}
#header img {clear: right; float: right; margin: 0px 20px 0px 0px;}
#header div#sponsorbottom {clear: right; float: right; margin: 0px 20px 131px 0px; display: block; width: 466px; height: 10px; padding: 1px; background: #fff; color: #666; font-size: 9px; font-family: Georgia; text-align: center;}
#header div#sponsorbottom strong {color: #00f; font-weight: normal;}

/* #header img {float: right; margin: 20px 20px 155px 0}  */
#header p {color: #90cfda; float: left; margin: 0; cursor: pointer; font-size: 16px; font-weight: bold}

body#index #container #header {background: url("../images/header_bg.jpg") no-repeat top left}

#header ul {list-style-type: none; margin: 0; padding: 0; background: url('../images/spacer.gif') repeat top left; float: right; clear: both}
#header li {float: right; position: relative}
#header li ul {position: absolute; top: 30px; left: 0px; display: none; background: #fff}
#header li:hover ul {display: block; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90}
#header li.sfhover ul {display: block; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90}
#header li ul li {background: #b6ecf6; float: left; width: 140px; padding: 3px; border: solid 1px #78bfac; border-top: none}
#header li ul li:hover {background: #fff}
#header li ul li a {color: #656565; text-decoration: none; font-family: helvetica; font-size: 13px; font-weight: normal}
#header li ul li a:hover {color: #92b312}

#header a.m1 {width: 90px; height: 40px; display: block; background: url("../images/spacer.gif") repeat top left}
#header a.m1:hover {background: url("../images/m1.gif") no-repeat top left}
#header a.m2 {width: 63px; height: 40px; display: block; background: url("../images/spacer.gif") repeat top left}
#header a.m2:hover {background: url("../images/m2.gif") no-repeat top left}
#header a.m3 {width: 95px; height: 40px; display: block; background: url("../images/spacer.gif") repeat top left}
#header a.m3:hover {background: url("../images/m3.gif") no-repeat top left}
#header a.m4 {width: 88px; height: 40px; display: block; background: url("../images/spacer.gif") repeat top left}
#header a.m4:hover {background: url("../images/m4.gif") no-repeat top left}
#header a.m5 {width: 131px; height: 40px; display: block; background: url("../images/spacer.gif") repeat top left}
#header a.m5:hover {background: url("../images/m5.gif") no-repeat top left}
#header a.m6 {width: 152px; height: 40px; display: block; background: url("../images/spacer.gif") repeat top left}
#header a.m6:hover {background: url("../images/m6.gif") no-repeat top left}

/****************************************************************
  INDEX PAGE AND CONTENT DIV ELEMENTS
****************************************************************/

#content {width: 900px}

#content div#leftcolumn {width: 221px; float: left; text-align: center;}
#content div#leftcolumn ol {padding: 20px 0 0 30px; line-height: 14px}
#content div#leftcolumn div#sponsorlefttop {display: block; width: 160px; border: solid 1px #efefef; background: #fff; text-align: center; font-size: 9px; font-family: Tahoma; padding: 2px; margin: auto;}
#content div#leftcolumn div#sponsorlefttop strong {color: #00f; font-weight: normal;}


#content div#rightcolumn {width: 679px; float: left; padding-bottom: 15px;}

#content div#rightcolumn table {margin: 10px 18px 10px 18px;}
p {padding: 10px 18px; line-height: 14px}
p.date {padding: 0 0 20px 18px; margin-top: 0px}
h1 {padding: 10px 18px; font-size: 28px; font-family: helvetica; font-weight: normal; color: #8cc63f; margin-top: 20px}
body#index * h1 {margin-top: 10px}
h2 {padding: 25px 10px 10px 18px; font-size: 18px; color: #38cce7; font-weight: normal}
h3 {padding: 10px 10px 0px 18px; font-size: 16px; color: #808285; font-weight: normal}
h4 {padding: 10px 10px 0px 18px}

dl {margin: 18px}
dl dt {margin: 15px 18px; border-top: 1px solid #ccc; padding-top: 15px}
dl dd {margin: 15px 32px}

ol {margin: 18px}
ol li {margin: 15px 32px}

#content div#rightcolumn ul {list-style-type: none; margin: 30px}
#content div#rightcolumn ul li {padding: 0 15px 15px 15px; background: url("../images/bullet.gif") no-repeat top left;}

p.more {padding: 0 10px 6px 0; font-size: 13px; font-family: Arial; font-weight: bold; color: #d4e984; text-align: right}
p.more a {color: #d4e984; text-decoration: none}
p.more a:hover  {color: #8cc63f}

.row1 {border-bottom: solid 0px #ccc; background: url("../images/faux_column_line.gif") repeat-y; background-position: 349px}
.row1 img.article_ls {float: left; margin: 18px 5px 3px 10px}
.row1 .ls {border-right: solid 0px #ccc; float: left; width: 350px}
.row1 .rs {float: left; width: 320px}
.row2 {border-top: solid 1px #ccc; background-color: #fff; margin-left: 1px}
.row2 .ls {border-right: solid 0px #ccc; float: left; width: 300px}
.row2 .rs {float: left; width: 370px}

/****************************************************************
  HEALTHOLOGY ELEMENTS
****************************************************************/

/***** global *****/

div.healthology {padding: 10px 0 10px 18px; border-bottom: solid 0px #ccc}
div.healthology table tbody tr td {width: 580px}
div.healthology table tbody tr td a.headline {display: block; color: #8cc63f; margin: 0 0 7px 0; font-size: 14px; font-weight: normal}
div.healthology table tbody tr td a.normal {color: #808285}
div.healthology table tbody tr td a.minilink {color: #90cfda}


/***** womens health feature *****/

div.womensHealth {border-bottom: solid 0px #ccc;}
div.womensHealth div#video_output table tbody tr td {border: solid 0px #ccc; font-size: 12px}
div.womensHealth div#video_output table tbody tr td img {float: left; clear: left; margin-left: 4px}
div.womensHealth div#video_output table tbody tr td a {display: block; color: #8cc63f; margin: 0 0 7px 0; font-size: 14px; font-weight: normal; text-decoration: none}
div.womensHealth div#video_output table tbody tr td a:hover {text-decoration: underline}
div.womensHealth div#video_output table tbody tr td a.parlink {color: #808285; margin: 0 0 7px 0; font-size: 12px; text-decoration: none}
div.womensHealth div#video_output table tbody tr td a.minilink {color: #90cfda; font-size: 12px; display: block; width: 99px}


/***** video headlines *****/

#content div#rightcolumn div.videoHeadlines table#hlthListTbl tbody tr td ul li a.parlink {display: block; color: #808285; font-size: 12px; font-weight: normal; text-decoration: none}
#content div#rightcolumn div.videoHeadlines table#hlthListTbl tbody tr td ul li a:hover.parlink {text-decoration: underline}
#content div#rightcolumn div.videoHeadlines table#hlthListTbl tbody tr td ul {list-style-type: none}
#content div#rightcolumn div.videoHeadlines table#hlthListTbl tbody tr td ul li {background: url("http://infinityhealthcenter.healthology.com/pix/nip_v2/sm_camera.gif") no-repeat top left; padding-left: 22px; list-style-type: none; margin-left: 8px}
#content div#rightcolumn div.videoHeadlines table#hlthListTbl tbody tr td a.minilink {text-decoration: none}
#content div#rightcolumn div.videoHeadlines table#hlthListTbl tbody tr td a:hover.minilink {text-decoration: underline}


/***** article headlines *****/

#content div#rightcolumn div.articleHeadlines table tbody tr td ul li a.parlink {display: block; color: #808285; margin: 0 0 7px 0; font-size: 12px; font-weight: normal; text-decoration: none}
#content div#rightcolumn div.articleHeadlines table tbody tr td ul li a:hover.parlink {text-decoration: underline}
#content div#rightcolumn div.articleHeadlines table tbody tr td ul {list-style-type: none}
#content div#rightcolumn div.articleHeadlines table tbody tr td ul li {background: url("http://infinityhealthcenter.healthology.com/pix/nip_v2/sm_page.gif") no-repeat top left; padding: 0 0 0 17px; list-style-type: none; height: 22px}
#content div#rightcolumn div.articleHeadlines table tbody tr td a.minilink {text-decoration: none}
#content div#rightcolumn div.articleHeadlines table tbody tr td a:hover.minilink {text-decoration: underline}


/***** small form *****/

form.styled fieldset ol.smallForm {margin: 20px}
form.styled fieldset ol.smallForm li {float: none; display: inline}
form.styled fieldset ol.smallForm li input.searchBox {width: 200px}
form.styled fieldset ol.smallForm li input.searchButton {background-color: #df4170; color: #fff; cursor: pointer}
form.styled fieldset ol.smallForm li select {margin: 1px; background-color: #fff; border: 1px solid #f3f3f3; color: #808285; font-size: 12px; padding: 1px 2px; width: 200px}


/***** did you know? *****/

div.didYouKnow table tbody tr td table tbody tr td a.blabla {display: block; color: #808285; margin: 0 0 7px 0; font-size: 12px; font-weight: normal; text-decoration: none}
div.didYouKnow table tbody tr td table tbody tr td a:hover.blabla {text-decoration: underline}
div.didYouKnow table tbody tr td table tbody tr td {list-style-type: none}
div.didYouKnow table tbody tr td table tbody tr td {background: url("http://infinityhealthcenter.healthology.com/pix/nip_v2/sm_page.gif") no-repeat top left; padding: 0 0 0 17px; list-style-type: none; height: 26px}
div.didYouKnow table tbody tr td table tbody tr td a.minilink {text-decoration: none}
div.didYouKnow table tbody tr td table tbody tr td a:hover.minilink {text-decoration: underline}


/***** monthly feature box *****/

div.monthlyFeatureBox {margin: 18px}
div.monthlyFeatureBox table tbody tr td table tbody tr td.xheader {color: #808285; text-align: left; font-size: 16px; font-weight: normal; padding: 5px 0}


/***** health poll *****/

div.healthPoll {padding: 10px 0 10px 18px}
div.healthPoll form table {border: 0}
div.healthPoll form table tbody tr td.ControlText {border: 0; color: #808285}
div.healthPoll form table tbody tr td.ControlText hr {display: none}
div.healthPoll form table tbody tr td.ControlText img {display: none}
div.healthPoll form table tbody tr td.ControlText table tbody tr td.ControlText {padding: 10px 0px; font-size: 16px; color: #808285; font-weight: normal}
div.healthPoll form table tbody tr td.ControlText div {text-align: left}
div.healthPoll form table tbody tr td.ControlText div input {width: 88px; height: 28px; font-size: 14px; cursor: pointer; background-color: #df4170; color: #fff; margin: 20px; border: 0}

/****************************************************************
  BLOCK QUOTES AND ASK TERRY Q&A
****************************************************************/

blockquote {width: 632px; padding: 20px 0; margin: 20px 0px 20px 20px; background: url("../images/open_quote.gif") no-repeat top left #ecfcd7}

blockquote p {padding: 10px 30px}
blockquote p.quote {background: url("../images/close_quote.gif") no-repeat bottom right; padding: 30px}
blockquote p.author {padding: 0 0 10px 30px; font-weight: bold}
blockquote p.question {}
blockquote p.answer {background: url("../images/close_quote.gif") no-repeat bottom right}
blockquote p strong {font-size: 14px}

/****************************************************************
  FORM ELEMENTS
****************************************************************/

#content div#rightcolumn div#signuperrors {color: #fff; margin: 10px 18px 18px 18px; padding: 10px; background:#df4170;}
#content div#rightcolumn div#signuperrors ol {list-style-type: disk}
#content div#rightcolumn div#signuperrors ol li {list-style-type: disk; background-image: none; border-bottom: 1px solid #ffbdd7; padding: 5px 0; margin: 0}

form.styled h3 {margin: 30px 15 5px 0; padding: 0; color: #9fa615; border-bottom: 1px solid #f5821f}
form.styled img {margin: 3px}

form.styled small {display: inline; padding: 2px}

form.styled fieldset {padding: 0; margin: 40px 20px 20px 20px; background-color: #edf9fb; border: none; line-height: 14px}

form.styled fieldset legend {margin: 0 0 0 10px; font-size: 18px; color: #38cce7; font-weight: normal}
form.styled fieldset legend small {font-size: 10px; padding-left: 100px}

form.styled fieldset.submit {margin: 0; margin: 0 0 40px 0; float: none; width: auto; border: 0 none #fff; padding-left: 12.1em; background-color: #fff}
form.styled fieldset.submit input {width: 140px; height: 34px; font-size: 18px; cursor: pointer; background-color: #df4170; color: #fff}

form.styled fieldset ol {padding: 0; margin: 20px 0 0 0px; list-style-type: none}
form.styled fieldset ol li {padding: 0px; margin: 0 0 10px 10px; float: left; clear: left;}
form.styled fieldset ol li label {float: left; width: 10em; margin-right: .7em;  text-align: right; margin: 0; padding: 5px 5px 0 0}

form.styled fieldset ol li input {margin: 1px; background-color: #fff; border: 1px solid #f3f3f3; color: #808285; font-size: 12px; padding: 2px 2px 1px 2px; font-family: helvetica, sans-serif}
form.styled fieldset ol li input.required {background: url("../images/required.png") top left no-repeat #fff; padding-left: 12px}

form.styled fieldset ol li textarea {margin: 1px; background-color: #fff; border: 1px solid #f3f3f3; color: #808285; font-size: 12px; padding: 2px 2px 1px 2px; width: 440px; height: 200px; font-family: helvetica, sans-serif}

form.styled fieldset ol li select {margin: 1px; background-color: #fff; border: 1px solid #f3f3f3; color: #808285}
form.styled fieldset ol li select.required {background: url("../images/required.png") top left no-repeat #fff; padding-left: 12px}
form.styled fieldset ol li select option {margin: 1px; background-color: #fff; border: 1px solid #f3f3f3; color: #808285}

form.styled fieldset ol li.checkbox label {float: right; width: 590px; margin-right: .7em;  text-align: left; margin: 0; padding: 0px 5px 0 0}
form.styled fieldset ol li.checkbox input {float: left; margin: 1px 18px 1px 1px; width: 15px; height: 15px}

form.styled fieldset ol li.radiobutton label {float: right; width: 466px; margin-right: .7em;  text-align: left; margin: 0; padding: 0px 5px 0 0}
form.styled fieldset ol li.radiobutton input {float: left; margin: 1px 18px 1px 124px; width: 15px; height: 15px}

/****************************************************************
  POLLDADDY POLL ELEMENTS
****************************************************************/

fieldset.poll {padding: 0; margin: 20px; background-color: #edf9fb; border: none; width: 252px; float: left}
div#polls {width: 640px}

/****************************************************************
  FOOTER ELEMENTS
****************************************************************/

#footer {width: 900px; height: 38px; display: block; background: url("../images/footerbg.gif") no-repeat top left; clear: both; text-align: center}

#footer ul {list-style-type: none; color: #fff; padding-top: 14px; margin-bottom: 14px; font-size: 15px}
#footer ul li {display: inline; padding: 0 5px}
#footer ul li a {color: #fff; text-decoration: none; font-weight: normal}
#footer ul li a:hover {text-decoration: underline}

/****************************************************************
  FORM ERROR FIELDS
****************************************************************/

form.styled fieldset .formerr {background: #df4170; color: #fff}

/****************************************************************
  MEMBERS ONLY BOX
****************************************************************/

#membersonly {color: #fff; margin: 10px 18px 18px 18px; padding: 10px;border: solid 1px #df4170; background:#df4170;}
#membersonly p a {color: #fff; font-weight: bold; text-decoration: underline}
#membersonly p a:hover {text-decoration: none}

/****************************************************************
  Special Announcement BOX
****************************************************************/

#specialannouncement { margin: 10px 18px 18px 18px; padding: 0px; border: solid 1px #df4170; background: transparent; }
#specialannouncement h1 { margin-top: 0px; }