html * {
margin: 0;
padding: 0;
}
body {
font: 78%/150% "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
color: #333;
background: #a1b55f;
}
/* Global ----------- */
a {
font-weight: normal;
color: #184b8a;
}
#int_content ul , #int_content ul li, #int_content ol, #int_content ol li {
margin: 0;
}
p {
padding: 0 0 12px 0;
}
img { border: 0; }
h1 {
color: #21547f;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
line-height: 33px;
border-bottom: solid 1px #c0cca5;
}
h2 {
font-size: 15px;
font-weight: bold;
color: #21547f;
margin: 0 0 4px 0;
padding: 0;
}
h3 {
color: #21547f;
margin: 0 0 10px 0;
}
h4 {
color: #21547f;
}
/* Container ----------- */
#container {
width: 982px;
margin: 0 auto;
background: url("../img/background.gif") repeat-y;
}
/* Header ----------- */
#header {
width: 982px;
margin: 0 auto;
height: 187px;
padding: 0;
background: url("../img/header.gif") no-repeat;
}
#tools {
margin: 0 0 0 726px;
padding: 10px 0 0 0;
}
#tools a {
font-weight: bold;
color: #184b8a;
text-decoration: underline;
}
#tools a:hover {
font-weight: bold;
color: #184b8a;
text-decoration: none;
}
#support {
margin: 0 0 0 706px;
padding: 20px 0 0 0;
}
/* navigation column -------------- */
#navigation ul {
width: 146px;
float: left;
list-style: none;
padding: 0 0 0 17px;
}
#navigation ul li ul {
padding: 0;
width: 146px;
}
#navigation ul li {
float: left;
width: 146px;
}
#navigation ul li ul li {
width: 146px;
}
#navigation ul li a {
display: block;
padding: 6px 0 6px 10px;
float: left;
width: 136px;
background: url("../img/nav_bkg.gif") no-repeat;
font-weight: bold;
color: #56616a;
text-decoration: none;
}
#navigation ul li a:hover { color: #333; }
#navigation ul li ul {
list-style: none;
}
#navigation ul li ul li a {
display: block;
padding: 6px 0 6px 16px;
margin: 0;
width: 120px;
background: none;
font-size: 10px;
font-weight: normal;
color: #56616a;
text-decoration: underline;
}
#navigation ul li ul li a:hover { color: #333; text-decoration: none; }
/* Site Map -------------- */
#sitemap {
list-style: none;
}
#sitemap li a {
display: block;
padding: 0;
margin: 0 0 10px 0;
font-weight: bold;
color: #21547f;
text-decoration: underline;
}
#sitemap li a:hover { color: #333; text-decoration: none; }
#sitemap li ul {
padding: 0;
margin: 0 0 10px 20px;
list-style: none;
}
#sitemap li ul a {
display: block;
padding: 0;
margin: 0 0 10px 0;
background: none;
font-weight: normal;
color: #21547f;
text-decoration: underline;
}
#sitemap li ul a:hover { color: #333; text-decoration: none; }
/* content column -------------- */
#content {
width: 576px;
float: left;
padding: 0 0 0 30px;
}
#home_content {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #c0cca5;
}
#home_marquee {
width: 315px;
padding: 0 25px 0 0;
float: left;
}
#home_news {
width: 205px;
float: left;
padding: 0 0 0 25px;
border-left: 1px solid #c0cca5;
}
/* badges column -------------- */
#badges {
width: 213px;
float: left;
}
#actionalert {
width: 143px;
height: 100px;
padding: 46px 25px 0 25px;
font-size: 11px;
background: url("../img/background_actionalert.gif") no-repeat;
}
/* int_content -------------- */
#int_content-container {
margin: 0;
padding: 0;
}
#int_content-container ul {
margin: 0 0 0 25px;
padding: 0;
}
ul#breadcrumb {
list-style: none;
font-size: .9em;
padding: 0;
margin: 0 0 8px 0;
}
ul#breadcrumb li {
margin: 0;
padding: 0;
display: inline;
}
ul#breadcrumb li a {
text-decoration: none;
padding: 0 8px 0 0;
background: url("../img/blu_arrow_r.gif") 100% 4px no-repeat;
}
ul#breadcrumb li a.current {
color: #666;
font-weight: normal;
background: none;
}
#int_content-container table {
font: 11px/130% Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
color: #000;
margin: 0;
padding: 0;
width: 520px;
text-align: left;
}
#int_content-container th {
font-weight: bold;
color: #fff;
margin: 0;
padding: 5px;
text-align: left;
background: #333;
}
#int_content-container td {
margin: 0;
padding: 5px;
text-align: left;
border-bottom: 1px solid #ccc;
}
/* Footer -------------- */
#space {
clear: both;
}
#footer {
width: 982px;
height: 119px;
margin: 0 auto;
padding: 30px 0 0 0;
text-align: center;
color: #fff;
background: url("../img/background_footer.gif") no-repeat;
clear: both;
}
#footer a {
font-weight: bold;
color: #fff;
text-decoration: underline;
}
#footer a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
}
/*-- 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 legend {
color: #21547f;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
}
.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: 425px; }
.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width: 200px; }
.generic_form p.formcol1 {
float: left;
clear: both;
}
.generic_form p.formcol2 {
margin: 0 0 0 225px;
}
.generic_form p { padding-left: 0; }
.generic_form span.required, .generic_form span.error {
color: #b5121b;
font-style: italic;
font-size: 11px;
}
#error {
background: #fffffcc;
padding: 20px;
}
.generic_form span.error { display: block; }
.generic_form .formcheck label {
display: inline;
font-size: 11px;
}
.generic_form ul { clear: both; }
.generic_form textarea {
width: 450px;
padding: 3px;
font-weight: bold;
height: 250px;
}
.generic_form p.checkbox {
clear: both;
}
.generic_form p.checkbox input {
clear: both;
display: block;
float: left;
vertical-align: middle;
}
.generic_form p.checkbox label {
display: block;
margin: 0 0 0 20px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #efbdc0;
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: #b5121b;
}
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;
}
/* 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;
}
/* 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 */