@charset "utf-8";
/* CSS Document */

body {background-color: #0681bb; background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: center top;}

#nav {background-image: url(../images/nav-bg.jpg); background-repeat: repeat-x; width: 100%; height: 37px;}
#nav_area {width: 800px; text-align:left; padding-top:5px;}
#nav_area a {font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: 400; color:#fff; padding-right: 30px;}
#nav_area a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 15px; font-weight: 400; color: #0CF; padding-right: 30px;}

#head {background-image: url(../images/head-bg.jpg); background-repeat: no-repeat; height: 197px; width: 827px;}

#main-top {width:827px; height: 236px; background: url(../images/main-head.jpg) no-repeat; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:1.5em;}
#main-top h1 {color: #074198; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 30px; padding: 40px 0 0 20px;}
#main-top h2 {color: #074198; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-weight: 800; font-size: 20px; padding: 20px 0 0 20px;}
#main-top p {color: #012a5d; font-size: 14px; font-family:Arial, Helvetica, sans-serif; padding: 20px 20px 0 20px;}
#container {width:827px; background-image: url(../images/contain-bg.jpg); background-repeat: repeat-y;}
#container h1 {color: #074198; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 30px; padding-left: 20px;}
#container h2 {color: #074198; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-weight: 800; font-size: 20px; padding: 20px 0 0 20px;}
#container h3 {color: #0064ae; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 16px; margin-: 5px 0 -10px 0px;}
#container p {color: #012a5d; font-size: 14px; font-family:Arial, Helvetica, sans-serif; padding: 20px 20px 0 20px;}
#main-left {float: left; width: 573px; text-align:left; font-family:Arial, Helvetica, sans-serif; line-height:1.5em;}
#why {margin: 0 5px; background-color: #BAE3F5;}
#why a {color: #009; font-size: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-weight: 800;}
#why a:hover {color: #0064ae;}


#contact {width: 254px; float:left;}
#contact input {background-image: url(../images/input.jpg); border:none;}
#contact textarea {background-image: url(../images/comments.jpg); border:none;}
.labels {color: #006fb0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}

#bottom {width: 827px; background-image: url(../images/main-bottm.jpg); background-repeat: no-repeat; height: 68px;}

#footer {width: 827px; margin-top: 0px; color: #fff; font-weight: bold; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 20px;}
#footer p {padding-top: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer a {color: #fff;}
#footer a:hover {color: #03C;}

a {text-decoration: none;}

.clear {clear:both;}
.bci {color: #98d3fc; font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-weight: normal;}
.text {color: #FFF;}
.collapse {width: 100%; padding: 5px 10px; background-image: url(../images/main-bg.jpg); background-repeat: repeat-y; display:none;}
.expand-text {color: #0064ae; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.expand {color: #0064ae; font-family: Arial, Helvetica, sans-serif; font-weight: lighter;}
ul {margin: 5px 30px 0px 25px; list-style:circle; color: #012a5d; line-height: 1.85em; font-weight:500;}
#main-left input {background-image: url(../images/input.jpg); border:none;}
#main-left textarea {background-image: url(../images/comments.jpg); background-repeat: no-repeat; background-color: #3eb1e7; border:none;}