/* ***************** */ /* Tag Redefinitions */ body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: .90em; background: url(../img/topbgL.jpg) repeat-x} h1 { font-size: 1.4em; margin-top: 0; margin-bottom: .1em;} h2 { font-size: 1.1em; margin-top: 1.2em; margin-bottom: .1em;} h3 { font-size: 1em; margin-top: 1.2em; margin-bottom: .1em;} h4 { margin-top: 1em; margin-bottom: .1em;} h1 + h2 { margin-top: .6em} /*note IE hack*/ h2 + h3, h3 + h4 {margin-top: 0;} /*note IE hack*/ p { margin-top: 1em; margin-bottom: .2em;} h1 + p, h2 + p, h3 + p, h4 + p {margin-top: 0px; } /*note IE hack*/ ul, ol { margin-top: 1em; margin-bottom: 0;} p + ul, h1 + ul, h2 + ul, h3 + ul, h4 + ul, p + ol, h1 + ol, h2 + ol, h3 + ol, h4 + ol { margin-top: .2em;} /*note IE hack*/ ul ul, ul ol, ol ol, ol ul { margin-top: 0} form { margin: 0;} a { color: #0A5092} a:hover, a:focus { color: #0000CC} a:visited { color: #330066} /* ***************** */ /* Sections */ #toprightbg { position: absolute; top: 0; right: 0; width: 50%; height: 197px; background: url(../img/topbgR.jpg) repeat-x} #wrap { width: 999px; margin: 0 auto; position:relative;} #skipto { position: absolute; left: -9999px; top: -9999px} #header { padding-bottom: 9px; width: 999px; overflow: hidden; margin-bottom:0} #actionbar { font-size: .75em; font-weight: bold; padding: 0 15px 0 .5em; background: url(../img/actionbarcorner.gif) bottom left no-repeat #0A5092; margin: 0; height: 36px; position: absolute; top: 0; right: 0; } #actionbar li { display: inline; list-style-type:none; margin-left: 1.5em; padding-left: .6em; line-height: 36px;} #actionbar form { display: inline;} #actionbar a { color: white; text-transform: uppercase; text-decoration:none} #actionbar a:focus, #actionbar a:hover { color: #FFEE7E; text-decoration: underline} /*navigation */ #nav { float: left; width: 220px; padding-left: 23px; padding-top: 36px; padding-bottom: 1.5em; } #mainnav {margin: 0; padding: 0; font-size: 1em; } #mainnav li { margin-bottom: 5px; list-style-type: none } #mainnav li a { display: block; text-decoration: none; outline: none; width: 212px; background: url(../img/navTop.gif) no-repeat; } #mainnav li strong { display: block; padding: 5px 3px 5px 10px; color: #0A549A; background: url(../img/navBottom.gif) no-repeat bottom; } #mainnav li a:hover, #mainnav li a:focus { background: url(../img/navTopOver.gif) no-repeat;} #mainnav li a:hover strong, #mainnav li a:focus strong { background: url(../img/navBottomOver.gif) no-repeat bottom;} body.home #nav .home a, body.new #nav .new a, body.resources #nav .resources a, body.events #nav .events a, body.research #nav .research a, body.clinical #nav .clinical a, body.gov #nav .gov a, body.national #nav .national a { background: url(../img/navTopSelected.gif) no-repeat;} body.home #nav .home a strong, body.new #nav .new a strong, body.resources #nav .resources a strong, body.events #nav .events a strong, body.research #nav .research a strong, body.clinical #nav .clinical a strong, body.gov #nav .gov a strong, body.national #nav .national a strong { background: url(../img/navBottomSelected.gif) no-repeat bottom;} #getInvolved { padding-left: 0px; } #getInvolved h2 { font-size: .85em; color: #F41A1A; text-transform: uppercase; font-weight: bold; padding-top: .7em; padding-left: 10px; letter-spacing: 1px;} #getInvolved ul { font-size: .85em; padding: 0; margin: 0; width: 10em;} #getInvolved li { list-style-type: none; padding-top: .55em;} #getInvolved a { color: #477CAD; text-decoration: none; font-weight:bold; display: block; padding-left: 10px;} #getInvolved a:focus, #getInvolved a:hover { color: #0000CC; text-decoration: underline; background: url(/img/arrownavnext.gif) no-repeat -2px .4em; } #breadcrumbs { font-size: .9em; text-align: right; } #breadcrumbs h2 { position: absolute; left: -9999px; top: -9999px;} #breadcrumbs ol { position: absolute; top: 3px; right: 66px; margin: 0; padding: 0; } #breadcrumbs li { color: #666; display: inline; list-style-type: none; margin-left: .1em; padding-left: 1.1em; background: url(/img/breadcrumbarrow.gif) no-repeat left 55%;} #breadcrumbs li.first { margin-left: 0; border-left-width: 0; padding-left: 0; background:none;} #breadcrumbs a { color: #666} #breadcrumbs a:hover, #breadcrumbs a:focus{color:#0A5092} #contentplusnav { position: relative} #content { margin: 0 0 2em 270px; padding-top: 30px; padding-right: 66px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative;} body.home #contentplusnav #content {padding-right: 0; } #content #homewrapper { margin-right: 200px} body.home #content #usefullinks { position: absolute; top: 3.5em; right: 0; font-size: 85%; width: 165px;} body.home #content #usefullinks h2 { font-weight: normal; font-size: 1em; text-transform:uppercase; border-bottom: none; color: #A1A2A3; margin: 0; } body.home #content #usefullinks ul { margin: 0; padding: 0} body.home #content #usefullinks li { list-style: none; margin: .4em 1em .5em 0; line-height: 120%;} body.home #content #usefullinks a{ color: #A1A2A3; } body.home #content #usefullinks a:hover, body.home #content #usefullinks a:focus { color: #00c } #content h1 { font-size: 1.4em} #content h2 { margin-bottom: .5em; padding-top: .5em; padding-bottom: 5px; border-bottom: 2px solid #FFEE7E;} #content p, #content li { line-height: 145%;} #content li { margin-top: 1em; list-style-type:square} #content li:first-child { margin-top: .4em;} /*note ie6 hack*/ body.home #content h2 { text-transform:uppercase; font-size: 1em; padding-bottom: 4px; margin: 1.5em 0 1em 0; } body.home #content h3 { font-size: 1em; margin-top: 1.4em; color: black} body.home #content h2 + h3 { margin-top: 0} /*note ie6 hack*/ #footer { background-color: #4F84B9; color: white; } #footerwrap { width: 729px; margin: 0 auto; padding-left: 270px; line-height: 25px; font-size: .8em} #footer a { color: white; font-weight:bold} #footer a:hover, #footer a:focus { color: #FFEE7E} #footer #copyright { text-transform: uppercase; font-size: .8em; padding-left: 40px; }