﻿/* set 'position: relative' to fix border bug in Internet Explorer */
a:link, a:visited {text-decoration: none; color: #444444; border-bottom: solid 1px #8a99a7; position: relative;}
a:hover {text-decoration: none; color: #444444; border-bottom: solid 1px #F7931E; position: relative;}

a:link img, a:visited img, a:hover img {border: none;}
.a a {border: none;} /* nest within <div> to removes border-bottom on <a> images for [Firefox, Opera] */

h1 {font-size: 20px; margin: 0px; padding: 0px; display: inline;}
h2 {font-size: 18px; margin: 0px; padding: 0px; display: inline;}
h3 {font-size: 16px; margin: 0px; padding: 0px; display: inline;}
h4 {font-size: 14px; margin: 0px; padding: 0px; display: inline;}
h5 {font-size: 12px; margin: 0px; padding: 0px; display: inline;}
h6 {font-size: 10px; margin: 0px; padding: 0px; display: inline;}

body {behavior: url(/htc/csshover.htc); background-color: #172844; color: #444444; font-family: Verdana, Sans-Serif; font-size: 11px; margin: 0px; padding: 0px;}

form {margin: 0px;} /* white space fix on the bottom of the page - Safari and Opera */

table {border-collapse: collapse;}
tr, td {padding: 0px;}
ul {list-style-position: outside; margin: 0px; margin-left: 20px; padding: 0px;}

img {behavior: url(/iepngfix.htc);}

/* mp.master */
#header_a {background-image: url(/images/cbptile.jpg); background-repeat: repeat-x;}
#header_b {width: 900px; height: 120px; margin-left: auto; margin-right: auto; background-image: url(/images/cbp.jpg);}

#tab_table {height: 120px;}
#tab_td {vertical-align: bottom;}
.tabs_table {margin-left: 150px;}
.tabs_td {border: solid 1px #8a99a7; border-bottom: none; vertical-align: bottom; background-color: #ffffff;}
.tabs_td a:link, .tabs_td a:visited {color: #62717F; font-weight: bold; padding: 5px; display: block; border: none;}
.tabs_td a:hover {text-decoration: none; color: #62717F; background: #f2f6f9;}

#content_a {background-color: #ffffff;}
#content_b {width: 900px; margin-left: auto; margin-right: auto;}
.content_td1 {width: 620px; vertical-align: top; background-color: #ffffff;}
.content_td1_div {width: 600px; margin-left: auto; margin-right: auto;}
.content_td2 {width: 280px; background-color: #f2f6f9; vertical-align: top;}
.content_td2_div {width: 260px; margin-left: auto; margin-right: auto; margin-top: 10px;}

.side_br {height: 10px; overflow: hidden; border-bottom: solid 1px #8a99a7;}
.side_title {padding: 10px;}
.side_td1 {width: 78px; height: 63px; border: solid 1px #cccccc; vertical-align: top;}
.side_td1 div {width: 70px; height: 55px; margin: 4px; background-color: #333333;}
.side_td2 {width: 180px; vertical-align: top;}
.side_td2 div {padding-left: 5px;}

.side_pdfs {padding: 5px 0px 0px 5px;}

#footer_a {background-image: url(/images/bg/footer_tile.jpg); background-repeat: repeat-x; border-top: solid 1px #8a99a7;}
#footer_b {width: 900px; height: 200px; margin-left: auto; margin-right: auto; color: #ffffff;}
#footer_b td {width: 180px; vertical-align: top;}
#footer_b dl {margin: 0px; padding: 0px;}
#footer_b dt {padding-top: 4px;}
#footer_b a:link, #footer_b a:visited {color: #ffffff;}
.footer_title {font-weight: bold; padding-bottom: 10px;}

.mp_br {height: 10px; overflow: hidden; background-color: #ffffff;}


/* default.aspx */
.default_td1 {width: 246px; vertical-align: top;}
.default_td2 {width: 354px;}
.default_photo {border: solid 1px #8a99a7; margin-left: 10px; margin-bottom: 5px; padding: 1px;}

.defside_flash {width: 260px;}
.defside_flash_req {width: 260px; height: 200px; background-color: #fffeee;}


/* about.aspx */
.about_ul {list-style-type: square; padding-right: 100px;}
.about_ul li {padding-bottom: 5px;}
.about_flash_base1 {width: 320; height: 255px; margin-left: 10px; margin-bottom: 5px; padding: 1px; float: right;}
.about_flash_base2 {width: 320; height: 255px; margin-right: 10px; margin-bottom: 5px; padding: 1px; float: left;}
.about_flash {width: 320px;}
.about_flash_req {width: 320px; height: 255px; background-color: #fffeee;}
.about_flash_caption {text-align: center; font-style: italic;}


/* gallery.aspx */
.gallerylink {border: solid 3px #8a99a7; margin: 4px;}
.gallerylink:hover {border: solid 3px #F7931E;}

.formview1 {width: 600px;}
.datalist1 {margin-left: auto; margin-right: auto;}


/* pictures.aspx */
.pics_table {}
.pics_td1 {width: 131px; border: solid 1px #cccccc;}
.pics_td2 {width: 10px;}
.pics_td3 {width: 459px; vertical-align: top;}
.pics_br {height: 10px; overflow: hidden; border-top: dashed 1px #cccccc;}
.pics_thumb {width: 125px; height: 100px; margin: 3px;}


/* sitemap.aspx */
.sitemap {display: inline-block;}


/* sponsorship.aspx */
#sponsor_dl dt {font-size: 12px; font-weight: bold; margin-top: 15px; text-decoration: underline;}
#sponsor_dl dd {margin-left: 0px;}
#sponsor_dl ul {list-style-type: square;}
#sponsor_dl li {padding-top: 4px;}

#sponsor_form {font-size: 16px; font-weight: bold; text-align: center;}


/* videos.aspx */
.vids_table {}
.vids_td1 {width: 156px; border: solid 1px #cccccc;}
.vids_td2 {width: 10px;}
.vids_td3 {width: 434px; vertical-align: top;}
.vids_br {height: 10px; overflow: hidden; border-top: dashed 1px #cccccc;}
.vids_thumb {width: 150px; height: 100px; margin: 3px;}


/* global CSS */
.video_flash {width: 600px; margin-left: auto; margin-right: auto;}
.video_flash_req {width: 600px; height: 351px; background-color: #fffeee;}

.flash_required {text-align: center; padding: 20px;}
.flash_required span {font-size: 14px; font-weight: bold; font-style: italic; background-color: #ffff00;}
.flash_required a:link, .flash_required a:visited, .flash_required a:hover {border: none;} /* nest within <div> to removes border-bottom on <a> images for [Firefox, Opera] */

.h_border {border-bottom: solid 2px #8a99a7;}

.ta_left {text-align: left;}
.ta_center {text-align: center;}
.ta_right {text-align: right;}

.bold {font-weight: bold;}
.i {font-style: italic;}
.underline {text-decoration: underline;}
.bold_underline {font-weight: bold; text-decoration: underline;}

.pad_10 {padding: 10px;}

.br_5px {height: 5px; overflow: hidden;}
.br_10px {height: 10px; overflow: hidden;}
.br_15px {height: 15px; overflow: hidden;}
.br_20px {height: 20px; overflow: hidden;}
.br_25px {height: 25px; overflow: hidden;}
.br_30px {height: 30px; overflow: hidden;}
.br_35px {height: 35px; overflow: hidden;}
.br_40px {height: 40px; overflow: hidden;}
.br_45px {height: 45px; overflow: hidden;}
.br_50px {height: 50px; overflow: hidden;}
