/************************************************************/ /* common.css */ /* created by Ryan Herndon */ /* Webmaster, Ceatus Media Group LLC */ /* created: 01-26-06 */ /************************************************************/ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 1px; } body { background: url(../images/container.gif) repeat-y center top #ffc; font: 13px Verdana, Arial, Helvetica, sans-serif; text-align: center; } a { font-weight: bold; } a:link { color: #036; } a:visited { color: #000266; } a:hover { color: #06c; text-decoration: none; } h1, h2 { font-size: 18px; margin: 0 0 14px; color: #cb0000; display: block; font-family: geneva, Arial, Helvetica, sans-serif; } .noMarginHeader { margin: 0; } h2 { font-size: 16px; margin: 0 0 9px; letter-spacing: -1px; } h3 { font-size: 12px; letter-spacing: -1px; margin: 0 0 20px; } h4 { font-size: 13px; margin: 0 0 7px; } h5 { font-size: 10px; margin: 0 0 5px; } #container { position: relative; top: 8px; left: 0; margin: 0 auto; width: 757px; background: url(../images/bg-sidebar.gif) repeat-y 0 0 #fff; text-align: left; } #header { position: relative; float: left; width: 757px; height: 122px; background: url(../images/header.gif) no-repeat 271px 0; z-index: 1; } #logo { position: relative; top: 0; left: 0; float: left; width: 271px; height: 122px; } #nav { position: absolute; top: 98px; left: 271px; float: right; width: 486px; height: 24px; list-style: none; } #nav li { display: block; float: left; position: relative; left: 0; top: 0; width: 97px; height: 24px; } #nav li a { cursor: pointer; width: 97px; height: 24px; position: relative; left: 0; display: block; overflow: hidden } #nav li strong { position: absolute; left: 0; top: 0; z-index: 1; height: 24px; } #nav li.about, #nav li.about a, #nav li.about strong { width: 97px; background: url(../images/nav.gif) no-repeat 0 0; } #nav li.about a:hover strong { background: url(../images/nav.gif) no-repeat 0 -24px; } #nav li.abouton, #nav li.abouton strong { background: url(../images/nav.gif) no-repeat 0 -24px; width: 97px; } #nav li.board, #nav li.board a, #nav li.board strong { width: 83px; background: url(../images/nav.gif) no-repeat -97px 0; } #nav li.board a:hover strong { background: url(../images/nav.gif) no-repeat -97px -24px; } #nav li.boardon, #nav li.boardon strong { background: url(../images/nav.gif) no-repeat -97px -24px; width: 83px; } #nav li.news, #nav li.news a, #nav li.news strong { width: 115px; background: url(../images/nav.gif) no-repeat -180px 0; } #nav li.news a:hover strong { background: url(../images/nav.gif) no-repeat -180px -24px; } #nav li.newson, #nav li.newson strong { background: url(../images/nav.gif) no-repeat -180px -24px; width: 115px; } #nav li.contact, #nav li.contact a, #nav li.contact strong { width: 86px; background: url(../images/nav.gif) no-repeat -295px 0; } #nav li.contact a:hover strong { background: url(../images/nav.gif) no-repeat -295px -24px; } #nav li.contacton, #nav li.contacton strong { background: url(../images/nav.gif) no-repeat -295px -24px; width: 86px; } #nav li.support, #nav li.support a, #nav li.support strong { width: 105px; background: url(../images/nav.gif) no-repeat -381px 0; } #nav li.support a:hover strong { background: url(../images/nav.gif) no-repeat -381px -24px; } #nav li.supporton, #nav li.supporton strong { background: url(../images/nav.gif) no-repeat -381px -24px; width: 105px; } /* css dropdowns */ #nav li ul { display: none; position: absolute; width: 115px; text-align: left; font-size: 11px; opacity: .98; filter: alpha(opacity= 98); -moz-opacity: .98; } #nav li li { width: 115px; height: auto; } #nav li>ul { top: 24px; left: 0; z-index: 50; } #nav li:hover ul, #nav li.sfhover ul { left: 0; top: 24px; display: block; z-index:50; } #nav li li a:link, #nav li li a:visited { background: #036; cursor: pointer; /* for IE */ color: #fff; padding: 5px 5px 5px 8px; width: 115px; w\idth: 102px; text-decoration: none; display: block; height: auto; font-weight: normal; } #nav li li a:hover { background-color: #7F99B2; color: #fff; } #nav li.support ul { width: 105px; } #nav li.support li a:link, #nav li.support li a:visited { width: 105px; w\idth: 92px; } #body { position: relative; left: 0; width: 757px; float: left; background: url(../images/bg-contentbody.gif) repeat-x 0 0; } #col2 { position: relative; top: 28px; left: 0; float: right; width: 583px; z-index:1; } #col2 p { line-height: 16px; margin: 0 0 15px; } html>body #col2 p { margin: 0 0 20px; } #col2 hr { height: 1px; border-top: 1px solid #e8e8e8; margin: 0 0 17px; } html>body #col2 hr { margin: 0 0 22px; } #breadcrumb { margin: 0 0 12px; font-size: 10px; } #breadcrumb span { color: #cb0000; } #col2 ul, #col2 ol { margin: 0 20px 15px; } #col2 ul ul, #col2 ol ol { margin: 0 20px 0; } #col2 li { line-height: 16px; margin: 0 0 5px; } #sectionnav { position: relative; float: right; margin: 0 0 10px 10px; width: 170px; w\idth: 170px; background: #FFFFD9; } #sectionnav h3 { display: block; width: 170px; margin: 0; text-align: center; background: #cb0000; line-height: 22px; color: #F3EF36; } #sectionnav ul, #sectionnav ul ul { list-style: none; margin: 0; } #sectionnav li { margin: 0; } #sectionnav a, #sectionnav div { display: block; width: 170px; w\idth: 162px; padding: 4px; font-weight: normal; } #sectionnav a:link, #sectionnav a:visited { text-decoration: none; color: #000; } #sectionnav a:hover, #sectionnav div { background: #BFCCD9; } #sectionnav li li a, #sectionnav li li div { padding: 4px 4px 4px 15px; width: 170px; w\idth: 151px; font-weight: normal; } #sectionnav li li a:link, #sectionnav li li a:visited, #sectionnav li li div { color: #cb0000; } #news { position: relative; float: right; width: 141px; w\idth: 123px; margin: 0 0 0 17px; padding: 33px 8px 12px 10px; background: url(../images/H-inthenews.gif) no-repeat 0 0 #ffffd9; } #news p { font-size: 10px; margin: 0 0 20px; line-height: 12px; } #board { position: relative; top: 0; width: 204px; height: 260px; font-size: 9px; font-weight: bold; line-height: 12px; color: #036; display: inline; float: left; margin: 10px 16px 0 0; } #board img { margin: 0 0 10px; } #form { background: #fff; } #form td { padding: 5px; } #form input, #form textarea { padding: 1px 2px; font: 11px Verdana, Arial, Helvetica, sans-serif; } #getacro { position: relative; float: right; display: block; width: 170px; w\idth: 154px; border: 3px solid #036; padding: 5px; font-size: 10px; margin: 0 0 0 10px; background: #FFFFCC; } #sitemap1, #sitemap2 { width: 250px; position: relative; float: left; } #sitemap2 { left: 30px; } #sitemap1 li, #sitemap2 li { list-style: none; } #sitemap1 li li li { list-style: square; } #sitemap1 li a, #sitemap2 li a { font-weight: bold; font-size: 13px; text-decoration: none; } #sitemap1 li li a:link, #sitemap1 li li a:visited, #sitemap2 li li a:link, #sitemap2 li li a:visited { font-weight: normal; font-size: 11px; text-decoration: underline; } #sitemap1 li li a:hover, #sitemap2 li li a:hover { text-decoration: none; } #col2 #sitemap1 hr, #col2 #sitemap2 hr { margin: 10px 0; } #footer { position: relative; height: 80px; line-height: 80px; text-align: center; margin: 0 0 36px; font-size: 10px; color: #cb0000; } #footer span { color: #036; } html>body #footer { margin: 0 0 26px; } #footer li { display: block; float: left; list-style: none; position: relative; left: 0; } #footer a { font-weight: normal; } #footer a:link, #footer a:visited { text-decoration: none; } #footer a:hover { text-decoration: underline; } #col1 { position: relative; float: left; width: 152px; z-index:1; } #subnav { position: relative; top: 0; left: 0; float: left; width: 152px; height: 225px; list-style: none; } #subnav li {display: block; float: left; position: relative; left: 0; top: 0; width: 152px; height: 28px; } #subnav li a { cursor: pointer; width: 152px; height: 28px; position: relative; left: 0; display: block; } #subnav li strong { position: absolute; left: 0; top: 0; z-index: 1; height: 28px; } #subnav li.home, #subnav li.home a, #subnav li.home strong { width: 152px; height: 27px; background: url(../images/subnav.gif) no-repeat 0 0; } #subnav li.home a:hover strong { background: url(../images/subnav.gif) no-repeat -152px 0; } #subnav li.homeon, #subnav li.homeon strong { width: 152px; height: 27px; background: url(../images/subnav.gif) no-repeat -152px 0; } #subnav li.gill, #subnav li.gill a, #subnav li.gill strong { width: 152px; height: 29px; background: url(../images/subnav.gif) no-repeat 0 -27px; } #subnav li.gill a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -27px; } #subnav li.gillon, #subnav li.gillon strong { width: 152px; height: 29px; background: url(../images/subnav.gif) no-repeat -152px -27px; } #subnav li.aboutmeso, #subnav li.aboutmeso a, #subnav li.aboutmeso strong { width: 152px; background: url(../images/subnav.gif) no-repeat 0 -56px; } #subnav li.aboutmeso a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -56px; } #subnav li.aboutmesoon, #subnav li.aboutmesoon strong { width: 152px; background: url(../images/subnav.gif) no-repeat -152px -56px; } #subnav li.pain, #subnav li.pain a, #subnav li.pain strong { width: 152px; background: url(../images/subnav.gif) no-repeat 0 -56px; } #subnav li.pain a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -56px; } #subnav li.painon, #subnav li.painon strong { width: 152px; background: url(../images/subnav.gif) no-repeat -152px -56px; } #subnav li.new, #subnav li.new a, #subnav li.new strong { width: 152px; background: url(../images/subnav.gif) no-repeat 0 -84px; } #subnav li.new a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -84px; } #subnav li.newon, #subnav li.newon strong { width: 152px; background: url(../images/subnav.gif) no-repeat -152px -84px; } #subnav li.trials, #subnav li.trials a, #subnav li.trials strong { width: 152px; background: url(../images/subnav.gif) no-repeat 0 -112px; } #subnav li.trials a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -112px; } #subnav li.trialson, #subnav li.trialson strong { width: 152px; background: url(../images/subnav.gif) no-repeat -152px -112px; } #subnav li.stories, #subnav li.stories a, #subnav li.stories strong { width: 152px; background: url(../images/subnav.gif) no-repeat 0 -140px; } #subnav li.stories a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -140px; } #subnav li.storieson, #subnav li.storieson strong { width: 152px; background: url(../images/subnav.gif) no-repeat -152px -140px; } #subnav li.expose, #subnav li.expose a, #subnav li.expose strong { width: 152px; background: url(../images/subnav.gif) no-repeat 0 -168px; } #subnav li.expose a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -168px; } #subnav li.exposeon, #subnav li.exposeon strong { width: 152px; background: url(../images/subnav.gif) no-repeat -152px -168px; } #subnav li.corner, #subnav li.corner a, #subnav li.corner strong { width: 152px; height: 29px; background: url(../images/subnav.gif) no-repeat 0 -196px; } #subnav li.corner a:hover strong { background: url(../images/subnav.gif) no-repeat -152px -196px; } #subnav li.corneron, #subnav li.corneron strong { width: 152px; height: 29px; background: url(../images/subnav.gif) no-repeat -152px -196px; } /* css dropdowns */ #subnav li ul { display: none; position: absolute; width: 170px; text-align: left; font-size: 11px; opacity: .98; filter: alpha(opacity= 98); -moz-opacity: .98; } #subnav li li { width: 170px; height: auto; } #subnav li>ul { top: 0; left: 152px; z-index: 50; } #subnav li:hover ul, #subnav li.sfhover ul { left: 152px; top: 0; display: block; z-index:50; } #subnav li li a:link, #subnav li li a:visited { background: #bfccd9; cursor: pointer; /* for IE */ color: #000; padding: 5px 5px 5px 8px; width: 170px; w\idth: 157px; text-decoration: none; display: block; height: auto; font-weight: normal; } #subnav li li a:hover { background-color: #036; color: #fff; } #ourgoal { width: 152px; float: left; margin: 0 0 21px; position: relative; top: 21px; left: -3px; voice-family: "\"}\""; voice-family:inherit; left: 0;} #sponsors { width: 152px; margin: 0 0 33px; float: left; position: relative; top: 33px; left: -3px; voice-family: "\"}\""; voice-family:inherit; left: 0;} #contrib { position: relative; top: 33px; float: left; margin: 0 0 33px; width: 152px; w\idth: 138px; padding: 0 9px 0 5px; } #contrib p { margin: 0 0 15px; font-size: 10px; line-height: 12px; } /* classes */ .clear { clear: both; } .clearleft { clear: left; line-height: 1px; } .required { color: #f00; } .top { text-align:center; font-size: 10px; } .top a { padding: 0 0 0 16px; background: url(../images/pagetop.gif) no-repeat 0 0; } .top a:link, .top a:visited { text-decoration: none; } .back { font-size: 10px; } .back a { padding: 0 0 0 16px; background: url(../images/back.gif) no-repeat 0 0; } .back a:link, .back a:visited { text-decoration: none; } .pdf { padding: 3px 24px 3px 0; background: url(../images/ICN_pdf.gif) no-repeat top right; } .posted { color: #036; } .close { text-align: right; } .article { color: #cb0000; font-weight: bold; } .table { background: #000; } .table th, .table td { background: #fff; padding: 3px 5px; } .table th { color: #cb0000; background: #BFCCD9; } /************************************************************/ /* common.css */ /* modified by Clifford Taylor */ /* Webmaster, MesoRFA */ /* last update: 08-27-10 */ /************************************************************/ .picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; } .picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; } .right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } .left { margin: 0.5em 0.8em 0.5em 0; float:left; } /* sIFR styles, do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-hasFlash h1, .sIFR-hasFlash h2 { visibility: hidden; font-size: 18px; letter-spacing: 11px; }