body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; background-color: #fff; padding: 0px; margin: 0px; background-image: url(pix/bg.gif); color: #001c49; height: 105%;}
p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding-bottom : 0px; margin-bottom : 0px; padding-top : 5px; margin-top : 0px; color: #001c49;}
p.header {padding-top: 0px; padding-bottom: 10px; font-weight: bold; font-size: 12px; clear: left;}
p.error {padding-top: 0px; padding-bottom: 10px; font-weight: bold; color: #d00; clear: left;}
a {font-weight: bold; color: #7990a4; text-decoration: none;}
a:hover {font-weight: bold; color: #7990a4; text-decoration: underline;}
a.pr {text-transform: uppercase;}
ul  {padding: 0px; margin: 0px;}
ul li {padding: 1px 0 3px 25px;	margin: 0 0 10px 0; position: relative; list-style: none; background: url(/pix/li_icon.gif) no-repeat top left;}
ul li.download {margin: 0 0 2px 0}
abbr, acronym, .help {border-bottom: 1px dotted #333; cursor: help;}
a.nolink {text-decoration: none; font-weight: normal; color: #001c49;}
/* zone nav */
#zone_nav {position: absolute; top: 72px; left: 0px; background-color: #7990a4; height: 21px; line-height: 21px; width: 830px;}
#zone_cornerfix {position: absolute; top: 0px; left: 830px; width: 32px; height: 113px; background-image: url(pix/topnav_zone_cornerfix.gif);}
#zone_bgfix {width: 148px; height: 152px; background-color: #fff;}
#zone_login {position: absolute; top: 0px; left: 562px; width: 237px; height: 55px; background-image: url(pix/topnav_ex_login.gif);}
#zone_logo {position: absolute; top: 5px; left: 10px;}
.zone_old {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003;}
#zone_login_em {position: absolute; top: 12px; left: 54px;}
#zone_login_pw {position: absolute; top: 31px; left: 54px;}
#zone_login_go {position: absolute; top: 22px; left: 176px;}

.zone_nav_item {margin-right: 30px; float: left; color: #ccc;font-size: 11px; font-weight: bold;}
.zone_nav_item a {font-size: 11px; color: #fff;}
.zone_nav_item a:hover {color: #ccc; text-decoration: none;}

/* leftnav */
a.leftnav {font-size: 14px; color: #ccc; text-transform: uppercase;}
a.leftnav:hover {font-size: 14px; color: #fff; text-decoration: none;}
a.leftnav_small {font-size: 11px; color: #ccc;}
a.leftnav_small:hover {font-size: 11px; color: #fff; text-decoration: none;}
.leftnav_pad {margin: 5px 0 20px 5px; float: left;}
p.leftnav {padding-bottom: 2px; padding-top: 0px; margin: 0;}
img.leftnav {margin-right: 2px; margin-bottom: 2px; float: left; border: 1px solid #ccc;}

/* big layouts */
#main_logo {position: absolute; top: 106px; left: 10px;}
#main_leftnav {position: relative; float: left; left: 10px; top: 0px; width: 134px;}
#main_content_home {position: absolute; top: 470px; left: 156px; width: 682px;}
#main_content {position: relative; float: left; left: 20px; top: 0px; width: 524px;}

/* content panel stuff */
h1 {width: 100%; background-image: url(pix/bg_header.gif); border: 1px solid #7a91a5; height: 22px; padding: 0px; margin: 0px; float: left;}
h2 {font-size: 16px; font-weight: bold; padding-bottom : 0px; margin-bottom : 0px; padding-top : 0px; margin-top : 0px;}
h3 {font-size: 14px; font-weight: bold; padding-bottom : 5px; margin-bottom : 0px; padding-top : 0px; margin-top : 0px; text-transform: uppercase;}
.content_panel {width: 100%; border: 1px solid #7a91a5; margin-top: -1px; margin-bottom: 10px; float: left; clear: left;}
.content_panel_home {width: 100%; border: 1px solid #7a91a5; margin-top: -1px; margin-bottom: 10px; clear: left;}
.content_pad {margin: 10px; clear: left;}

/* breadcrumb stuff */
#which_channel {float: left; height: 22px; width: 6%;}
#breadcrumb {float: right; border: 1px solid #7a91a5; height: 20px; width: 90%; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; line-height: 20px;}
#breadcrumb_home {float: right; border: 1px solid #7a91a5; height: 20px; width: 100%; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; line-height: 20px;}
#breadcrumb a {background: transparent url(/pix/breadcrumb.gif) no-repeat center right; text-decoration: none; padding-right: 20px;}
#breadcrumb a:hover {text-decoration: none; color: #ccc;}

/* homepage stuff */
#station_panel {height: 210px; position: absolute; top: 152px; left: 150px; width: 682px;}
.station_puff {width: 135px; height: 80px; float: left; margin-bottom: 20px;}
.station_logo {padding-top: 5px;}

/* zone media RHS */
#zone_media {position: absolute; top: 152px; left: 688px; width: 152px; height: 200px; float: right;}
p.rhs_div {padding-bottom: 6px; padding-top: 0px; font-weight: bold; font-size: 14px;}

/* user detail stuff */
#station_chooser {width: 450px; margin-left: 50px;}
.station_puff2 {width: 180px; height: 80px; float: left; margin-bottom: 20px;}

/* channel homepage */
#channel_hp_logo {position: relative; float: left; left: 20px; top: 20px; height: 100px; width: 150px;}
#channel_hp_welcome {position: relative; float: right; top: 0px; width: 370px; margin-bottom: 10px; clear: right;}
.download_puff {width: 168px; float: left; padding-bottom: 15px;}
.download_puff_home {width: 155px; float: left; padding-bottom: 15px; padding-right: 10px;}
#channelnav {position: relative; float: left; width: 100%; border: 1px dashed #7a91a5; margin-bottom: 10px;}
.channelnav_station {height 50px; float: left; padding: 5px;}
.channelnav_showhide {margin-left: 10px;}
#channelnav_option {height: 18px; margin-left: 5px;}
#channelnav_array {_height: 56px; min-height: 56px; margin-left: 5px; display: visible;}
a.atoz {font-weight: bold; background-color: #7990a4; text-decoration: none; margin-right: 2px; padding: 3px; font-size: 14px; color: #fff;}
a.atoz:hover {font-weight: bold; color: #ccc; text-decoration: none;}
a.atoz_current {font-weight: bold; background-color: #ccc; text-decoration: none; margin-right: 2px; padding: 3px; font-size: 14px; color: #7990a4;}
#atoz_scroller {width: 500px;; height: 80px; overflow: auto; margin-top: 10px;}
.atoz_show {height: 20px; line-height: 20px; background-color: #eee; margin-top: 1px; padding-left: 5px}

/* terms and legals popup */
#tsandcs {display: none; width: 400px; height: 400px; position: absolute; top: 320px; left: 230px; background-image: url(/pix/terms_bg.jpg); z-index: 99;}
#privacy {display: none; width: 400px; height: 400px; position: absolute; top: 320px; left: 230px; background-image: url(/pix/terms_bg.jpg); z-index: 99;}
.tsandcs2 {width: 390px; height: 390px; background-color: #fff; position: relative; top: 5px; left: 5px;}
.tsandcs_title {position: absolute; top: 22px; left: 6px; font-size: 16px; color: #001c49; font-weight: bold;}
.tsandcs_scroll {position: absolute; top: 44px; left: 6px; width: 385px; height: 346px; overflow: auto;}

/* forms */
form {padding: 0px; margin: 0px;}
INPUT.form {border: 1px solid #7a91a5; font-size : 12px;}
INPUT.form_lhs {border: 1px solid #ccc; font-size : 11px; background-color: #dfffff;}
FILE.form {border: 1px solid #7a91a5; font-size : 12px;}
SELECT.form {font-size : 12px;}
SELECT.lhs {font-size : 11px; width: 165px;}
TEXTAREA.form {font-size : 12px; border: 1px solid #7a91a5; margin-bottom: 6px;}
.left150 {margin-left: 150px;}
.left80 {margin-left: 80px;}
.left90 {margin-left: 90px;}
.left15 {margin-left: 15px;}
.left10 {margin-left: 10px;}
label {width: 150px; height: 18px; line-height: 18px; float: left; text-align: right; margin-right: 0px; display: block; font-weight : bold; padding-right: 5px; margin-bottom: 8px;}
label.small {width: 150px; height: 15px; line-height: 15px; float: left; text-align: right; margin-right: 0px; display: block; font-weight : bold; padding-right: 5px; margin-bottom: 8px;}
label.login {width: 90px; height: 15px; line-height: 15px; float: left; text-align: right; margin-right: 0px; display: block; font-weight : bold; padding-right: 5px; margin-bottom: 8px;}
fieldset {border: 1px solid #7a91a5; width: 480px;}
fieldset.login {border: 1px solid #7a91a5; width: 350px;}
legend {background-image: url(pix/bg_header.gif); border: 1px solid #7a91a5; padding-right: 8px;}
br.clear {clear: left;}