* { margin: 0; padding: 0; } a img { border: 0; background: transparent; } html { height: 100%; } body { min-height: 101%; } /* TEXT STYLES ======================================================== */ p { margin: 0.75em 0px 0.75em 0px; font-size: 1.09em; line-height: 1.5em; color: #FFF; } p a { text-decoration: none;} .home { color: #68CBEC; } h1 { font-family: "Georgia" , Georgia , serif ; font-size: 1.7em; line-height: 1.3em; font-weight: normal; margin-bottom: 1em; } h1 strong {color: #FFF; font-weight: normal;} h2 { color: #FFF; margin: 0px 0px 1em 0px; font-size: 1.4em; line-height: 1.0em; font-weight: normal;} h3 { padding-top: 1em; font-size: 1.15em; line-height: 1em; font-weight: normal; } h3 a { text-decoration: none; } h3 a:hover, #content h3 a:selected { color: #FFF;} h4 {color: #FFF; font-size: 1.25em; line-height: 1.25em; font-weight: normal; margin: 0 0 0 0;} /* =COMMON ELEMENTS AND COLOR CLASSES _________________________________________________________________ */ body { font: .75em/1.5em "Verdana", Verdana, Arial, sans-serif; margin: 0; padding: 0; text-align: left; } #blue {color: #68CBEC; background: #00497e;} #blue a {color: #68CBEC} #blue a:hover {color: #FFF} #blue #sub-left a { color:#FFF; } #blue #sub-left a:hover { color:#68CBEC; } #blue #subcontent a { color:#FFF; } #blue #subcontent a:hover { color:#68CBEC; } #blue #main a { color:#FFF; } #blue #main a:hover { color:#68CBEC; } #blue #footer, #blue #footer p, #blue #footer a {color: #4E7DB7;} #blue #footer a:hover {color: #68CBEC} #blue.admin {background-color:#888;} #green {color: #BBDE4C; background: #356120;} #green a {color: #BBDE4C} #green a:hover {color: #FFF} #green #main a {color: #FFF} #green #main a:hover {color: #BBDE4C} #green #footer, #green #footer p, #green #footer a {color: #78A036;} #green #footer a:hover {color: #BBDE4C} #purple {color: #C8AAE1; background: #55325F;} #purple a {color: #C8AAE1} #purple a:hover {color: #FFF} #purple #footer, #purple #footer p, #purple #footer a {color: #8F6EA0;} #purple #footer a:hover {color: #C8AAE1} #red {color: #FF8C82; background: #820000;} #red a {color: #FF8C82} #red a:hover {color: #FFF} #red #footer,#red #footer p, #red #footer a {color: #C14641;} #red #footer a:hover {color: #FF8C82} #brown {color: #DCAD00; background: #693714;} #brown a {color: #DCAD00} #brown a:hover {color: #FFF} #brown #footer, #brown #footer p, #brown #footer a{color: #A3720A;} #brown #footer a:hover {color: #DCAD00} #wrap { width: 882px; min-height: 750px; height:auto !important; height: 750px; text-align: left; } #blue #head { width: 836px; height: 68px; padding: 40px 0 0 46px; } #blue #head h1 { background: url(../images/vk-logo-blue.gif) no-repeat; text-indent: -5000px; } #blue.admin #head h1 { background-image: url(../images/vk-logo-gray.png); } #green #head { width: 836px; height: 68px; padding: 40px 0 0 46px; } #green #head h1 { background: url(../images/vk-logo-green.gif) no-repeat; text-indent: -5000px; } #purple #head { width: 836px; height: 68px; padding: 40px 0 0 46px; } #purple #head h1 { background: url(../images/vk-logo-purple.gif) no-repeat; text-indent: -5000px; } #red #head { width: 836px; height: 68px; padding: 40px 0 0 46px; } #red #head h1 { background: url(../images/vk-logo-red.gif) no-repeat; text-indent: -5000px; } #brown #head { width: 836px; height: 68px; padding: 40px 0 0 46px; } #brown #head h1 { background: url(../images/vk-logo-brown.gif) no-repeat; text-indent: -5000px; } #content { width: 846px; min-height: 568px; height:auto !important; height: 568px; margin: 0 66px 0 36px; } /* =NAV _________________________________________________________________ */ #nav { width: 274px; min-height: 300px; height:auto !important; height: 300px; float: left; z-index: 2500; } #nav a { font-size: 100%; line-height: 1.2em; padding-bottom: 0.8em; font-weight: normal; border-bottom: 0; padding-left: 10px; overflow: visible; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .suckerdiv ul{ padding-left: 0px; list-style-type: none; width: 80px; /* Width of Menu Items */ } .suckerdiv ul li{ position: relative; } /*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; display: none; } /* Sub level menu links style */ .suckerdiv ul li a{ display: block; width: 100%; overflow: auto; /*force hasLayout in IE7 */ text-decoration: none; padding: 1px 5px; border: none; } .suckerdiv ul li a:hover{ background: url(../images/nav-arrow.gif) no-repeat left .5em; } .suckerdiv ul li ul li a{ padding: 0; margin: 0; } #blue .suckerdiv li.selected a { color: #FFF; background: url(../images/nav-arrow.gif) no-repeat left .5em; } #blue .suckerdiv li.selected li a{ color: #68CBEC; background: none; } #blue .suckerdiv li.selected li.selected a { background: url(../images/nav-arrow.gif) no-repeat left .5em; color: #FFF; } #blue .suckerdiv ul li ul li a { background-color: #00497e; } #green .suckerdiv li.selected a { color: #FFF; background: url(../images/nav-arrow.gif) no-repeat left .5em; } #green .suckerdiv li.selected li a{ color: #BBDE4C; background: none; } #green .suckerdiv li.selected li.selected a { background: url(../images/nav-arrow.gif) no-repeat left .5em; color: #FFF; } #green .suckerdiv ul li ul li a { background-color: #356120; } #purple .suckerdiv li.selected a { color: #FFF; background: url(../images/nav-arrow.gif) no-repeat left .5em; } #purple .suckerdiv li.selected li a{ color: #C8AAE1; background: none; } #purple .suckerdiv li.selected li.selected a { background: url(../images/nav-arrow.gif) no-repeat left .5em; color: #FFF; } #purple .suckerdiv ul li ul li a { background-color: #55325F; } #red .suckerdiv li.selected a { color: #FFF; background: url(../images/nav-arrow.gif) no-repeat left .5em; } #red .suckerdiv li.selected li a{ color: #FF8C82; background: none; } #red .suckerdiv li.selected li.selected a { background: url(../images/nav-arrow.gif) no-repeat left .5em; color: #FFF; } #red .suckerdiv ul li ul li a { background-color: #820000; } #brown .suckerdiv li.selected a { color: #FFF; background: url(../images/nav-arrow.gif) no-repeat left .5em; } #brown .suckerdiv li.selected li a{ color: #DCAD00; background: none; } #brown .suckerdiv li.selected li.selected a { background: url(../images/nav-arrow.gif) no-repeat left .5em; color: #FFF; } #brown .suckerdiv ul li ul li a { background-color: #693714; } #blue .suckerdiv li.selected a:hover, #green .suckerdiv li.selected a:hover, #purple .suckerdiv li.selected a:hover, #red .suckerdiv li.selected a:hover, #brown .suckerdiv li.selected a:hover { color: #FFFFFF; background: url(../images/nav-arrow.gif) no-repeat left .5em; } /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */ /* =CONTENT _________________________________________________________________ */ #main { width: 508px; min-height: 300px; height:auto !important; height: 300px; float: left; } * html #main {height:300px} /* =IE Min-Height Fix */ #main h4.step1 {background:url(../images/sh-step-1.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.step2 {background:url(../images/sh-step-2.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.step3 {background:url(../images/sh-step-3.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.step4 {background:url(../images/sh-step-4.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.step5 {background:url(../images/sh-step-5.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv1 {background:url(../images/sh-culture-assess.gif) no-repeat; text-indent: -5000px; background-position: -2px} #main h4.serv2 {background:url(../images/sh-strategy.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv3 {background:url(../images/sh-div-training.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv4 {background:url(../images/sh-harass-prev.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv5 {background:url(../images/sh-emp-affinity.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv6 {background:url(../images/sh-conflict-mngmt.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv7 {background:url(../images/sh-mentoring.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.serv8 {background:url(../images/sh-coaching.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.corp {background:url(../images/sh-corporations.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.nfp {background:url(../images/sh-non-profit.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.firms {background:url(../images/sh-law-firms.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.angela {background:url(../images/sh-cont-angela.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #main h4.mitchell {background:url(../images/sh-cont-mitchell.gif) no-repeat; text-indent: -5000px; background-position: -2px; } #sub-left { width: 217px; min-height: 220px; height:auto !important; height: 220px; margin: 0px 48px 0px 10px; border-top: 9px solid; border-color: #004179; padding-top: 18px; clear: both; float: left; display:inline; } #sub-left h2 {background: url(../images/sh-video.gif) no-repeat; text-indent: -5000px; } #blue #subcontent { width: 508px; border-top: 9px solid; border-color: #004179; padding-top: 9px; float: left; } #green #subcontent { width: 508px; border-top: 9px solid; border-color: #30591d; padding-top: 9px; float: left; } #subcontent h2.stepbystep {background:url(../images/sh-stepbystep.gif) no-repeat; text-indent: -5000px; } #two-col-sub-wrap { width: 508px; min-height: 300px; } #two-col-content { width: 240px; min-height: 300px; margin-right: 10px; float:left; } #two-col-content ul {list-style:none; margin-top:0.75em;} #two-col-content ul li {padding-left: 1em; text-indent: -1em; color:#FFF; } #sub-center { width: 234px; margin-right: 48px; padding-top: 9px; float: left; } #sub-center h2 {background: url(../images/sh-approach.gif) no-repeat; text-indent: -5000px; } #sub-right { width: 226px; padding-top: 9px; float: left; } #sub-right h2 {background: url(../images/sh-services.gif) no-repeat; text-indent: -5000px; } #sub-right ul { list-style: none; } #sub-right ul li { border-bottom: 1px dotted; border-color: #68cbec; } #sub-right ul li.nobrdr { border-bottom: none; } #sub-right li a { text-decoration: none; line-height: 2.5em; padding-bottom: 0.5em; } /* =FOOTER _________________________________________________________________ */ #footer { width: 770px; min-height: 50px; margin-left: 46px; margin-right: 66px; padding-top: 8px; border-top: 1px solid; clear:both; } #footer p { font-size: 0.8em; line-height: 1.6em; margin: 0 0 0 0; } #footer a { text-decoration: none; } #footer li { display: inline; margin: 0; padding: 0; list-style: none; font-size: 0.8em; line-height: 1.6em; } #footer li a:link, #footer li a:visited { text-decoration: none; } #footer li a:hover, #footer li a:active { text-decoration: none; } #footer-left { width: 582px; height: 50px; float: left; } #footer-right{ min-width: 100px; height: 50px; float: right; text-align: right; } #footer-right a:link, #footer-right a:visited { text-decoration: underline; } #footer-right a:hover, #footer-right a:active { text-decoration: underline; }