/*
-----------------------------------------------
CBA Base Styles
Author:   Lou @ Husk
Version:  28 November 2006
----------------------------------------------- */

/* =Global Styles */
body { background:#fff; margin:0; padding:0; text-align:center; font-size:63.7%; font-family:"Lucida Grande", Verdana, Arial, sans-serif; color:#666;}

/* =Body Background Styles */
img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#004B84; text-decoration:none;}
a:hover { color:#004B84; text-decoration:underline;}
a img {	border:none;}

/* =Generic styles */
.hide {	position:absolute; left:-5000px; width:971px;}
.alignleft { float:left;}
.alignright { float:right;}
.margin-none { margin:0;}
.white { color: #fff; }
.black { color: #000; }
.blue { color: #4C6A86; }
.orange { color: #D58C1B; }
.toplink { font-size: 1.0em; float: right; margin: 0 0 10px 0; clear: both; }
.phat {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;}
.phatO {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color: #D58C1B; line-height:1.3;}

p { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.3em; line-height:1.3; margin:0 0 0.5em 0; }
p strong { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; font-weight:bold; line-height:1.3; margin:0 0 0.6em 0; padding:0 0 0.2em 0; border-bottom: 1px solid #ccc; }
ul, ol{ font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.0em; line-height:1.3m; margin:0 0 0.5em 0; }
td{ font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.2em; line-height:1.3m; margin:0 0 0.5em 0; }
li	 { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.3em; line-height:1.3; margin:0 0 0.5em 0; }
dl, dt, dd { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.3em; line-height:1; margin:0 0 0.5em 0; }
blockquote { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-style:italic; margin:0.8em 0; font-size:1.1em; line-height:1.3; padding:0 0 0.8em 0; border-bottom: 1px solid #ccc; }
blockquote strong {font-style:normal; font-size:1.0em; font-family:Georgia, "Times New Roman", Times, serif; }

label, input, textarea { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.2em; line-height:1.4em; margin:0 0 0.5em 0; }
input { padding: 3px; }
.textbox { width: 200px; }

dt { font-weight: bold; }
fieldset { border: 0; margin: 0; }
legend { display: none; }

h2 { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.8em; color: #004B84; margin: 0 0 0.7em 0; text-transform: uppercase; padding: 0 0 8px 0; line-height: 1.5; border-bottom: 1px solid #ccc; }
h3 { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.4em; color:#004B84; margin:0.8em 0 0.2em 0; text-transform: uppercase; font-weight:normal; }
h4 { font-family:"Lucida Grande", Geneva, Arial, sans-serif; font-size:1.4em; color:#D58C1B; margin:0.8em 0 0.2em 0; text-transform: uppercase; font-weight:normal;}

/* Hacks that can't be avoided in this file */

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* =Header */
#header { width: 700px; height: 187px; }
#header h1 { margin: 0; }
#header h1 a { z-index: 1; position: absolute; right: 65px; top: 5px; display: block; width: 50px; height: 131px; }

/* =Masthead */
#masthead { width: 690px; margin: 0 auto; text-align: left; padding: 10px 0 0 0; height: 147px; background: url(../images/bg-masthead.jpg) no-repeat; }
#masthead #img-1 { margin: 0 0 0 10px; }
#masthead #img-2 { margin: 5px 10px; }

/* =Primary Nav */
#primary-nav, #primary-nav a, #primary-nav .current { background: url(../images/dual_nav.gif) no-repeat top left; overflow: hidden; height: 40px;}
#primary-nav { position: relative; display: block; margin: 0 auto; width: 700px; height: 40px;}
#primary-nav a, #primary-nav .current { display: block; position: absolute; top: 0; left: 0; border: 0;}
#primary-nav-1 a {	width: 47px; left: 0px; background-position: 0px 0px;}
#primary-nav-1 a:hover, #primary-nav-1 .current { background-position: 0px -40px;}
#primary-nav-2 a { width: 72px; left: 47px; background-position: -47px 0;}
#primary-nav-2 a:hover, #primary-nav-2 .current { background-position: -47px -40px;}
#primary-nav-3 a { width: 36px; left: 119px; background-position: -119px 0;}
#primary-nav-3 a:hover, #primary-nav-3 .current { background-position: -119px -40px;}
#primary-nav-4 a { width: 74px; left: 155px; background-position: -155px 0;}
#primary-nav-4 a:hover, #primary-nav-4 .current { background-position: -155px -40px;}
#primary-nav-5 a { width: 86px; left: 229px; background-position: -229px 0;}
#primary-nav-5 a:hover, #primary-nav-5 .current { background-position: -229px -40px;}
#primary-nav-6 a { width: 45px; left: 315px; background-position: -315px 0;}
#primary-nav-6 a:hover, #primary-nav-6 .current { background-position: -315px -40px;}

#primary-nav-7 a { width: 74px; left: 360px; background-position: -360px 0;}
#primary-nav-7 a:hover, #primary-nav-7 .current { background-position: -360px -40px;}
#primary-nav-8 a { width: 37px; left: 434px; background-position: -434px 0;}
#primary-nav-8 a:hover, #primary-nav-8 .current { background-position: -434px -40px;}
#primary-nav-9 a { width: 56px; left: 471px; background-position: -471px 0;}
#primary-nav-9 a:hover, #primary-nav-9 .current { background-position: -471px -40px;}
#primary-nav-10 a { width: 54px; left: 527px; background-position: -527px 0;}
#primary-nav-10 a:hover, #primary-nav-10 .current { background-position: -527px -40px;}


/* =Structure
----------------------------------------------- */
#container { background:#fff; position:relative; width: 700px; margin:0 auto; padding: 0; }

#content { width: 690px; margin: 0 auto 15px auto; padding: 0 0 20px 0; text-align: center; background: #fff url(../images/bg_lh.gif) left repeat-y; }
#left-col { width: 145px; float: left; text-align: left; padding: 100px 15px 0 25px; }
#main-col { width: 430px; float: left; text-align: left; margin: 30px 0 0 30px; }

body#home #left-col { background: url(../images/bg_lh-latestnews.gif) top no-repeat; }

/* =Footer */
#footer { width: 690px; margin: 40px auto; padding: 4px 0 0 0; background: #D6D7D8 url(../images/bg_footer.gif) top repeat-x; min-height: 36px; }
div#footer { min-height: 36px;}
* html div#footer { height: 36px;}
#footer p { color: #333; font-size: 1em; }
#footer a { color: #333; }

#footer-sub { width: 690px; margin: 0 auto; text-align: left; }
#footer-sub #icons { width: 300px; float: right; text-align: right; }
#footer-sub #icons a { color: #666; text-transform: uppercase; margin: 0 19px 0 0;}
#footer-sub #icons li { padding: 20px 0 0 0; }
#icons-listen { background: url(../images/icon-listen.gif) 6px 1px no-repeat; }
#icons-free_cd { background: url(../images/icon-free_cd.gif) 65px 7px no-repeat; }
#icons-subscribe { background: url(../images/icon-subscribe.gif) 38px 7px no-repeat; }