html {
height : 100%;
}
body {
font-family : verdana, arial, sans-serif;
padding : 0;
margin : 0;
font-size : 0.68em;
}
p {
margin : 0;
padding : 0 0 16px 0;
line-height : 1.7em;
}
h1 {
font-family : arial, sans-serif;
letter-spacing : 0.1em;
}
h2 {
margin : 0;
padding : 0 0 4px 0;
font-size : 100%;
}
img {
border : 0;
}
a {
outline : none;
}
.left {
float : left;
padding : 0 8px 0 0;
}
.right {
float : right;
padding : 0 0 0 8px;
}
.center {
display : block;
text-align : center;
margin : 0 auto;
}
blockquote {
margin : 20px 0 20px 0;
padding : 10px 20px 0 20px;
border-left : 8px solid;
}
ul {
margin : 8px 0 0 16px;
padding : 0;
}
ul li {
list-style-type : square;
margin : 0 0 11px 0;
padding : 0;
}
ol {
margin : 8px 0 0 24px;
padding : 0;
}
ol li {
margin : 0 0 11px 0;
padding : 0;
}
#main {
width : 780px;
margin-left : auto;
margin-right : auto;
}
#links, #footer {
margin-left : auto;
margin-right : auto;
padding : 10px 21px 0 19px;
width : 720px;
height : 26px;
font-size : 94%;
text-transform : uppercase;
}
#links {
text-align : left;
}
#footer {
text-align : center;
}
#links a, #footer a {
text-decoration : none;
}
#links a:hover, #footer a:hover {
text-decoration : underline;
}
#logo {
margin-left : auto;
margin-right : auto;
width : 760px;
height : 100px;
text-align : left;
}
#logo h1 {
margin : 0;
padding : 41px 0 0 19px;
font-size : 150%;
letter-spacing : 0.2em;
}
#menu {
height : 42px;
width : 760px;
margin-left : auto;
margin-right : auto;
}
#menu ul {
margin : 0;
}
#menu li {
float : left;
margin : 0;
padding : 0;
}
#menu li a {
display : block;
float : left;
height : 37px;
text-decoration : none;
padding : 3px 19px 2px 19px;
text-transform : uppercase;
}
#content {
margin-left : auto;
margin-right : auto;
width : 760px;
height : auto;
padding : 0;
overflow : hidden;
}
#column1 {
width : 207px;
float : right;
padding : 16px 0 15px 0;
}
.sidebaritem {
text-align : left;
width : 188px;
float : left;
margin : 0 0 25px 0;
}
.sbihead {
height : 14px;
width : 188px;
padding : 5px 0 5px 19px;
text-transform : uppercase;
}
.sbihead h1 {
padding : 0;
margin : 0;
font-weight : bold;
font-size : 112%;
}
.sbicontent {
padding : 14px 8px 8px 19px;
}
.sbicontent p {
line-height : 14px;
padding : 0 0 8px 0;
}
.sbilinks {
padding : 0;
}
.sbilinks ul {
margin : 0 auto;
}
.sbilinks li {
margin : 0;
float : left;
list-style : none;
}
.sbilinks li a, .sbilinks li a:hover {
float : left;
height : 16px;
text-decoration : none;
padding : 5px 0 4px 19px;
width : 188px;
border : 0;
}
#column2 {
text-align : justify;
width : 512px;
float : left;
padding : 12px 3px 15px 19px;
}
#column2 h1 {
padding : 6px 0 4px 0;
margin : 0 0 12px 0;
border-top : 1px solid;
border-bottom : 1px solid;
font-size : 150%;
text-transform : uppercase;
font-weight : normal;
}
.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover {
padding : 0 0 2px 0;
text-decoration : none;
}
.sidebaritem a:hover, #column2 a:hover {
border-bottom : 1px solid;
}
form {
margin-top : 0;
}
div.row {
clear : both;
width : 448px;
}
div.row span.formlabel {
float : left;
width : 150px;
text-align : left;
}
div.row span.forminput {
float : right;
text-align : right;
}
div.row span.formrecaptcha {
float : right;
text-align : right;
}
div.spacer {
clear : both;
width : 80px;
}
input, textarea {
width : 259px;
font-family : verdana, arial, sans-serif;
border : 1px solid;
font-size : 100%;
margin : 2px;
}
.submit {
font-family : verdana, arial, sans-serif;
border : 1px solid;
width : 70px;
height : 22px;
cursor : pointer;
font-size : 100%;
}
html {
height : 100%;
}
body {
background : #6f7a86;
color : #5a6370;
}
blockquote {
background : #ffffff;
color : #5a6370;
border-color : #767676;
}
#main {
background : #ffffff url(images/background.png) repeat-y;
color : #5a6370;
}
#links, #footer, #menu, #menu li a {
background : #ffffff url(images/menu.png);
color : #d1d3d7;
border-color : #d7d7d7;
}
#links a, #footer a, #links a:hover, #footer a:hover {
background : transparent;
color : #d1d3d7;
}
#logo {
background : #ffffff url(images/banner.png) no-repeat;
color : #5a6370;
}
#logo h1 {
background : transparent;
color : #ffffff;
}
h1, #column2 h1 {
background : transparent;
color : #1775d5;
border-color : #89a9c7;
}
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover {
background : #ffffff url(images/menu_hover.png);
color : #484e56;
}
#content, #column2 a, #column2 a:hover {
background : transparent;
/*color : #5a6370;*/
}
.sidebaritem, .sidebaritem a, .sidebaritem a:hover {
background : transparent;
color : #d1d3d7;
}
.sbihead {
background : #ffffff url(images/sbi_header.png);
color : #484e56;
}
.sbihead h1 {
background : transparent;
color : #484e56;
}
.sbilinks li a {
background : #ffffff url(images/link.png);
color : #d1d3d7;
}
.sbilinks li a:hover {
background : #b7b7b7;
color : #1775d5;
}
}