* {
padding:0;
margin:0;
}

a {
color: #587BB2;
}

body {
font-size: 62.5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font-size: 1.8em;
font-family: Arial, Helvetica, sans-serif;
}

h2 {
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
}

h3 {
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 0;
}

img {
border: 0;
}

ol {
padding-left: 2em;
}

p {
line-height: 1.5;
padding-bottom: 1em;
}

ul {
line-height: 1.5;
padding-left: 20px;
}

select {
font-size: 11px;
}

#holder {
width:776px;
}

#header {
/*background: bottom left no-repeat url(images/colorbar.gif);
padding-bottom: 9px;*/
position: relative;
height: 99px;
border-bottom: 4px solid #000;
}

#bb-navigation {
position:absolute;
top:0;
right:0;
font-size: 0.8em;
text-align: right;
}

#bb-navigation ul {
list-style: none;
}

#bb-navigation ul li {
float:left;
border-right: 1px solid #000;
}

#bb-navigation-top {
float: right;
padding-left: 70px;
margin: 1em 0;
}

#bb-navigation-top a {
color: #000;
display: block;
padding: 0 0.5em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

#bb-navigation-top a:hover {
color: #587BB2;
}

#bb-navigation-top #online-store-link {
border: 0;
}

#online-store-link a {
color: #970F00;
}

#bb-navigation-bot {
clear: both;
float: right;
margin: 0.5em 0;
}

#bb-navigation-bot a {
color: #587BB2;
display: block;
padding: 0 0.5em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

#bb-navigation-bot a:hover {
color: #000;
}

#bb-nav-bot-end {
border:0 !important;
}

#main {
background: top left repeat-y url(images/main-background.gif);
}

#sidebar {
float: left;
width: 163px;
padding-bottom: 10px;
}

#content {
float:left;
font-size: 1.1em;
}

#left-column {
float:left;
width: 480px;
}

.wideRight #left-column {
width: 450px;
}

#left-column * {
margin: 0 0 10px 10px;
}

/* IE child selector trick -- last rule applied margin to all items,
   this rule resets margins */
#left-column * * {
margin: 0px;
}

#right-column {
float:left;
}

.rightColumnImage {
vertical-align:bottom;
}

#footer {
margin-top: 2em;
text-align:center;
clear: both;
}

#bbu-navigation a {
display:block;
text-decoration: none;
}

#bbu-navigation a:hover {
background: #004665;
color:#fff;
}

#bbu-navigation dt a{
font-size: 1.1em;
font-weight: bold;
padding: 0.5em 0.2em 0.5em 1em;
width: 150px;
}

#bbu-navigation dd a {
font-size: 1.1em;
padding: 0.2em 0.5em 0.2em 2em;
width: 135px;
}

#topSplash {
margin-left: 0;
}

#home-menu {
background: #004665 !important;
font-weight: bold;
color: #fff;
}

/* apply this class to a DIV with two nested DIVs.  The nested DIVs will display
   as columns */
.splitLeft div {
float: left;
width: 47%;
padding-right: 2%;
}

.clearfloats:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html .clearfloats {height: 1%;}
.clearfloats {display: block; min-height:0;}

.imageFloatLeft {
float:left;
margin-right: 10px !important;
}

.dataTable {
border-collapse: collapse;
}

td {
font-size: 11px;
}

.dataTable td, .dataTable th {
padding: 0.2em;
border: 1px solid #000;
}

.wide #left-column {
width: 610px;
}

.wide #right-column {
display:none;
}

.sub-section {
background: #e1edf4;
}

.helpBox {
background: #FCF5CE;
padding: 10px;
border: 2px solid #F3D84D;
margin-right: 0.5em;
}

.training-nav, .pot-nav {
display:none;
}