/* Browser Reset -------------------------------------------------------------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } /* Debug ---------*/ /* { border-top: 1px solid red; } /* Foundation -------------------------------------------------------------------------------------------------------------------------------*/ body { background: #f8f8f8 url(../_img/bgtile.jpg) repeat-x; font: 0.875em/1 Helvetica, Arial, sans-serif; color: #333; } a { color: #0087D0; text-decoration:none; } a:hover { color: #0087D0; text-decoration:underline; } a img { border: none; } #container { width: 960px; margin: 0 auto; padding: 0 0 10px 0; } /* Header -------------------------------------------------------------------------------------------------------------------------------*/ #header { clear: both; width: 960px; margin: 0; height: 200px; background: url(../_img/headerbg.jpg) 20px -1px no-repeat; position: relative; } #header h1 { font-size: 1.4em; width: 190px; height: 170px; float: left; display: inline; padding: 0; } #header h1 a { display: block; width: 180px; height: 170px; background: url(../_img/logo.jpg) 0 -1px no-repeat; margin: 0 0 0 20px; text-indent: -20000px; } #header img, #header object { float: right; display: inline; } #header-right { width:300px; float: right; display: inline; padding:35px 0 0 0; margin:0 20px 0 0; font-family: Arial, tahoma, sans-serif; text-align:right; } #header-right img { float:left; display:inline; margin:10px 10px 0 0; } #header-right h3 { text-transform:uppercase; letter-spacing:2px; color:#999; font-size:.75em; font-weight:normal; padding:5px 0; margin:0 0 5px 0; border-bottom:1px solid #01487E; } #header-right h3 strong { color:#999; } #header-right p { line-height:1.4em; font-size:.9em; } /* Nav-Bar -------------------------------------------------------------------------------------------------------------------------------*/ #nav-bar { margin: 120px 0 0 35px; width: 360px; height:50px; padding: 0 4px; float: left; display: inline; } ul#nav-links { font-size: 1.2em; font-family:Georgia, Times, 'Times New Roman', serif; } ul#nav-links li { padding: 6px 0; list-style: none; float:left; display:inline; margin:0 8px; } ul#nav-links li a { padding: 6px 0; color: #ccc; text-decoration: none; margin:0; } ul#nav-links li a:hover, ul#nav-links li a.active { color: #fff; } /* Breadcrumbs -------------------------------------------------------------------------------------------------------------------------------*/ #breadcrumbs { margin: 0; padding: 12px 0; width:560px; float: left; display: inline;} #breadcrumbs p { font-size: 0.8em; color: #999; } #breadcrumbs p strong { color: #444; font-weight: normal; margin: 0 13px 0 30px; } #breadcrumbs p a { color: #999; } #breadcrumbs p a:hover { color: #333; } #breadcrumbs p span { margin: 0 5px; } #breadcrumbs p a.active { text-decoration: none; font-weight: bold; } /* Donate -------------------------------------------------------------------------------------------------------------------------------*/ #donate { width:350px; height:30px; float: left; display: inline; margin:0 0 0 30px; } #donate a { display: block; width:350px; height:30px; background:url(../_img/button_donate.jpg) 0 0 no-repeat; } #donate a:hover { display: block; width:350px; height:30px; background:url(../_img/button_donate.jpg) 0 -30px no-repeat; } #donate span {display:none; } /* Generic Block Styles -------------------------------------------------------------------------------------------------------------------------------*/ .block { margin: 0; } .block h2 { color: #930; background: #E5E5CC; padding: 12px 12px 11px 12px; font-size: 1.2em; text-align: right; } .block h2 strong { font-weight: normal; float: left; } .block h2 em { font-size: 0.6em; font-style: normal; font-weight: normal; letter-spacing:0; } .block h2 em a { color: #996; text-decoration: none; } .block h2 em a:hover { color: #066; text-decoration: underline; } /* Content -------------------------------------------------------------------------------------------------------------------------------*/ #content { float: left; display: inline; width: 960px; padding: 0 0 10px 0; margin:10px 0 20px 0; } hr { border: none; border-top: 1px solid #999; } #content-left { width: 660px; float: left; display: inline; margin: 0; } #content-right { width: 250px; float: left; display: inline; margin: 0 0 0 30px; } #content-right p { font-size:0.875em; color:#333; line-height:1.2em; letter-spacing:0; margin:0 0 10px 0; } #content h3 {font-family:Helvetica, Arial, sans-serif; font-size:1.4em; padding:0 0 5px 0; color:#666; border-bottom:3px solid #ccc; font-weight:normal; margin:5px 0 15px 0; } #content ol { color: #666; font-size: 0.85em; margin: 2px 0 10px 0; line-height: .8; } #content ol li { margin:0 0 10px 0; } #content ul { margin:10px 0 0 0; color: #666; font-size: 0.85em; margin: 2px 0 10px 0; line-height: .8; list-style:none; } #content ul li { margin:0 0 10px 0; line-height:13px; } #content ul li em { color:#888; } #content h4 { font-family: Helvetica, Arial, sans-serif; color: #444; font-size: 1.2em; margin: 12px 0 0 0; letter-spacing:0; font-weight:bold;} #content h4 span { font-size:.7em; margin:0 0 0 10px; font-weight:normal; border-left:1px solid #ccc; padding:5px 0 5px 10px } #content h5 { margin: 12px 0 0 0; color:#999; font-weight:normal; letter-spacing:1px;} #content hr { margin:10px 0; } #content p { margin:0 0 10px 0; } /* Left-Column (Interior) -------------------------------------------------------------------------------------------------------------------------------*/ #left-column { width: 220px; float: left; display: inline; margin: 0; } #left-column img { float:right; margin:0 30px 5px 5px; } #left-column p { font-size:0.875em; color:#777; line-height:1.5em; margin:0 30px 10px 30px; font-family: Georgia, Times, 'Times New Roman', serif; } #left-column h2 { margin: 0 0 10px 30px; width:160px; height:30px; } #left-column h2 span { display:none; } #left-column h2.resources { background:url(../_img/h2-resources.jpg) no-repeat; } #left-column h2.about_us { background:url(../_img/h2-about_us.jpg) no-repeat; } #left-column h2.contact_us { background:url(../_img/h2-contact_us.jpg) no-repeat; } /* Interior-Navigation -------------------------------------------------------------------------------------------------------------------------------*/ #interior-navigation { background: url(../_img/subnavbg.jpg) no-repeat; min-height: 350px; height: auto !important; height: 350px; padding:10px 0 0 0; } #interior-navigation h2 { font-weight: normal; color: #fff; font-size: 1.6em; margin: 0; padding: 12px 20px 10px 20px; background: #5a241d url(../_img/maroon_gradient.gif) repeat-x } #interior-navigation ul { font-size: 1em; margin: 0 10px 0 30px; padding-bottom: 12px; } #interior-navigation ul li { list-style: none; margin:0; } #interior-navigation ul li a { color: #0087D0; display: block; border-bottom:1px solid #ccc; /* background:url(../_img/navborder.jpg) bottom right no-repeat; */ width: 150px; padding:10px 0; } #interior-navigation ul li a:hover { text-decoration:none; color:#333; background:url(../_img/arrow.gif) right center no-repeat; } /* Right-Column (Interior) -------------------------------------------------------------------------------------------------------------------------------*/ #right-column { width: 440px; float: left; display: inline; } #right-column p { font-size:.95em; color:#333; line-height:1.4em; letter-spacing:0; margin:0 0 10px 0; } #right-column p em { } #right-column h4 { margin:5px 0 5px 0; } #right-column h3 { font-family: Georgia, Times, 'Times New Roman', serif; font-size:2em; color:#930; } #right-column img { margin:0 10px 10px 0; padding:3px; background:#f8f8f8; border:1px solid #ccc; } #full-column { width:630px; margin:0 0 0 30px; } #full-column h2 {font-family: Georgia, Times, 'Times New Roman', serif; font-size:2em; color:#930; font-weight:normal; } #full-column h3 { font-size:1em; color:#888; } /* #full-column p { font-family: Georgia, Times, 'Times New Roman', serif; line-height:1.5em; font-size:1.2em; margin:0 0 15px 0; } */ #full-column p { font-size:.95em; color:#333; line-height:1.4em; letter-spacing:0; margin:0 0 10px 0; } #full-column ol { margin:0 0 0 10px; font-size:.95em; color:#333; line-height:1.4em; letter-spacing:0; margin:0 0 10px 0; } #full-column ul { margin:0 0 0 10px; font-size:.95em; color:#333; line-height:1.4em; letter-spacing:0; margin:0 0 10px 0; } div.essay-block { width:120px; height:150px; overflow:hidden; float:left; display:inline; } div.essay-block a { width:120px; height:150px; overflow:hidden; float:left; display:inline; background:url(../_img/essaybg.jpg) -120px 0 no-repeat; text-decoration:none; } div.essay-block a:hover { width:120px; height:150px; overflow:hidden; float:left; display:inline; background:url(../_img/essaybg.jpg) 0 0 no-repeat; text-decoration:none; } div.essay-block img { margin:5px 8px 0 8px; } #full-column div.essay-block h4 { font-size:.9em; margin:5px 8px 2px 8px; } #full-column div.essay-block h5 { font-style:italic; margin:0 8px; letter-spacing:0; } div.essay-block a:hover h4 { color:#0087D0; } #essay-details { margin:40px 0 20px 0; } div.essay-pic { width:110px; float:right; margin:0 0 10px 10px; } div.essay-pic img { background:#fff; padding:5px; } #content-right div.essay-pic h4 { font-family: Georgia, Times, 'Times New Roman', serif; font-size:.9em; color:#0168B9; } #content-right h3 { margin:11px 0 0 0; font-size:1em; background:#e6e6e6; padding:7px 10px; clear:both; font-weight:bold; } #content-right p { margin:10px 0 5px 10px; } #content-right ul { background:#fff; border:1px solid #e6e6e6; margin:0; padding:10px 0; } #content-right ul li { margin:0 5px 7px 5px; background:url(../_img/arrow.gif) left center no-repeat; padding:3px 0 3px 12px; border-bottom:1px solid #e6e6e6; } #content-right ul li a { color:#555; } #content-right ul li em { margin:0 0 0 5px; } /* forms ---------------------------------------------------------------------------------*/ div.forms { clear:both; margin:20px 0; } div.forms label { display:block; float:none; margin:1em 0 0 0; font-weight:bold; font-size:0.9em; } div.forms input.text { width:300px; } div.forms textarea { width:300px; } div.forms select { width:300px; margin:1em 0 -1em 0; font-weight:bold; font-size:0.9em; float:none; } div.forms p.error { font-weight:bold; color:red; } /* Footer-Content -------------------------------------------------------------------------------------------------------------------------------*/ #footer { clear: both; float:left; width: 960px; margin: 10px 0 30px 0; padding:5px 0; overflow: auto; background:url(../_img/footerbg.gif) top left no-repeat; } #footer-links { padding: 10px 0 10px 30px; } #footer-links ul { font-size: 0.85em; color: #999; } #footer-links ul li { display: inline; list-style: none; margin: 0; padding: 0; } #footer-links ul li#copyright { margin: 0 6px 0 0; } #footer-links ul li a { color:#999; padding: 9px 10px; border-left: 1px solid #ccc; } #footer-links ul li a:hover { }