/* 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
strong { font-weight: bold; }
em { font-style: italic; }
:focus { outline: 0; }

/* This is here to force a vertical scrollbar to avoid page realignment for short vs long content area height */
html, body {
   height: 100%;
   margin: 0 0 1px;
   padding: 0;
}


div#nav
{
     background: url(/images/nav_bg.png) top repeat-x;
     height: 28px;
     min-height: 28px;
     margin: 0;
     padding: 0;
}

div#nav ul
{
     padding: 5px 0 5px 10px;
     list-style: none;
}

div#nav li
{
     margin: 0 0 0 15px;
     display: inline;
}

div#nav li.separator
{
     color: #9ac2df;
     font-size: 10px;
}

div#nav a, a:link, a:visited, a:active, a:hover
{
     color: #fff;
     text-decoration: none;
     text-transform: uppercase;
     font-size: 10px;
}

div#nav a:hover
{
     color: #9ac2df;
     text-decoration: none;
}

div#body div.sidebar  div.middle h4
{
     color: #000;
     font-weight: bold;
     margin-bottom: 10px;
}

div#body div.sidebar  div.middle ul.sidebar-menu
{
     list-style-image: url(/images/sidebar-bullet.png);
}

div#body div.sidebar  div.middle ul.sidebar-menu li
{
     line-height: 13px;
     margin-bottom: 5px;
}

ul.sidebar-menu li span.current_page
{
     color: #000;
     font-weight: normal;
     text-transform: uppercase;
     font-size: 10px;     
}

/* Fonts and Sizing */
body { font: 13px/1.231 arial, helvetica, sans-serif; *font-size: small; *font: x-small; }
#content { font-size: 92%; line-height: 1.17; }        /* font-size: 12px, line spacing: 14px */

/* Page Headings */
html body div#content div#body div#copy div.middle h1 {
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 20px;
     font-weight: bold;
     letter-spacing: -1px;
     color: #394577;
     margin-bottom: 20px;
}

#page-home #copy { font-size: 97%; line-height: 1.29; }  /* font-size: 12.5px, line spacing: 16px */
#page-resources #copy div.entry input,
#page-resources #copy div.entry select { font-size: 100%; }
#about,
div.sidebar { font-size: 92%; line-height: 1.18; }         /* font-size: 11px, line spacing: 13px */
#about div.middle p.grant,
div.sidebar div.middle p.link { font-size: 110%; }        /* font-size: 12px */
#page-learn #copy table thead { font-size: 108%; }


body { color: #000000; background-color: #aebcce; margin: 0; padding: 0; text-align: center; min-width: 780px; behavior: url(/inc/csshover2.htc); }
h2,
h3 { font-weight: bold; }
a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #000000; }
p { padding-bottom: 1em; }

#page-recipes #copy
{
     line-height: 18px;
}

#page-recipes fieldset
{
     width: 100%;
     padding: 10px 10px 10px 30px;
     width: 410px;
     margin: 20px 0 20px 0;
     border: 1px solid #f3f3f3;
}

#page-recipes fieldset legend
{
     font-weight: bold;
     text-transform: uppercase;
     color: #2d85b9;
}

#page-recipes fieldset p
{
     margin: 15px 0 0 0;
}

#content { background-color: #f0f0f6; width: 780px; margin: 0px auto; text-align: left; }
#header { background: #ffffff url(/images/bg-header.gif) repeat-x top left; padding: 0; height: 100px; }
#body { padding: 19px 12px 0 19px; }
#copy { float: left; margin: 0 0 10px 0; width: 528px; }
#copy div.top { background: url(/images/bg-copy-top.gif) no-repeat top left; height: 12px; overflow: hidden; }
#copy div.middle { background: url(/images/bg-copy.gif) repeat-y top left; padding: 4px 29px 0.33em 23px; }
#copy div.bottom { background: url(/images/bg-copy-bottom.gif) no-repeat top left; height: 20px; overflow: hidden; }
#copy img.accent { float: right; margin: 0 0 1.75em 12px; }
div.sidebar { float: right; margin: 0 0 8px 0; width: 214px; clear:right; }
div.sidebar ul { padding-left: 17px; }
div.sidebar div.top { background-repeat: no-repeat; background-position: top left; height: 28px; overflow: hidden; }
div.sidebar-goals div.top { background-image: url(/images/bg-sidebar-goals.gif); }
div.sidebar-atherosclerosis div.top { background-image: url(/images/bg-sidebar-athero.png); }
div.sidebar-know div.top { background-image: url(/images/bg-sidebar-know.gif); }
div.sidebar-learn div.top { background-image: url(/images/bg-sidebar-learn.gif); }
div.sidebar-recipes div.top { background-image: url(/images/bg-sidebar-recipes.png); }
div.sidebar-cam div.top { background-image: url(/images/bg-sidebar-news2010.png); }
div.sidebar-aap div.top { background-image: url(/images/bg-sidebar-aap.png); }
div.sidebar-news div.top { background-image: url(/images/bg-sidebar-news.png); }
div.sidebar-find div.top { background-image: url(/images/bg-sidebar-find.png); }
div.sidebar-tips div.top { background-image: url(/images/bg-sidebar-tips.gif); }
div.sidebar div.middle { background: url(/images/bg-sidebar.gif) repeat-y top left; padding: 11px 15px 1px 11px; }
div.sidebar div.middle img { float: left; border: 1px solid #8cbbda; width: 75px; }
div.sidebar div.middle div { float: right; width: 99px; }
div.sidebar div.middle p.link { padding-bottom: 0; }
div.sidebar div.middle p.link, div.sidebar div.middle a, div.sidebar div.middle a.visited { color: #bc0309; font-weight: bold; }
div.sidebar div.middle a { text-decoration: none; }
div.sidebar div.middle a:hover { text-decoration: underline; }
div.sidebar div.bottom { background: url(/images/bg-sidebar-bottom.gif) no-repeat top left; height: 19px; overflow: hidden; }

div.middle a, div.middle a.visited { color: #000000; font-weight: bold; }
div.middle a { text-decoration: none; }
div.middle a:hover { text-decoration: underline; }

div#welcome
{
     background: url(/images/welcome_bg.gif) 0 0 no-repeat;
     clear:left;
     height: 140px;
     min-height: 140px;
     width: 520px;
     padding: 0 10px 0 0;
     margin: 0;
     font-size: 10px;
     line-height: 15px;
}

div#welcome p, div#welcome ul
{
     margin: 0 0 0 27px;
     width: 490px;
}

div#welcome p.first
{
     padding: 35px 0 0 0;
}

#about { float: left; width: 528px; }
#about div.top { background: url(/images/bg-about-top-clark.gif) no-repeat top left; height: 12px; overflow: hidden; }
#about div.middle { background: url(/images/bg-about-clark.gif) repeat-y top left; padding: 0 18px 4px 19px; }
#about div.middle div.image { float: left; font-weight: bold; text-align: center; width: 75px; }
#about div.middle div.image img { margin-top: 5px; }
#about div.middle div.text { float: right; width: 412px; }
#about div.middle p.grant { padding-bottom: 0; }
#about div.bottom { background: url(/images/bg-about-bottom-clark.gif) no-repeat top left; height: 20px; overflow: hidden; }
#footer { color: #ffffff; background-color: #394577; padding: 7px 21px 4px 21px; }

/*
#nav { background-color: #394577; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 4px 131px 4px 24px; width: 625px; height: 18px; overflow: hidden; }
#nav ul,
#nav li { list-style-type: none; display: inline; }
#nav ul { overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-position: 0 0; width: 625px; height: 18px; clear: both; }
#nav a { float: left; overflow: hidden; background-repeat: no-repeat; padding: 18px 0 0 0; height: 0px !important; height:18px; }
#nav ul,
#nav a { background-image: url(/images/nav.gif); }
#nav li.learn a { width: 130px; background-position: 0 0; }
#nav li.learn a:hover,
#page-learn #nav li.learn a { background-position: 0 -18px; }
#nav li.tips a { width: 167px; background-position: -130px 0; }
#nav li.tips a:hover,
#page-tips #nav li.tips a { background-position: -130px -18px; }
#nav li.ask a { width: 129px; background-position: -297px 0; }
#nav li.ask a:hover,
#page-ask #nav li.ask a { background-position: -297px -18px; }
#nav li.test a { width: 130px; background-position: -426px 0; }
#nav li.test a:hover,
#page-test #nav li.test a { background-position: -426px -18px; }
#nav li.resources a { width: 69px; background-position: -556px 0; }
#nav li.resources a:hover,
#page-resources #nav li.resources a { background-position: -556px -18px; }
#nav li.news a { width: 69px; background-position: -556px 0; }
#nav li.news a:hover,
#page-news #nav li.news a { background-position: -556px -18px; }
*/

img.hd { margin-bottom: 4px; }


#page-recipes #copy h1
{
     font-family: verdana, arial, sans-serif;
     font-weight: bold;
     font-size: 18px;
     color: #1b3571;
     letter-spacing: -1px;
}

#page-news #copy h1
{
     font-family: verdana, arial, sans-serif;
     font-weight: bold;
     font-size: 18px;
     color: #1b3571;
     letter-spacing: -1px;
     margin-bottom: 20px;
}

#page-home #body { padding: 19px 12px 10px 19px; }
#page-home #copy { position: relative; background: url(/images/home-couple.jpg) no-repeat top left; height: 381px; z-index: 1; }
#page-home #copy div.overlay { position: absolute; top: 1px; left: 324px; background-color: #ffffff; padding: 28px 5px 0 13px; width: 161px; height: 343px; max-height: 343px; overflow: hidden; }
#page-home #copy div.overlay ul { padding: 0 0 1em 16px; }

#page-home2 #body { padding: 19px 12px 10px 19px; }
#page-home2 #copy { width: 528px; background: url(/images/home-couple.jpg) no-repeat top left; height: 381px; }
#page-home2 #copy div.overlay { position: absolute; top: 1px; right: 25px; background-color: #ffffff; width: 0; height: 371px; max-height: 371px; overflow: hidden; }
#page-home2 #copy div.overlay div.text { display: none; background: transparent; margin-top: 28px; }
#page-home2 #copy div.overlay ul { padding: 0 0 1em 16px; }

#page-learn img.molecule { float: right; margin: 5px 0 2em 12px; }
#page-learn img.artery { margin: 1em 0 2.5em 37px; }
#page-learn #copy ul { list-style-type: none; }
#page-learn #copy ul.types { padding-left: 22px; }
#page-learn #copy ul.levels { padding-bottom: 1em; }
#page-learn #copy table { background-color: #daeaf3; margin-top: 0.5em; border: 1px solid #8ebad7; padding: 5px 10px 5px 10px; }
#page-learn #copy table thead th { text-align: center; padding-bottom: 0.5em; }
#page-learn #copy table th { font-weight: bold; }
#page-learn #copy table th.cant,
#page-learn #copy table td.cant { width: 60%; }
#page-learn #copy table th.can,
#page-learn #copy table td.can { width: 40%; padding-left: 10px; }
#page-learn #copy table ul { list-style-type: disc; padding: 0 0 1em 16px; }

#page-tips p.list { padding-bottom: 0; }
#page-tips #copy ul { padding: 0 0 1em 22px; }
#page-tips #copy ol { padding: 0 0 1em 18px; }
#page-tips #copy ol li { padding-bottom: 1em; }
#page-tips div.notes div.left { float: left; width: 54px; }
#page-tips div.notes div.right { float: right; border-bottom: 1px solid #000000; width: 422px; height: 1em; }
#page-tips div.notes div.rest { float: left; margin-top: 2em; border-top: 1px solid #000000; border-bottom: 1px solid #000000; width: 476px; height: 2em; }
#page-tips div.notes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#page-tips div.notes { margin-bottom: 1em; zoom: 1; }

#page-test #copy ol { padding-left: 23px; }
#page-test #copy ol li { font-weight: bold; padding-bottom: 1.5em; }
#page-test #copy ol input { margin-bottom: -0.17em; }
#page-test #copy ul { list-style-type: none; margin-left: -5px; }
#page-test #copy ul li { font-weight: normal; margin: 0.25em 0 0 0; padding-bottom: 0; }
#page-test #copy p.answer { display: none; padding: 0.65em 0 0 0; }
#page-test #copy p.congratulations { color: #bc0309; font-weight: bold; }

#page-test #copy form.submitted li.quest7 ul { margin-left: 0; }
#page-test #copy form.submitted ol li { position: relative; margin-top: 1.5em; }
#page-test #copy form.submitted ul { margin-left: -3px; }
#page-test #copy form.submitted ul li { margin-top: 0.25em; }
#page-test #copy form.submitted ul li label { padding: 0 2px 1px 2px; }
#page-test #copy form.submitted ul li.correct label { background-color: #daeaf3; }
#page-test #copy form.submitted div.result { display: none; position: absolute; top: -1.5em; left: 0; color: #1b3571; font-weight: bold; }

#page-resources #copy div.entry { width: 235px; margin-top: 0.5em; }
#page-resources #copy div.entry input { width: 144px; }
* html #page-resources #copy div.entry input { width: 143px; }
#page-resources #copy div.entry select { width: 154px; padding: 0 0 0 0; }
* html #page-resources #copy div.entry select { width: 154px; padding: 0 0 0 4px; }
#page-resources #copy #form-zip input { width: 85px; }
* html #page-resources #copy #form-zip input { width: 84px; }
#page-resources #copy #form-zip select { width: 95px; }
#page-resources #copy div.entry input { background-color: #f9f9f9; border: 1px solid #e1e1e1; padding: 2px 4px; }
#page-resources #copy div.entry select { background-color: #f9f9f9; border: 1px solid #e1e1e1; }
#page-resources #copy div.entry input:focus,
#page-resources #copy div.entry input:hover { background-color: #ffffff; border: 1px solid #b4b4b4; }
#page-resources #copy div.entry select:focus,
#page-resources #copy div.entry select:hover { background-color: #ffffff; border: 1px solid #b4b4b4; }
#page-resources #copy div.entry div.label { float: left; width: 76px; margin-right: 5px; padding-top: 0.16em; }
#page-resources #copy div.entry div.input { float: left; width: 154px; }
#page-resources #copy #form-zip div.input { text-align: right; }
#page-resources #copy #form-zip input { margin-top: 0.25em; }
#page-resources #copy #form-submit { width: 235px; margin-top: 1em; text-align: center; }
#page-resources #copy #lipidologist { padding-top: 0.25em; }
#page-resources #copy #lipidologist div.search p { display: none; font-weight: bold; }
#page-resources #copy #lipidologist div.error { color: #bc0309; font-weight: bold; }
#page-resources #copy #lipidologist div.filled div.results { float: left; width: 222px; }
#page-resources #copy #lipidologist div.filled div.search { float: right; width: 235px; }
#page-resources #copy #lipidologist div.filled div.search p { display: block; }


/* clear floats */
#body:after,
div.sidebar div.middle:after,
#about div.middle:after,
#page-resources #copy div.entry:after,
#page-resources #copy #lipidologist div.filled:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#body,
div.sidebar div.middle,
#about div.middle,
#page-resources #copy div.entry,
#page-resources #copy #lipidologist div.filled { zoom: 1; }