body {
font-family : Arial, Helvetica, sans-serif;
background : #508de6;
text-align : center;
font-size : small;
}
#wrapper {
width : 989px;
background : url(images/header_bkgr.jpg) no-repeat top;
margin : 0 auto;
text-align : left;
}
p {
color : #010180;
line-height : 175%;
}
#header {
height : 184px;
padding : 0 10px 0 20px;
}
#header h1 {
font-size : 300%;
font-weight : bold;
position : absolute;
top : 70px;
left : 200px;
}
#header h1, #header h2 a, #header h3, .info_box h3 {
color : #fff;
}
#header h2 a {
position : absolute;
top : 140px;
left : 200px;
font-size : 120%;
font-weight : bold;
text-decoration : none;
}
#header h3 {
position : absolute;
top : 100px;
right : 200px;
font-size : 220%;
font-weight : bold;
text-decoration : none;
}
#content_wrapper {
width : 960px;
margin : 0 auto;
background : url(images/main_bkgr_bottom.jpg) no-repeat bottom left;
}
#content_wrapper {
background-color : #fff;
}
#main_navigation {
height : 45px;
width : 100%;
margin : 0;
background : url(images/main_bkgr_top.jpg) no-repeat top left;
}
#main_navigation ul {
float : left;
overflow : hidden;
width : auto;
margin : 2px 100px;
}
#main_navigation ul li {
float : left;
width : auto;
margin-left : 80px;
margin-right : 0;
list-style-position : outside;
position : relative;
list-style-image : url(images/blue_ball.jpg);
}
#main_navigation a {
color : #508de6;
font-size : 130%;
text-decoration : none;
text-transform : uppercase;
line-height : 30px;
font-weight : bold;
letter-spacing : -1px;
}
#leftside {
float : left;
width : 120px;
padding : 0 10px 15px 20px;
position : relative;
}
#leftside h3 {
color : #508de6;
font-weight : bold;
text-transform : uppercase;
}
#leftside ul {
float : left;
width : 140px;
display : block;
margin-bottom : 20px;
}
#leftside li {
list-style-type : none;
margin-top : 10px;
}
#leftside li a {
color : #f0300c;
text-decoration : none;
font-weight : bold;
}
#leftside a:hover {
color : #010180;
text-decoration : underline;
}
#rightside {
float : right;
width : 200px;
padding : 0 0 15px 10px;
position : relative;
}
.info_box {
width : 188px;
margin-top : 0;
}
.info_box h3 {
font-weight : bold;
text-transform : uppercase;
background : url(images/button.jpg) no-repeat top left;
width : 188px;
height : 53px;
padding-left : 10px;
line-height : 53px;
}
.info_box ul {
width : 188px;
background : url(images/button_bottom.jpg) no-repeat bottom;
padding-bottom : 20px;
}
.info_box ul li {
list-style-type : none;
margin : 10px;
}
.info_box ul li a {
text-decoration : none;
color : #f0300c;
}
#main_content {
margin : 0 130px 0 130px;
padding : 0 0 10px 0;
}
#main_content a {
color : #010180;
}
#main_content a:hover {
color : #f0300c;
}
#main_content ul {
margin : 10px;
display : block;
}
#main_content li {
list-style-type : circle;
color : #010180;
line-height : 150%;
list-style-position : inside;
}
#main_content h1 {
font-weight : bold;
text-transform : uppercase;
color : #010180;
line-height : 200%;
}
#main_content h2 {
font-weight : bold;
color : #010180;
line-height : 200%;
}
#footer {
padding : 0 10px 0 20px;
background : #508de6;
}
#footer ul {
float : left;
width : auto;
margin : 0 auto;
height : 60px;
}
#footer li {
float : left;
width : auto;
margin : 10px 20px 10px 20px;
list-style-type : none;
color : #fff;
}
#footer a {
font-size : smaller;
color : #fff;
}
#footer p {
margin : 0;
padding : 10px 0;
}
.right {
float : right;
margin : 10px 0 10px 10px;
width : auto;
}
.left {
float : left;
margin : 10px 10px 10px 0;
width : auto;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
#gallery {
float : left;
width : auto;
margin : 0;
}
.img_frame {
background : #dee7f1;
border-color : #b7d9fc #439dfe #508de6 #7ebbfe;
border-style : solid;
border-width : 1px;
color : inherit;
display : inline;
float : left;
margin : 10px 10px 10px 0;
padding : 5px;
position : relative;
width : auto;
}
.img_frame img {
background : #fff;
border-color : #508de6 #7ebbfe #b7d9fc #439dfe;
border-style : solid;
border-width : 1px;
color : inherit;
padding : 4px;
vertical-align : top;
}
.img_frame a {
text-decoration : none;
}
#bookmarks {
margin : 0;
padding : 5px;
float : right;
width : auto;
position : relative;
display : inline;
}
#footer {
background : url(images/footer.gif) repeat-x left bottom;
height : 30px;
margin-top : 10px;
font-size : smaller;
}
#footer p {
margin : 0;
text-align : center;
line-height : normal;
color : #000000;
line-height : 30px;
}
.contactform {
width : 600px;
margin : 10px 10px 10px 20px;
padding : 5px;
margin : 0 auto;
display : block;
position : relative;
}
label {
float : left;
margin : 5px;
position : relative;
overflow : hidden;
display : inline-block;
font-weight : bold;
width : 100px;
}
input {
color : #777;
margin : 5px;
}
textarea {
width : 400px;
padding : 3px;
border : 1px solid #cdd9f1;
height : 100px;
display : block;
color : #010180;
margin : 5px;
}
input.button {
margin : 0 10px 10px 400px;
position : relative;
color : #010180;
}
.cell {
padding : 3px;
border : 1px solid #cdd9f1;
}
.right {
float : right;
margin-top : -10px;
margin-right : 20px;
}