html * {
margin: 0;
padding: 0;
}
body {
background: #382b1b url('/public/img/body-bg.jpg') 50% 163px;
margin: 0 0 36px 0;
}
/*-- Global ---------- */
body, textarea {
font: 13px/18px Georgia, Times, "Times New Roman", serif;
color: #2c2115;
}
a {
color: #00345a;
font-weight: bold;
text-decoration: none;
}
a:hover { color: #7d9c27; }
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 {
/* font-weight: normal; */
}
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;}
/*-- Clearing Styles & Container --*/
.block {
width: 776px;
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;
}
/*-- Layout --*/
#main-container {
background: url('/public/img/header-bg.jpg') 50% 0% repeat-x;
}
#main {
background: url(/public/img/main-bg.gif) repeat-y;
padding-bottom: 18px;
}
#content-col {
width: 458px;
background: url(/public/img/top-bg.jpg) no-repeat;
padding: 0 0 0 18px;
}
#sidebar {
width: 244px;
background: url(/public/img/top-bg.jpg) -476px 0px no-repeat;
padding: 36px 40px 0 16px;
}
/*-- Logo --*/
#logo {
width: 248px;
height: 106px;
padding: 33px 0 43px 1px;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 248px;
height: 106px;
background: url(/public/img/scrdc-logo.gif) no-repeat;
}
/*-- Main Navigation --*/
ul#navigation {
margin: 0;
list-style: none;
padding: 0 0 9px 0;
}
ul#navigation li {
margin: 0 0 1px 0;
float: left;
width: 244px;
background: url(/public/img/dots-bg.gif) left bottom repeat-x;
}
ul#navigation li.last { background: none; }
ul#navigation li a {
display: block;
font-size: 15px;
padding: 9px 0 8px 0;
font-weight: normal;
}
/*-- Content-col ---- */
#home-content {
/*font-style: italic;*/
padding: 18px 12px;
}
h2#contenttitle {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
padding: 9px 0 8px 0;
margin: 0 0 9px 0;
background: url(/public/img/dots-bg.gif) left bottom repeat-x;
letter-spacing: -1px;
color: #7d9c27;
}
#content {
}
#directory {
margin: 0;
padding: 10px;
background: #d4cdbd;
}
ul#directory_list {
list-style: none;
margin: 0;
}
ul#directory_list li {
margin: 0 0 9px 0;
padding: 9px 0 9px 0;
border-bottom: solid 1px #d2cbbb;
}
h5 {
font-size: 18px;
}
#searchinfo {
padding: 18px 18px 0 18px;
background: #d2cbbb;
}
/*-- Sidebar ---- */
h2#resourceorg-link { padding: 0; }
h2#resourceorg-link a {
width: 244px;
height: 77px;
text-decoration: none;
text-indent: -999em;
background: url(/public/img/resourceorg-link.gif) no-repeat;
display: block;
}
#home-newsletter {
padding: 18px 0;
}
#home-newsletter-title { padding: 0; }
#home-newsletter-title a {
padding: 0;
background: url(/public/img/home-newsletter-title.gif) no-repeat;
height: 21px;
text-decoration: none;
text-indent: -999em;
border-bottom: solid 1px #d2cbbb;
display: block;
}
#home-newsletter ul {
padding: 9px 0;
list-style: none;
margin: 0;
}
#home-newsletter ul li {
padding: 0 0 9px 0;
margin: 0 0 9px 0;
background: url(/public/img/dots-bg.gif) left bottom repeat-x;
}
#home-newsletter p.more { padding: 0; }
#home-newsletter p.more a {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
background: url(/public/img/blu-link-arrow.gif) 100% 50% no-repeat;
font-size: 11px;
padding: 0 11px 0 0;
}
#home-newsletter ul li h6 { padding: 0; }
#home-newsletter ul li h6 a {
color: #2c2115;
font-size: 16px;
font-weight: normal;
}
p.byline {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
padding: 3px 0 0 0;
font-size: 11px;
}
span.author {
color: #7d9c27;
font-weight: bold;
}
p.meta {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
padding: 0 0 9px 0;
margin: 0 0 9px 0;
font-size: 11px;
font-weight: bold;
border-bottom: solid 1px #d2cbbb;
}
#home-newsletter ul li p.meta {
padding: 0;
margin: 0;
border: none;
font-size: 10px;
}
#home-newsletter ul li .newsletter-desc p {
padding: 9px 0;
}
/*-- News ---- */
#home-news { padding: 0 0 0 12px; }
p#home-news-link {
float: right;
}
p#home-news-link a {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
background: url(/public/img/blu-link-arrow.gif) 100% 50% no-repeat;
font-size: 11px;
padding: 0 11px 0 0;
}
h3#home-news-title {
background: url(/public/img/homenews-title.gif) no-repeat;
height: 35px;
text-decoration: none;
text-indent: -999em;
display: block;
padding: 0;
border-bottom: solid 1px #d2cbbb;
}
#newslist img{
align: left;
margin: 0 5px 5px 0;
}
ul#newslist {
margin: 0;
list-style: none;
}
ul#newslist li {
padding: 9px 0;
background: url(/public/img/dots-bg.gif) left bottom repeat-x;
}
ul#newslist li h4 { padding: 0; }
ul#newslist li h4 a {
font-size: 16px;
font-weight: normal;
}
ul#newslist li p.date {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
padding: 0;
color: #7d9c27;
font-size: 11px;
font-weight: bold;
}
ul#newslist li p.more { padding: 0; }
ul#newslist li p.more a {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
background: url(/public/img/blu-link-arrow.gif) 100% 50% no-repeat;
font-size: 11px;
padding: 0 11px 0 0;
}
ul#newslist li .newslist-desc p {
padding: 9px 0;
}
/*-- Breadcrumb ------*/
ul#breadcrumb {
margin: 0;
list-style: none;
padding: 0 0 8px 0;
margin: 0 0 9px 0;
background: url(/public/img/dots-bg.gif) left bottom repeat-x;
}
ul#breadcrumb li {
margin: 0;
display: inline;
}
ul#breadcrumb li a {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
background: url(/public/img/blu-link-arrow.gif) 100% 50% no-repeat;
font-size: 11px;
padding: 0 10px 0 0;
margin: 0 2px 0 0;
}
ul#breadcrumb li.active a {
font-weight: normal;
background: none;
}
/*-- Footer --------------*/
#footer {
height: 107px;
background: url(/public/img/footer-bg.jpg) no-repeat;
color: #fff;
}
#footer #copyright {
padding: 9px 0 0 26px;
font-size: 11px;
}
#footer-search {
width: 292px;
height: 42px;
float: right;
}
#footer-nav {
list-style: none;
margin: 0;
padding: 40px 0 0 26px;
}
#footer-nav li {
display: inline;
}
#footer-nav li a {
color: #fff;
font-weight: normal;
text-decoration: underline;
font-size: 11px;
padding: 0 5px;
border-right: solid 1px #fff;
line-height: 11px;
}
/*-- Search Form ---- */
#searchform * { vertical-align: middle; }
#searchform { padding: 11px 0 0 9px; }
#searchform label {
background: url(/public/img/search-title.gif) 0px 4px no-repeat;
display: block;
float: left;
width: 54px;
height: 13px;
text-indent: -999em;
padding: 4px 9px 0 0;
}
#searchform input#search {
width: 150px;
padding: 2px;
border: solid 1px #cac5b8;
margin: 0 3px 0 0;
}
#editContent {
padding: 12px;
background: #fff;
}
/*-- Form Styles ----- */
.generic_form {}
.generic_form {
padding: 18px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form h3 {
clear: both;
float: left;
}
.generic_form fieldset {
clear: both;
border: none;
}
.generic_form fieldset h4 {
border-bottom: solid 1px #ddd;
margin: 0 0 9px 0;
}
.generic_form legend {
font-family: Georgia, Times, "Times New Roman", serif;
color: #fff;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
border: none;
}
.generic_form ul { list-style: none; }
.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; }
.generic_form label {
display: block;
font-weight: normal;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p { float: none; }
.generic_form p.formrow { clear: both; }
.generic_form p input.forminput { width: 425px; }
.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width:175px; }
.generic_form p.formcol1 {
float: left;
clear: both;
}
.generic_form p.formcol2 {
margin: 0 0 0 250px;
}
.generic_form p { padding-left: 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
}
.generic_form span.error { display: block; }
.generic_form .checkbox { padding: 2px 0;}
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form ul { clear: both; }
select#direction {
width: 510px;
}
.generic_form textarea {
width: 425px;
padding: 3px;
height: 250px;
}
.generic_form optgroup option {
padding: 0 0 0 15px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #ffffcc;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit { margin: 0 0 18px 0; }
p.error {
color: #cc0000;
}
input.error {
border: solid 1px #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
}
.compact p {
clear: both;
float: left;
padding: 0;
}
.compact label {
}
.compact fieldset {
border: 0;
padding: 6px;
}
.compact fieldset legend { padding: 0; }
.compact input {
margin: 0;
padding: 3px;
}
.compact input.submit {
padding: 2px;
margin: 12px 0 0 0;
}
#forminset {
padding: 10px;
background: #666e77;
margin: 0 0 12px 0;
}
#forminset ul {
list-style: none;
}
#forminset .checkbox {
border-top: solid 1px #fff;
padding: 10px 0 10px 0;
margin: 12px 0 0 0;
}
.small label {
display: inline;
margin: 0 10px 0 0;
}
p.small input.forminput {
width: 80px;
}
/* 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 h3 a {
padding: 0 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 18px;
}
h5.eventsubhead {
padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 1.4em;
border-bottom: solid 1px #ccc;
}
#eventform #guestinfo input {
width: 120px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 120px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
#events_header h3 {
padding: 0 0 9px 0;
margin: 0 0 9px 0;
color: #923219;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
#events_header_nav {
float: right;
font-size: 11px;
}
/* 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 {
width: 464px;
margin: 0 auto;
text-align: center;
}
#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 {
width: 464px;
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}