html * {
margin: 0;
padding: 0;
}
body { background: #133350; }
/*-- Global ---------- */
body, textarea {
font: 13px/20px Georgia, Times, "Times New Roman", serif;
color: #333;
}
a {
color: #349c5d;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #06476c; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0; }
/*-- Type --*/
h2.contenttitle {
font-size: 32px;
color: #06476c;
padding: 0;
}
h3, h4 { color: #06476c; }
/*-- Images --*/
.imgleft { float: left; margin: 0 10px 10px 0; }
.imgright { float: right; margin: 0 0 10px 10px; }
/*-- Clearing Styles & Container --*/
.block {
width: 980px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
#container { background: url(/public/img/header-bg.jpg) 50% 0% no-repeat; }
#main { }
.home { background: url(/public/img/content-bg.gif) repeat-y; }
.sub { background: url(/public/img/sub-bg.gif) repeat-y; }
/*-- Main Navigation --*/
ul#navigation {
margin: 0;
list-style: none;
height: 64px;
}
ul#navigation li {
margin: 0;
float: left;
}
ul#navigation li a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
background: url(/public/img/nav.png) no-repeat;
height: 64px;
}
ul#navigation li.nav-about a { width: 80px; background-position: 0 0; }
ul#navigation li.nav-about a:hover, ul#navigation li.nav-about a.active { background-position: 0 -64px; }
ul#navigation li.nav-issues a { width: 64px; background-position: -80px 0; }
ul#navigation li.nav-issues a:hover, ul#navigation li.nav-issues a.active { background-position: -80px -64px; }
ul#navigation li.nav-events a { width: 70px; background-position: -144px 0; }
ul#navigation li.nav-events a:hover, ul#navigation li.nav-events a.active { background-position: -144px -64px; }
ul#navigation li.nav-photo_gallery a { width: 111px; background-position: -214px 0; }
ul#navigation li.nav-photo_gallery a:hover, ul#navigation li.nav-photo_gallery a.active { background-position: -214px -64px; }
ul#navigation li.nav-journal a { width: 71px; background-position: -325px 0; }
ul#navigation li.nav-journal a:hover, ul#navigation li.nav-journal a.active { background-position: -325px -64px; }
ul#navigation li.nav-contribute a { width: 91px; background-position: -396px 0; }
ul#navigation li.nav-contribute a:hover, ul#navigation li.nav-contribute a.active { background-position: -396px -64px; }
ul#navigation li.nav-volunteer a { width: 87px; background-position: -487px 0; }
ul#navigation li.nav-volunteer a:hover, ul#navigation li.nav-volunteer a.active { background-position: -487px -64px; }
ul#navigation li.nav-contact a { width: 83px; background-position: -574px 0; }
ul#navigation li.nav-contact a:hover, ul#navigation li.nav-contact a.active { background-position: -574px -64px; }
/*-- Header/Logo --*/
#header {
height: 202px;
}
.home-header { background: url(/public/img/holleman-head-bg.jpg) 610px 0px no-repeat; }
.sub-header { background: url(/public/img/sub-header-bg.jpg) 603px 0px no-repeat; }
#logo { padding: 45px 0 10px 125px; }
#logo a {
width: 309px;
height: 83px;
display: block;
text-decoration: none;
text-indent: -999em;
background: url(/public/img/holleman-logo.gif) no-repeat;
}
img.print {
display:none;
}
/*-- Home Content Area --*/
#home-content {
background: url(/public/img/holleman-head-bg.jpg) 610px -202px no-repeat;
height: 155px;
padding: 0 0 0 10px;
overflow: hidden;
}
#home-content #content {
width: 600px;
background: url(/public/img/content-top-bg.jpg) repeat-x;
font-size: 13px;
line-height: 18px;
}
#home-news-journal-marquees {
padding: 0 10px;
width: 960px;
background: url(/public/img/home-journal-bg.jpg) 340px 0px repeat-y;
}
#home-news {
width: 285px;
padding:11px 15px 0 30px;
}
#home-news h3 { border-top: solid 1px #ccc; font-size: 19px; }
#home-news h3 a { color: #06476c; }
#home-news h3 a:hover { color: #349c5d; }
#morenewslink {
float: right;
font-size: 11px;
}
#home-journal-marquees { width: 630px; overflow: auto; float: left; }
#home-journal {
width: 300px;
background: url(/public/img/home-journal-marquees-bg.jpg) no-repeat;
padding: 16px 0 0 30px;
}
#home-journal h3 { border-bottom: solid 1px #ccc; font-size: 19px; }
#home-journal p.date {
font-size: 11px;
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
padding: 2px 0;
color: #06476c;
}
#home-journal h3 a { color: #06476c; }
#home-journal h3 a:hover { color: #349c5d; }
#home-journal p { padding: 0; }
#home-journal p.more a {
font-size: 11px;
color: #042f47;
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
background: url(/public/img/blu-arrow.gif) 100% 3px no-repeat;
padding: 0 8px 0 0;
}
#home-journal h4 { font-size: 15px; padding: 9px 0 3px 0; }
#home-marquees {
width: 285px;
background: url(/public/img/home-journal-marquees-bg.jpg) -330px 0px no-repeat;
padding: 20px 0 0 15px;
}
/*-- Sub Styles --*/
#main-content #content {
width: 668px;
background: url(/public/img/sub-content-top.jpg) no-repeat;
}
#main-content { padding: 0 10px; width: 960px; }
#sidebar { width: 262px; padding: 0 20px 0 10px; }
#sidebar ul, #sidebar li {
margin: 0;
list-style: none;
}
.sidebar-element {
width: 262px;
background: #349c5d url(/public/img/badge-bottom.gif) 0% 100% no-repeat;
color: #fff;
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.sidebar-element p {
padding: 5px 18px;
font-size: 12px;
}
.sidebar-element h4 { padding: 0; }
#sidebar-contribute h4 a {
display: block;
height: 35px;
background: url(/public/img/contribute-badge-title.gif) no-repeat;
text-indent: -999em;
}
#sidebar-email h4 a {
display: block;
height: 35px;
background: url(/public/img/email-badge-title.gif) no-repeat;
text-indent: -999em;
}
#sidebar-fb h4 a {
display: block;
height: 35px;
background: url(/public/img/fb-badge-title.gif) no-repeat;
text-indent: -999em;
}
#sidebar-connect h4 a {
display: block;
height: 35px;
background: url(/public/img/connect-badge-title.jpg) no-repeat;
text-indent: -999em;
}
#sidebar-connect .imgright {
margin:0 0 0 5px;
padding:0;
height: 35px;
}
#sidebar-vote h4 a {
display: block;
height: 35px;
background: url(/public/img/badge-voting-top.jpg) no-repeat;
text-indent: -999em;
}
#sidebar-support h4 a {
display: block;
height: 62px;
background: url(/public/img/badge-isupportfrank.jpg) no-repeat;
text-indent: -999em;
}
.sidebar-element p a {
color: #fff;
font-weight: normal;
}
/*-- Subnav --*/
.subnav {
background: none;
padding: 0;
}
.subnav ul, .subnav li { margin: 0; list-style: none; }
.subnav ul { border-top: solid 1px #ccc; }
.subnav ul li { border-bottom: solid 1px #ccc; }
.subnav ul li a {
display: block;
padding: 5px 0 4px 10px;
font-size: 13px;
}
.subnav ul li a:hover, .subnav ul li a.active {
background: #ddd;
color: #06476c;
}
/*-- Content Area ---*/
.contentarea {
padding: 20px 35px;
}
/*-- Breadcrumb ---*/
ul.breadcrumb {
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
list-style: none;
padding: 5px 0;
margin: 0 0 9px 0;
}
ul.breadcrumb li {
margin: 0;
list-style: none;
display: inline;
}
ul.breadcrumb li a {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
background: url(/public/img/blu-arrow.gif) 100% 3px no-repeat;
padding: 0 10px 0 2px;
}
ul.breadcrumb li a.active {
font-weight: normal;
color: #06476c;
background: none;
}
/*-- News Styles ---*/
ul.newslist, ul.newslist li { margin: 0; list-style: none; }
ul.newslist li { border-bottom: solid 1px #ccc; padding: 0 0 5px 0; margin: 0 0 10px 0; }
ul.newslist p.date {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
color: #349c5d;
padding: 0;
}
ul.newslist h4 { padding: 0; font-size: 14px; }
ul.newslist h4 a {
color: #06476c;
font-size: 14px;
font-weight: normal;
}
ul.newslist p { padding: 5px 0; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 12px; }
ul.newslist li p.more { padding: 0; }
ul.newslist li p.more a, .news-extra a {
font-size: 11px;
color: #042f47;
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
background: url(/public/img/blu-arrow.gif) 100% 3px no-repeat;
padding: 0 8px 0 0;
}
.news-extra { padding: 0 0 10px 0; }
.news-extra a.rss {
background: url(/public/img/rss-icon.gif) 100% 0px no-repeat;
padding: 0 14px 0 10px;
}
ul.newslist a:hover, .news-extra a:hover, ul.newslist li p.more a:hover { color: #349c5d; }
/* Events ------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
}
ul#eventslist li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #eee;
}
ul#eventslist li h4 {
padding: 0;
margin: 0;
}
ul#eventslist li h4 a {
padding: 12px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 18px;
}
ul#eventslist li a.more {
display: block;
background: #acb5c3;
padding: 8px;
text-decoration: none;
}
h5.eventsubhead {
padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 15px;
border-bottom: solid 1px #ccc;
}
#eventform #guestinfo input {
width: 160px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 160px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
/* Form */
.generic_form {
width: 560px;
}
.generic_form {
padding: 9px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form fieldset {
border: none;
overflow: auto;
padding: 0;
}
.generic_form fieldset legend {
font-weight: bold;
font-size: 14px;
padding: 0 0 9px 0;
}
.generic_form h3.formsubhead {
font: 11px/18px Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 18px;
padding: 12px 4px 6px 0px;
margin: 0 0 6px 0;
}
.generic_form ul {
list-style: none;
margin: 6px 12px;
padding: 0;
}
.generic_form ul li {
margin: 0 0 6px 0;
padding: 0 0 6px 0;
}
.generic_form ul li span {
margin: 0 0 0 6px;
}
.generic_form p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form ul li input {
margin: 0 6px 0 0;
vertical-align: middle;
}
.generic_form label {
display: block;
padding: 0;
}
.generic_form ul li label {
display: inline;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form .small input.forminput { width: 65px; }
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p { float: none; }
.generic_form p.formrow, .generic_form p.formsubmit {
clear: both;
width: 500px;
}
/* --------------------------------------------------- */
/* ---- Here is where the form feild lengths are ---- */
.generic_form p.formsubmit { border-top: solid 1px #eee; }
.generic_form p input.forminput { width: 478px; }
.generic_form p.formcol1 input.forminput, .generic_form p.formcol2 input.forminput { width: 220px; }
.generic_form p.formcol1 {
float: left;
clear: both;
width: 260px;
}
.generic_form p.formcol2 {
}
/* ------------------------------------------------- */
.generic_form p { padding: 9px 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
margin: 0 0 9px 0;
}
.generic_form span.error { display: block; }
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form .checkbox { margin: 3px 0; padding: 15px 10px 6px 0; font-size: 11px; }
#forminset {
background: #eee;
padding: 12px;
border: solid 1px #ddd;
}
#forminset p.checkbox {
padding: 0;
margin: 0;
}
p#legalerror {
color: #cc0000;
}
.generic_form select { margin: 2px 0; }
.generic_form textarea {
width: 520px;
padding: 3px;
font-weight: bold;
height: 200px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #cc0000;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
background: #ccc;
border: solid 1px #ddd;
font-size: 16px;
}
.generic_form input.submit {
margin: 0 0 18px 0;
padding: 5px;
background: #ccc;
border: solid 1px #ddd;
font-size: 16px;
}
.generic_form .small input.forminput { width: 65px; }
p.error {
color: #cc0000;
}
.error {
color: #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
font-style: italic;
}
.generic_form p.captcha {
background: #eee;
padding: 18px;
width: 400px;
margin: 0 0 9px 0;
}
.generic_form .captcha img {
border: solid 1px #eee;
padding: 4px;
background: #fff;
margin: 5px 0 0 0;
}
.generic_form .captcha input.forminput {
width: 170px;
font-size: 16px;
padding: 9px 4px;
vertical-align: top;
margin: 11px 0 0 6px;
text-align: center;
}
.generic_form .captcha span.error { clear: both; }
/* Gallery --- */
ul#gallerylist {
float: left;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
margin: 0 auto;
text-align: center;
width: 590px;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
* html #currentphoto { width: 540px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails {
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
ul#albums {
list-style: none;
margin: 0;
}
ul#albums li {
float: left;
width: 120px;
height: 138px;
background: #eee;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 16px 12px;
text-align: center;
}
ul#albums li div.albums-img-container {
overflow: hidden;
width: 80px;
height: 80px;
border: solid 4px #fff;
margin: 0 auto;
}
ul#albums li p { padding: 0; }
ul#albums li h5 {
font-size: 11px;
padding: 3px 0;
border: none;
margin: 0;
}
ul#albums li h5 a { font-weight: normal; }
ul#albums li span {
font-size: 10px;
}
/*-- Footer ----*/
#footer {
height: 70px;
background: url(/public/img/footer-bg2.jpg) no-repeat;
padding: 18px 40px 0 40px;
width: 900px;
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
}
#footer-links { float: right; }
#footer p {
padding:0;
}