html * {
margin: 0;
padding: 0;
}
body {
font: 78%/150% "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
color: #333;
background: #333e4b url("/public/img/background.gif") repeat-x;
}
/* Global ----------- */
a {
font-weight: normal;
color: #52bbe3;
}
a:hover {
text-decoration: none;
}
p {
padding: 0 0 12px 0;
}
img { border: 0; }
h1 {
color: #21547f;
font-size: 20px;
padding: 0;
margin: 0;
}
h2 {
font-size: 15px;
font-family: georgia, times, times new roman, serif;
font-weight: bold;
color: #f0dd73;
margin: 0 0 10px 0;
padding: 0;
}
h3 {
color: #f0dd73;
font-family: georgia, times, times new roman, serif;
font-size: 16px;
}
h4 {
color: #9ca9b2;
}
/* Container ----------- */
#container {
width: 749px;
margin: 0 auto;
padding: 0;
border-top: solid 25px #0a4f8d;
}
/* header ----------- */
#header {
width: 749px;
height: 130px;
margin: 0;
padding: 0;
}
#header h1 {
margin: 0;
width: 318px;
padding: 0;
}
#header h1 a {
height: 54px;
background: url(/public/img/logo.gif) no-repeat;
text-decoration: none;
text-indent: -999em;
display: block;
}
#logo {
margin: 15px 0 20px 15px;
padding: 0;
width: 350px;
float: left;
}
#contribute {
margin: 20px 15px 0 0;
padding: 0;
width: 350px;
float: right;
text-align: right;
}
#mainnav {
margin: 0;
clear: both;
padding: 0;
height: 40px;
background: url(/public/img/mainnav_bkg.gif) no-repeat;
}
#mainnav ul {
list-style: none;
}
#mainnav li {
float: left;
padding: 0;
}
#mainnav li a {
padding: 12px 0 0 20px;
float: left;
display: block;
color: #0a4f8d;
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#mainnav li a:hover {
color: #000;
text-decoration: none;
}
/* content -------------- */
#content {
margin: 0;
padding: 0;
background: #4a525b;
clear: both;
}
/* home content -------------- */
#home_content {
margin: 0;
padding: 15px 15px 0 15px;
height: 219px;
background: #4a525b url(/public/img/home_content_bkg.gif) no-repeat;
clear: both;
color: #fff;
}
#home_marquis1 {
width: 420px;
margin: 0;
padding: 0;
float: left;
}
#home_marquis2 {
width: 265px;
margin: 0;
padding: 0;
float: right;
}
#home_content img {
margin: 0 0 0 5px;
padding: 0;
}
#fullmessagebox {
background: #f0dd73;
padding: 15px;
border-top: #ccc solid 8px;
clear: both;
}
#newseventmarquis{
margin: 0;
padding: 15px;
clear: both;
color: #fff;
}
#home_news {
width: 340px;
margin: 0;
padding: 0;
float: left;
}
#home_event {
width: 340px;
margin: 0;
padding: 0;
float: right;
}
.newstitle {
font-size: 12px;
font-weight: bold;
color: #f0dd73;
}
h4#button-newsletter {
text-indent:-999em;
height:40px;
width:177px;
background: url("/public/img/button_newsletter.jpg") no-repeat;
}
/* sub_content content -------------- */
#sub_content {
margin: 0;
padding: 0;
}
#sub_nav {
width: 180px;
margin: 0 0 0 15px;
padding: 0;
float: left;
}
#sub_nav ul {
padding: 0 0 15px 0;
list-style: none;
margin: 0;
background: #f1f1f1;
}
#sub_nav li {
padding: 0;
margin: 0;
}
#sub_nav li a {
padding: 12px 0 0 20px;
display: block;
color: #0a4f8d;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#sub_nav li a:hover {
color: #000;
text-decoration: none;
}
#sub_body {
width: 500px;
margin: 0;
padding: 15px 15px 15px 0;
float: right;
color: #fff;
}
#sub_body ul {
margin: 0 0 10px 30px;
padding: 0;
}
#sub_body ol {
margin: 0 0 10px 30px;
padding: 0;
}
/*-- breadcrumb ----- */
#breadcrumb {
margin: 0;
padding: 8px 0 0 233px;
height: 30px;
background: #175289;
}
#breadcrumb ul {
list-style: none;
margin: 0;
padding: 0;
}
#breadcrumb li {
margin: 0;
display: inline;
}
#breadcrumb li a {
color: #fff;
font-size: 11px;
background: url("/public/img/more_arrow.gif") 100% 63% no-repeat;
padding: 0 10px 0 0;
}
#breadcrumb li a.active {
color: #fff;
background-image: none;
font-weight: normal;
text-decoration: none;
}
/* Footer -------------- */
#footer {
background: #07223a;
color: #fff;
padding: 20px;
clear: both;
}
#footer a {
font-weight: bold;
color: #fff;
text-decoration: underline;
}
#footer a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
}
#space { clear: both; margin: 0; padding: 0; }
/*-- Form Styles ----- */
.generic_form {}
.generic_form {
padding: 18px 0 16px 0;
border: none;
border-bottom: solid 2px #cdd8e0;
margin: 0 0 18px 0;
}
.generic_form fieldset {
float: left;
clear: both;
border: none;
}
.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: bold;
}
.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: 350px; }
.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width: 150px; }
.generic_form p.formcol1 {
float: left;
clear: both;
}
.generic_form p.formcol2 {
margin: 0 0 0 200px;
}
.generic_form p { padding-left: 0; }
.generic_form span.required, .generic_form span.error {
color: #ffffcc;
font-style: italic;
font-size: 11px;
}
.generic_form span.error { display: block; }
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form ul { clear: both; }
.generic_form textarea {
width: 350px;
padding: 3px;
font-weight: bold;
height: 250px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #ffffcc;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 6px;
font-weight: bold;
font-size: 15px;
background: #ff0000;
border: solid 1px #ddd;
color: #fff;
margin: 9px 0 18px 0;
display: block;
}
.generic_form input.submit { margin: 9px 0 18px 0; }
p.error {
color: #ffffcc;
}
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;
}
/* Events ------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #eee;
}
ul#eventslist li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-top: solid 1px #eee;
}
ul#eventslist li h3 a {
padding: 12px 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;
}
/*
ul#eventslist li a.more {
color: #c73633;
text-decoration: none;
background: url(/public/img/arrow_red_r.gif) 100% 50% no-repeat;
font-weight: bold;
padding: 0 10px 0 0;
}
ul#eventslist li h3 {
padding: 10px 0 0 0;
font-size: 1.3em;
}
#eventinfo h4 {
font-size: 1.6em;
color: #64a6c5;
padding: 10px 0 12px 0;
margin: 0 0 10px 0;
border-bottom: solid 3px #bbb;
}
---- */
/* Gallery --- */
#gallerylist { float: left; }
#gallerylist, #gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
#gallerylist li img.thumbnail {
float: left;
margin: 0 10px 10px 0;
padding: 5px;
border: solid 1px #ddd;
}
#gallerylist li {
border-top: solid 1px #eee;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
clear: both;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
#content_white {
color:#000;
margin: 0;
padding: 0;
background: #fff;
clear: both;
}
#content_white * {
color:#000;
}
#content_white h1, #content_white h2, #content_white h3, #content_white h4, #content_white h5, #content_white h6 {
color:#0a4f8d;
}
#content_white p a, #content_white a strong, #content_white a, #content_white a:visited, #content_white a:hover {
color:#52bbe3;
}
/* from http://www.positioniseverything.net/easyclearing.html --------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */