html * {
margin: 0;
padding: 0;
}
body {
background: #154b8a url("/public/img/header-bg.jpg") 0px 8px repeat-x;
margin: 8px 0 20px 0;
}
/*-- Global ---------- */
body, textarea {
font: 12px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
color: #000;
}
a {
color: #154b8a;
font-weight: bold;
}
a:hover { color: red; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { color: #154b8a; font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { color: #154b8a; font-size: 24px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { color: #154b8a; font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { color: #154b8a; font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { color: #154b8a; font-size: 11px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { color: #154b8a; 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 --*/
/*.container {
width: 910px;
margin: 0 auto;
background: #fff;
}*/
.block {
width: 800px;
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: 200px;
}
/*-- Main Navigation --*/
#mainnav {
height: 29px;
}
#mainnav ul { float: right; }
#mainnav ul, #mainnav ul li {
margin: 0;
list-style: none;
}
#mainnav ul li {
float: left;
height: 29px;
background: url('/public/img/mainnav-link-bg-l.gif') no-repeat;
margin: 0 3px;
}
#mainnav ul li a {
float: left;
display: block;
height: 23px;
padding: 6px 10px 0 9px;
background: url('/public/img/mainnav-link-bg-r.gif') 100% 0% no-repeat;
color: #fff;
text-decoration: none;
}
#mainnav ul li a:hover, #mainnav ul li.active a {
background-position: 100% -29px;
color: #2f6bb1;
}
#mainnav ul li:hover, #mainnav ul li.sfhover, #mainnav ul li.active { background-position: 0px -29px; }
/*-- Logo --*/
#logo {
padding: 34px 0 0 0;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 254px;
height: 48px;
background: url("/public/img/belindagergel-logo.jpg") no-repeat;
}
/*-- Header --*/
#header {
height: 111px;
}
#header #topnav {
float: right;
background: #154b8a url('/public/img/header-topnav-r.gif') 100% 0% no-repeat;
height: 27px;
padding: 0 12px 0 0;
}
#header #topnav ul {
background: url('/public/img/header-topnav-l.gif') no-repeat;
height: 27px;
list-style: none;
margin: 0;
padding: 0 0 0 12px;
float: left;
}
#header #topnav ul li {
display: inline;
margin: 0;
}
#header #topnav ul li a {
color: #fff;
font-size: 11px;
font-weight: normal;
padding: 0 4px 0 4px;
text-decoration: none;
}
/*-- Home Content --*/
#home-content {
margin-bottom: 11px;
background: url('/public/img/home-content-sidebar-bg.gif') right top repeat-y;
}
#home-content-container {
background: #eae6c5;
}
#home-content-col1 {
width: 520px;
padding: 28px 30px 28px 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 13px;
}
#home-content-col1 img {
float: left;
margin: 0 14px 14px 0;
}
#home-content-sidebar {
width: 250px;
}
#home-content-sidebar h2 {
background: url('/public/img/home-content-sidebar-title-bg.gif') no-repeat;
color: #fff;
padding: 27px 0 0 15px;
font-size: 14px;
}
#home-content-sidebar-text {
margin: 0 auto;
border-top: solid 1px #5c81ad;
color: #fff;
width: 220px;
padding: 9px 0;
}
/*-- Sidebar --*/
#sidebar {
width: 200px;
padding: 14px 0;
}
#sidebar-nav {
background: #fff url('/public/img/sidebar-nav-bg-bottom.gif') 0% 100% no-repeat;
width: 180px;
}
#sidebar-nav ul {
background: url('/public/img/sidebar-nav-bg-top.gif') no-repeat;
list-style: none;
margin: 0;
padding: 9px 0 9px 0;
}
#sidebar-nav ul li {
margin: 0;
width: 180px;
float: left;
}
#sidebar-nav ul li a {
padding: 3px 10px 3px 10px;
color: #154b8a;
text-decoration: underline;
display: block;
float: left;
width: 160px;
}
#sidebar-nav ul li a:hover { text-decoration: none; }
#sidebar-nav ul li ul {
padding: 0;
background: none;
}
#sidebar-nav ul li ul li a {
padding-left: 20px;
width: 150px;
font-size: 11px;
}
/* Home News/events/etc */
#main-container {
background: #eee;
}
#main {
background: #fff url('/public/img/sidebar-bg.gif') -50px 0px repeat-y;
}
#main-content {
width: 600px;
background: #fff;
padding: 14px 0;
}
.home-list {
width: 176px;
padding: 0px 12px 12px 12px;
}
.home-list h3 {
font-family: Georgia, Times, "Times New Roman", serif;
padding: 0 0 9px 0;
margin: 0 0 9px 0;
font-weight: normal;
color: #154b8a;
border-bottom: solid 1px #b8c9dc;
}
.home-list ul, .home-list ul li {
list-style: none;
margin: 0;
}
.home-list ul li {
padding: 0 0 18px 0;
}
.home-list ul li h4 {
font-size: 12px;
padding: 0;
}
.home-list ul li a { font-weight: normal; }
.home-list ul li a.more {}
/* Pagetitle */
#contenttitle-container {
height: 52px;
background: #eae6c5;
}
h2#contenttitle {
width: 575px;
padding: 0 0 0 225px;
color: #154b8a;
font-size: 24px;
font-family: Georgia, Times, "Times New Roman", serif;
line-height: 52px;
background: url('/public/img/contenttitle-arrows.gif') 200px 22px no-repeat;
}
#contentarea {
padding: 0 20px 20px 20px;
/*width: 560px*/
}
#contentarea table {
width: 560px;
font-size: 11px;
}
h3#cat_title {
font-size: 18px;
margin: 0 0 9px 0;
color: #666;
border-bottom: solid 2px #eee;
}
#newslist {
margin: 0;
list-style: none;
}
#newslist li {
border-top: solid 1px #eee;
margin: 0 0 9px 0;
padding: 9px 0 9px 0;
}
#newslist li p.date, #newslist li h4, #newslist li p.more {
padding: 0;
}
#newslist li p.more {
padding: 3px 0;
font-weight: bold;
font-size: 10px;
}
#newslist li p.date {
font-weight: bold;
color: #666;
font-size: 11px;
}
p.back {
float: right;
padding: 9px 0;
}
/*footer */
#footer {
padding: 18px 0;
color: #fff;
}
#footer a { color: #fff; }
/* Form -------------- */
p.legend {
padding: 12px 0 8px 0;
}
p.legend em, form em {
color: #cc0000;
font-weight: bold;
}
form#supportform {
}
form#supportform p {
clear: both;
padding-bottom: 0 0 10px 0;
}
form#supportform label {
padding: 0 0 10px 0;
}
form {
font-size: 12px;
}
form fieldset {
border: none;
margin: 8px 0 4px 0;
}
form legend {
font-size: 15px;
color: #009ac7;
font-weight: bold;
padding: 0 0 9px 0;
}
form label {
width: 150px;
text-align: left;
float: left;
display: block;
padding: 1px 0 0 0;
}
form#supportform p.checkbox {
padding: 10px 0 6px 0;
margin: 0;
border-top: solid 1px #ebe6dd;
}
form p.checkbox {
margin: 0 0 0 150px;
}
form p.checkbox label {
float: none;
display: inline;
}
form div, form p.formcol1, form p.formcol2, form p.formrow {
padding: 10px 0 6px 0;
border-top: solid 1px #ebe6dd;
}
form input.forminput, form textarea {
margin: 0;
padding: 3px;
width: 350px;
}
form textarea {
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size: 1em;
height: 125px;
}
form select {
margin: 0;
width: 360px;
}
form select option { padding: 0 10px 0 0; }
form p.note, form p.error_note, span.note {
font-style: italic;
margin: 0;
font-size: .9em;
}
span.note {
display: block;
}
form .button {
margin: 0;
width: 150px;
padding: 10px 20px;
background: #009ac7;
color: #fff;
font-style: bold;
}
span.error { display: block; }
span.error, span.required {
font-weight: bold;
font-size: .9em;
color: #cc0000;
}
p.error_note {
padding: 0;
color: #cc0000;
font-size: .8em;
}
#forminset {
padding: 10px;
background: #eee;
margin: 0 0 10px 0;
}
#forminset p.checkbox { margin: 0; }
fieldset ul, fieldset ul li {
margin: 0;
list-style: none;
}
fieldset ul li { margin: 0 0 3px 0; }
p.error_notice {
padding: 12px;
color: #cc0000;
background: #f7f9c3;
margin: 0 0 9px 0;
}