/* CSS Document */

body {
background: #BBD2D8 url(../images/body_bg.gif) top left repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 14px 20px;
padding: 0;
color: #eee;
}

h1 {
font-size: 18px;
margin: 0;
padding: 5px 30px;
}

h2 {
font-size: 14px;
margin: 0;
padding: 5px 30px;
}

h3 {
font-size: 12px;
font-style: italic;
margin: 0;
padding: 5px 30px;
}

p {
margin: 0;
padding: 10px 30px 5px 15px;
}

blockquote {
margin: 0;
padding: 5px 45px 15px 45px;
}

ul {
padding-left: 45px;
}

a {
text-decoration: none;
color: #FFCC00;
}

table {
margin: 0;
padding: 0;
width: 100%;
border-collapse: collapse;
}

td {
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
}

img {
border: none;
margin: 0;
padding: 0;
vertical-align: text-top;
}

form {
margin: 0; padding: 0;
}

a:hover {
text-decoration: underline;
color: #FF6600;
}

/* top navigation */

#topnav {
position: static;
width: 100%;
min-width: 800px;
height: 40px;
margin: 0 20px 0 0;
padding: 0;
background: #D0E6E6 url(../images/topnav_bg.jpg) top left repeat-x;
}

#topnav table, #basenav table, #header table {
width: 100%;
}

#topnav td {
vertical-align: middle;
height: 40px;
}

#topnav td.first {
background: transparent url(../images/topnav_leftedge.jpg) top left no-repeat;
}

#topnav td.last {
background: transparent url(../images/topnav_rightedge.jpg) top right no-repeat;
}

#topnav a, #basenav a {
display: block;
padding: 2px 15px;
text-align: center;
background: transparent;
border-left: solid 1px #fff;
color: #fff;
font-weight: bold;
}

#topnav a.leftlink, #basenav a.leftlink {
border: none;
}

#header {
position: static;
width: 100%;
min-width: 800px;
height: 143px;
margin: 0 20px 0 0;
padding: 0;
background: #0088C1 url(../images/header_bg.jpg) top left no-repeat;
}

#head-left {
height: 143px;
width: 300px;
margin: 0;
padding: 0;
padding-left: 20px;
text-align: right;
background: transparent url(../images/header_left_bg.jpg) top left no-repeat;
vertical-align: middle;
}

#head-left hr {
padding: 0;
margin: 5px 0;
text-align: right;
}

#head-left h2 {
padding: 0;
margin: 0;
text-align: right;
}

#head-right {
background: transparent url(../images/header_right_bg.gif) top right no-repeat;
}

#main {
position: static;
width: 100%;
min-width: 800px;
margin: 0 20px 0 0;
padding: 0;
background: #00607A;
border-top: solid 1px #fff;
}

#basenav {
position: static;
width: 100%;
min-width: 800px;
height: 38px;
margin: 0 20px 0 0;
padding: 0;
background: #D0E6E6 url(../images/topnav_bg.jpg) top left repeat-x;
}

#basenav td {
vertical-align: middle;
height: 38px;
}

#basenav td.first {
background: transparent url(../images/footer_lbg.gif) top left no-repeat;
}

#basenav td.last {
background: transparent url(../images/footer_rbg.gif) top right no-repeat;
}

/* main content section */

#content-left {
margin: 0;
padding: 0;
border-right: solid 1px #ddd;
background: transparent url(../images/main_blc.gif) bottom left no-repeat;
}

#content-left h2 {
background: #03ACD5 url(../images/main_hbg.gif) top left no-repeat;
padding: 11px 30px;
margin-left: 4px;
}

#content-left span {
display: block;
background: transparent url(../images/main_tlc.gif) top left no-repeat;
}

#content-left input.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
background-color: #03ACD5;
}

/* center content section */

#content-center {
width: 200px;
margin: 0;
padding: 0;
background: #00607A url(../images/center_bg.gif) top left repeat-y;
}

#content-center h2, #content-center h3 {
padding-left: 15px;
padding-right: 15px;
}

#content-center p {
padding: 0 15px 10px 15px;
}

#content-center h3 {
font-style: normal;
font-size: 14px;
}

#centerhead {
text-align: center;
margin: 0;
padding-top: 10px;
height: 38px;
background: transparent url(../images/center_hbg.gif) top left no-repeat;
}



/* right content section */

#content-right {
width: 160px;
margin: 0;
padding: 0;
background: #066 url(../images/main_brc.gif) bottom right no-repeat;
}

#content-right ul {
margin-left: 20px;
padding-left: 10px;
}

#content-right h3, #content-right p {
padding-left: 15px;
padding-right: 15px;
}

#content-right h2 {
background: #03ACD5 url(../images/right_hbg.gif) top right no-repeat;
padding: 11px 15px;
margin-right: 4px;
}

#content-right input {
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
background-color: #03ACD5;
padding: 3px;
overflow: visible;
}

#content-right span {
display: block;
background: transparent url(../images/main_trc.gif) top right no-repeat;
}

/* common classes */

.img-right {
float: right;
margin: 0;
padding: 0;
}

.img-left {
float: left;
margin: 0;
margin-right: 10px;
padding: 0;
}

.txt-right {
text-align: right;
}

.txt-center {
text-align: center;
}

a.button {
display: block;
text-align: center;
color: #eee;
background-color: #03ACD5;
padding: 4px;
margin: 0;
border: solid 2px #eee;
}

a.button:hover {
background-color: #ffcc00;
text-decoration: none;
}