HTML, BODY { height: 100%; margin: 0; padding: 0; }
BODY { background: #FFF url('/Images/Background-TopHeader.gif') no-repeat top center; font: .75em Arial; }
A { color: #535353; text-decoration: none; }
A:HOVER { text-decoration: underline; }
A IMG { border: none; }
.clearFloat { display: block; clear: both; }
FORM { margin: 0px; padding: 0px; }
/*=== Layout ==================================================================================*/
#layoutTopSearchBar {
width: 970px;
height: 33px;
clear: both;
margin-left: auto;
margin-right: auto;
background: #FFF url('/Images/TopHeader.gif') no-repeat top center;
text-align: right;
}
#layoutTopNavigationBar { width: 970px; height: 85px; clear: both; margin-left: auto; margin-right: auto; }
#layoutCoreWell { width: 970px; clear: both; margin-left: auto; margin-right: auto; }
#layoutFooter { width: 970px; clear: both; margin-left: auto; margin-right: auto; padding-top: 20px; text-align: right; }
/*#layoutCoreContent { overflow: hidden; }
#layoutCoreContentLeft { width: 240px; float: left; background: url('/Images/ContentLeft-MenuBody.gif') repeat-y top left; margin-bottom: -3333px; padding-bottom: 3333px; }
#layoutCoreContentRight { width: 730px; float: right; background: #FFFFFF url('/Images/ContentWell-SingleBody.gif') repeat-y top left; margin-bottom: -3333px; padding-bottom: 3333px; }*/
#layoutCoreContent { overflow: hidden; background: url('/Images/Content-Body.gif') repeat-y top left; }
#layoutCoreContentLeft { float: left; width: 240px; }
#layoutCoreContentRight { float: left; width: 730px; }
/*#layoutCoreContentContainerRight { width: 730px; display: table; }*/
#layoutCoreContentFooter { width: 970px; height: 30px; clear: both; background: #FFFFFF url('/Images/Content-Footer.gif') no-repeat top center; }
#layoutContentLeftNavigation { background-color: #FFF; }
#layoutContentLeftMenu { }
#layoutContentLeftMenuHeader { height: 40px; background: url('/Images/ContentLeft-MenuHeader.gif') no-repeat top center; padding: 11px 10px 0px 10px;
color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }
#layoutContentLeftMenuBody { margin: 1px; }
/*=== Elements ================================================================================*/
#TopNavigationLogo { float: left; display: block; }
#TopNavigationRootMenu { float: right; display: block; margin-top: 30px; }
.siteSearchTextBox { background: #DFE68A; padding: 2px 3px; border: 1px solid black; margin-top: 5px; }
/*=== Top Navigation Menu =====================================================================*/
#TopNavigationRootMenu { margin: 0px; padding: 0px; margin-top: 30px; }
#TopNavigationRootMenu LI { float: left; list-style: none; font: 12px Arial; }
#TopNavigationRootMenu LI + LI { background: url('/Images/TopNavigationMenuSeparator.gif') no-repeat center left; }
#TopNavigationRootMenu LI A { display: block; padding: 7px 13px; text-decoration: none; width: auto; color: #9C9FA1; white-space: nowrap; }
#TopNavigationRootMenu LI A:hover,
#TopNavigationRootMenu LI .TopNavigationActive { background: #DCECB2; color: #132530; }
#TopNavigationRootMenu LI + LI A:hover,
#TopNavigationRootMenu LI + LI .TopNavigationActive { background: #DCECB2 url('/Images/TopNavigationMenuSeparator.gif') no-repeat center left; color: #132530; }
#TopNavigationRootMenu LI UL { margin: 0px; padding: 3px 0px; position: absolute; visibility: hidden; border-top: 1px solid #FFF;
border-bottom: 5px solid #1B9B4E; background: #DCECB2 url('/Images/HorizontalLine.gif') no-repeat left bottom; }
#TopNavigationRootMenu LI UL LI { float: none; display: inline; list-style: none; background-image: none !important; }
#TopNavigationRootMenu LI UL LI A { width: auto; background: #DCECB2; padding: 4px 20px 4px 13px; color: #535353; }
#TopNavigationRootMenu LI UL LI A:hover { color: #000; padding: 4px 13px 4px 20px; background: #9DC435 url('/Images/ListBulletLarge.png') no-repeat left center !important; }
#contentTopNavigationSpecialties { width: 302px; }
#contentTopNavigationSpecialties LI { width: 150px; float: left !important; border-right: 1px dotted #FFF; }
#contentTopNavigationClinics { width: 452px; }
#contentTopNavigationClinics DIV { width: 302px; float: left !important; }
#contentTopNavigationClinics DIV + DIV { width: 150px; float: left !important; }
#contentTopNavigationClinics LI { width: 150px; float: left !important; border-right: 1px dotted #FFF; }
#layoutClinicPreviewImage { text-align: center; padding-top: 11px; }
#layoutClinicPreviewImage IMG { border: 1px solid #888888; width: 110px; height: 80px; }
#layoutClinicPreviewImage SPAN { color: #888888; display: block; font-size: .75em; padding-top: 2px; }
/*=== Homepage Row Two Links ==================================================================*/
#homepageRowTwoLinks { margin: 0px; padding: 15px 0px 0px 0px; }
#homepageRowTwoLinks LI { float: left; list-style: none; }
#homepageRowTwoLinks LI + LI { margin-left: 10px; }
/*=== Homepage Row Three Links ================================================================*/
#homepageRowThreeLinks { margin: 0px; padding: 15px 0px 0px 0px; }
#homepageRowThreeLinks LI { float: left; list-style: none; }
#homepageRowThreeLinks LI + LI { margin-left: 9px; }
/*=== Left Navigation Menu ====================================================================*/
#LeftNavigationRootMenu { background: url('/Images/LeftNavigationMenu.gif') no-repeat top right; margin: 0px; padding: 26px 0px 11px 0px; font: 12px Arial; }
#LeftNavigationRootMenu LI { background: url('/Images/LeftNavigationMenuItem.gif') repeat-y top right; display: block;
list-style: none; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; margin-right: 1px; }
#LeftNavigationRootMenu LI + LI { border-top: none; }
#LeftNavigationRootMenu LI A { padding: 6px 3px 6px 22px; display: block; text-decoration: none; color: #54575E; text-transform: uppercase; white-space: nowrap; }
#LeftNavigationRootMenu LI A:hover { background: url('/Images/LeftNavigationMenuItemHover.gif') no-repeat top right; color: #000; }
/*=== Left Content Menu =======================================================================*/
#layoutContentLeftMenuBody UL { margin: 0px 0px 15px 0px; list-style-type: none; padding: 0px; }
* html #layoutContentLeftMenuBody UL LI A { height:1em; } /* This fixes the IE6 Whitespace Bug */
#layoutContentLeftMenuBody UL LI A { margin-left: 20px; margin-right: 20px; padding: 4px 4px 4px 0px; display: block; border-bottom: 1px dotted #A6B073; }
#layoutContentLeftMenuBody UL LI A:hover { margin-top: -1px; padding-top: 5px; margin-left: 0px; margin-right: 0px; text-decoration: none;
color: #000; padding-left: 20px; background: #9DC435 url('/Images/ListBulletLarge.png') no-repeat left center; }
/*=== Footer ==================================================================================*/
#layoutFooter H4 { font-size: 1.15em; margin-top: 10px; margin-bottom:25px; }
#layoutFooter .copyrightText { font-size: .9em; color: #535353; }
#layoutFooter A { font-weight: bold; }
/*=== Basic Styles for Content ================================================================*/
#layoutCoreContentRight A { color: #88AD17; }
#layoutCoreContentRight H1 { margin-top: 0px; border-bottom: 1px dotted #999999; color: #1FB25A; font-size: 1.5em; padding-bottom: 2px; clear: both; }
#layoutCoreContentRight H2 { margin-top: 0px; border-bottom: 1px dotted #A6B073; color: #535353; font-size: 1.0em; padding-bottom: 1px; text-transform: uppercase; clear: both; }
#layoutCoreContentRight H2 + P { margin-left: 15px; }
#layoutCoreContentRight H1 + H4 { color: #999999; margin-top: -12px; padding: 0; font-style: italic; font-weight: normal; }
#layoutCoreContentRight H4 + P { margin-left: 15px; margin-right: 15px; }
#layoutCoreContentRight DT.DTBullited { font-weight: bold; background: url('/Images/ListBulletSmall.gif') no-repeat left center; padding-left: 12px; }
#layoutCoreContentRight DT.DTBullited + DD { margin: 2px 30px 20px 20px; line-height:1.5em; }
#layoutCoreContentRight DT.DTBullited UL { margin: 0px; }
#layoutCoreContentRight { line-height: 1.6em; }
#layoutCoreContentRight BLOCKQUOTE { padding: 12px 12px 12px 32px; font-size: 1.25em; background: url('/Images/Blockquote.gif') no-repeat top left;
border-bottom: 1px solid #BCC4C4; border-right: 1px solid #BCC4C4; }
#layoutCoreContentRight BLOCKQUOTE P { margin: 0px; }
#layoutCoreContentRight INPUT[type="button"],
#layoutCoreContentRight INPUT[type="submit"] { border: 1px solid #00B33B; background: #C2D66B url('/Images/ButtonGlyph.gif') no-repeat 6px center; font-weight: bold; padding: 1px 8px 1px 28px; color: #39430E; }
#layoutCoreContentRight INPUT[type="button"]:HOVER,
#layoutCoreContentRight INPUT[type="submit"]:HOVER { color: #000; background-color: #B3D816; }
/*=== Watermark ================================================================*/
.watermark { color: #888; background-color: #EEE; }
/* NAV COLUMN */
#nav-column #DynamicNavTop a {font-size: 12px !important}
#nav-column {float: left; width: 240px; padding-bottom:30px}
#nav-column #mainnav {background:transparent url(http://healthresources.ogdenclinic.com/navback.gif); background-repeat:repeat-y }
#nav-inset {margin:10px}
#nav-column a.firstlink,
#nav-column a.firstlink:active,
#nav-column a.firstlink:hover {font-size: 110%; background:transparent url(http://healthresources.ogdenclinic.com/resourcesback.gif) no-repeat top left; color:#ffffff; font-weight:bold; padding:10px 0px 10px 9px; text-transform:uppercase; border:0px; height: 32px}
#nav-column a {padding:0; display: block; font-size: 90%; text-decoration: none; color: #545a5d}
#nav-column h1 {color: #57585a; background: transparent; font-size: 110%; font-weight: normal; font-family: arial, helvetica, sans-serif; margin:0; padding:0}
#nav-column h1 a, #nav-column a.lastlink {border-bottom: 1px dotted #A6B073; background: transparent; font-size: 90%; font-weight: normal; color: #57585a; margin: 0 20px; padding: 4px 4px 4px 0}
#nav-column h1 a:active, #nav-column h1 a:hover, #nav-column a.lastlink:active, #nav-column a.lastlink:hover {background:#9DC435 url(http://healthresources.ogdenclinic.com/navarrow3.gif) no-repeat 0 7px; border-bottom: 1px dotted #9dc435; font-size: 90%; font-weight: normal; color: #000; margin: -1px 1px 0 1px; padding: 5px 4px 4px 19px}
#nav-column a.lastlink, #nav-column a:active.lastlink, #nav-column a:hover.lastlink {font-size: 100%}
#nav-column h2 {font-size: 100%; margin: 0; padding: 0; font-weight: normal}
#nav-column .group2 h2 a {border-left:1px solid #49af71; border-right:1px dotted #49af71; color: #9dc435; font-size:100%; padding:4px 30px; margin:0px; display:block; font-weight:bold }
#nav-column .group2 h2 a:hover,
#nav-column .group2 h2 a:active {color:#9dc435}
#nav-column .group1 .contents1 h2 a { padding:4px 30px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 {border-right:1px dotted #49af71;background-color:#efefef; padding:4px 38px; border-left:1px solid #00a651}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a {padding:4px 0}
#nav-column .group1 .contents1 .group1 .contents1 a {padding:4px 30px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a:active,
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a:hover,
#nav-column .group1 .contents1 .group1 .contents1 a:active,
#nav-column .group1 .contents1 .group1 .contents1 a:hover {text-decoration:underline; background-image:none}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 h3 {padding:4px 0; margin:0px; font-size:100%}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 h3 a {padding:0px; margin:0px; font-weight:normal}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .contents3 {padding:0px; margin:0px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .contents3 a {padding:4px 0px 4px 20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .contents3 h4 {padding:0px; margin:0px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .contents3 h4 a {padding:0px 10px 0px 20px; margin:0px; font-weight:normal}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .group3 .contents3 {padding:4px 0px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .group3 .contents3 a {padding:4px 0px 4px 20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .contents3 .group4 .contents4 {padding:0px; margin:0px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 .contents3 .group4 .contents4 a {padding:4px 0px 4px 40px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconTools {background: url(http://healthresources.ogdenclinic.com/icon-tools.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconGlossary {background: url(http://healthresources.ogdenclinic.com/icon-glossary.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconMulti {background: url(http://healthresources.ogdenclinic.com/icon-multi.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconLetters {background: url(http://healthresources.ogdenclinic.com/icon-letters.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconResources {background: url(http://healthresources.ogdenclinic.com/icon-resources.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconNews {background: url(http://healthresources.ogdenclinic.com/icon-news.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconRecipes {background: url(http://healthresources.ogdenclinic.com/icon-recipes.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconNFacts {background: url(http://healthresources.ogdenclinic.com/icon-nfacts.gif) no-repeat left center; height:15px; padding-left:20px}
#nav-column .group1 .contents1 .group1 .contents1 .group2 .contents2 a.IconSuccess {background: url(http://healthresources.ogdenclinic.com/icon-success.gif) no-repeat left center; height:15px; padding-left:20px}