/* CSS Document */ /* -------------------------------------------- Structure for ARISE website (inside ): -------------------------------------------- div#wrapper div#header div#main div#sidebar div#content div#footer -------------------------------------------- */ a {text-decoration: none;} a:link {color: #030; background-color:transparent;} a:visited {color: #6d4b3b; background-color:transparent;} .nav a:hover {color: #669966; background-color:transparent;} a:active {} html, body, div#wrapper, div#header, div#main, div#content, div#footer { /* * It's usually safest to reset margin + padding * on html, body, and any large container divs * and override them later (below) as needed. Saves * a lot of debugging headaches and provides a more * consistent look, as different browsers give * different "default" margins and padding * if they are not specified. */ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} html, body { color: black; background-color: #94A56E; font-family: 'Adobe Garamond', Garamond, Georgia, 'Times New Roman', Times, serif; /* this is necesssary to make the rounded bottom image of #content match up properly */ text-align: right;} dl dt {font-weight:bold} /* prevents borders when an img is inside a hyperlink */ img {border: none} div#wrapper { margin: 0 auto; padding: 0; width: 800px; height: 100%; color: #000; background-color: #fff; z-index: 0; /* stuff tony changed */ } div#header { width: 800px; height: 200px; margin: 0; padding: 0; position:relative; color:inherit; background-color: #fff; background-image: url(../images/backgrounds/homepagegreengradient.gif); z-index: 5; /* stuff tony changed */ } #header h1 { width: 220px; height: inherit; position: absolute; top: 0; left: 0; font-size: inherit; text-align: center; line-height: 1.0;} #header h1 a { display:block; width:inherit; height:100%; margin:0; padding:0;} #header h1 img { margin:0 auto; width:151px; height:178px;} #header-bottom ul { padding: 0; color: inherit; background-color: white; text-align: right;} #header-bottom li { display: inline; margin: 0 25px 0 0; color: #063; background-color: white; text-align: right;} #header-bottom a:link { color: #030; background-color:transparent;} #header-bottom a:visited { color:#6d4b3b; background-color:transparent; text-decoration: none;} /* end #header-bottom */ #main { margin: 0; width: 800px; height: 100%; position: relative; right: 0px; color:transparent; background-color:#fff; z-index: 1; /* stuff tony changed */ } #mainfeature img #content { z-index: 3; /* stuff tony changed */ } #content { margin: 0 0 0 -1px; width: 579px; min-height: 700px; float:right; border-width: 0 1px 0 0; border-style: solid; border-color: #94a56e; background-color: #fff; color: black; background: url(../images/graphicpieces/greenpixel.gif) 0 25px repeat-y; z-index: 2; /* stuff tony changed */ } #content h2 { padding: 0 15px 0.2em 15px; color: black; font-size: 110%; text-align: left; } #content h4 { padding: 0 15px 0.2em 15px; color: black; font-size: 105%; text-align: left; } #content h5 { padding: 0 15px 0.1em 15px; color: black; font-size: 100%; font-style: italic; font-weight: normal; text-align: left; } #content p { padding: 0.2em 25px; color: black; line-height:normal; text-align: left; } .features img {float: right; margin: 1em} #content div.bio { text-align: justify; /* prevent float issues with the previous biography's image */ clear:right;} #content .bio img { margin: 10px 15px 10px 10px; float: right;} /* * SIDEBAR */ #sidebar { width: 220px; margin: 0; padding: 0; float: left; position: absolute; color: black; background-color: #fff; font-size: small; line-height:1.5; text-align:center;} #sidebar dl.contact, #sidebar .contact dt, #sidebar .contact dd { margin:0; padding:0; vertical-align:top;} #sidebar .contact dt { margin-top:1em;} #sidebar p { padding: 0;} #sidebar p, #sidebar li { line-height: normal; text-align: center; padding: 0.1em 15px;} #sidebar h3 { margin: 0; color:#333399; font-size: 125%; font-weight: normal; text-align: center;} #sidebar h4 { margin: 5px; color:#000; background-color:transparent; font-size: 150%; font-style: italic; font-weight: normal; text-align: center;} #sidebar ul { list-style-image: url(../images/logo/lotusbullet.gif); margin-left: 0; padding-left: 10px;} #sidebar ul a:link, #sidebar ul a:visited { color: #6d4b3b; background-color:inherit;} /* end #sidebar */ img#bottomcurve { display: inline; clear: both; margin-left: auto; text-align: right;} /* * FOOTER */ #footer { clear:both; color:#000; background-color:inherit; font-weight:lighter; font-size: 80%; text-align: center; width: 800px; height: 100%; } #footer h4 { color: #663; background-color:inherit; font:normal normal normal xx-small/1.0 Arial, sans-serif;} .bullet li { padding: 0.2em 25px; color: black; line-height:normal; text-align: left; } /* * NAVIGATION */ ul.nav { clear: both; display: block; margin: 0 auto; padding: 0; width:580px; list-style-type: none; text-align: center; position:absolute; bottom:0; left:220px; z-index: 9999; } ul.nav li { display: inline; margin: 0; padding: 0; /* this allows contained elements to use position absolute * using this element as a starting point. */ position:relative; color: #063; background-color:white;} /* * Hide submenus normally */ ul.nav ul { display:none;} /* * Show submenus when hovering over their parent links */ ul.nav li:hover ul, ul.nav li a:hover + ul, ul.nav li ul:hover { display: block; z-index:10000; margin: 0; padding: 0; width: 25ex; position: absolute; top:100%; left: 0; list-style:none; border-width:1px; border-style:solid; border-color:#555; background-color:#ccc; color: inherit; font-size: small; text-align:left; text-indent: 1ex;} ul.nav ul li { margin: 0; padding: 0; display: list-item; list-style: none; border:1px outset #999; z-index:10000; } ul.nav ul li a { display: block; margin: 0; padding: .5ex 0; width: 100%; height: auto; color: #000; background-color: transparent; text-decoration: none;} ul.nav ul li a:hover { background-color: #94A56E; color:#fff;} /* end ul#nav styles */ /* Hides from IE5-mac \*/ * html .sidebar * html .header. * html .footer * html .content * html .main * html .wrapper {height: 1%;} /* End hide from IE5-mac */