/* << ----------------// Style Overrides - Use .layout_three_column or .layout_left_column to restrict changes to single layout //---------------->> */


/* << ----------------// General Styles //---------------->> */

body {
background-repeat:repeat-x;
background-color:#000033; /* if background image doesn't repeat and fades to a color at the bottom, it is should match this color */
margin-top:0;
}


/* << ----------------// Header //---------------->> */

.header {
background:url(../images/header.jpg);
height:220px; /* height of header.png */
}

.header_home_link {
height:188px; /* usually height of header.png */
margin-top:32px;
}

.member_login {
top:0px; /* height of header.png */
left:814px;
height:32px; /* half height of whatever graphic contains log in button */
width:186px;
background:url(../images/memberlogin.png);
}


/* << ----------------// Left column //---------------->> */

.col_left_top {
height: 30px;  /* height of col_left_top.png, unless it is being used for member login button, in which case it is 1/2 of that image height */
}

.col_left .top, .col_left .top .content { height: 26px; line-height:26px; text-indent:-5px; color:#FFF; } /* left widget top height and style, can add text styles here */

.col_left .wgt_container { margin: 20px 0 10px 0; } /* This is Eric, trying to get the widgets flush to the column edges*/


/* << ----------------// Vertical navigation //---------------->> */

.v_nav_top {
height:17px;
display:block;
}

.v_nav_btm {
height:17px;
display:block;
}

.nav {
	margin:10px 0 10px 0; /* space above and below nav */
}

ul.cssMenu li{ /* top level navigation text and button style */
  height: 27px; /* height of v_nav_up.png */
  line-height: 27px; /* usually height of v_nav_up.png, aligns text vertically within button */
  text-indent:12px; /* distance of text from left edge */
  margin-bottom:1px;
}

ul.cssMenu li .button-text { /* top level navigation text */
  color:#fff; /* text color, needed on sam system */
  font-weight: bolder; /* text weight, needed on sam system */
  font-size:12px;
}

ul.cssMenu li a:hover,
ul.cssMenu li.over .button-text { /* top level navigation hover text */
  color:#fff; /* text hover color */
  font-weight:bolder; /* text hover weight */
  font-size:12px;
}

/* style for buttons in a sub menu.  These menus can also use images for background, just add background-image: url(../images/[image-name]); */
ul.cssMenu li li{
  background-color: #000033; /* subnavigation item up color */
  top:2px; /* subnavigation item top alignment to main menu item */
  left:-5px;
  height:27px; /* height of subnavigation item */ 
  line-height:27px; /* vertical text alignment of subnavigation item */
}

ul.cssMenu li li:hover,
ul.cssMenu li li.over{
  background-color: #00006A; /* subnavigation item ovr color */
}

/* << ----------------// Center column //---------------->> */

.col_ctr_top {
height: 28px;  /* height of col_ctr_top.png, unless it is being used for member login button, in which case it is 1/2 of that image height */
margin-bottom:10px;
}


/* << ----------------// Center widget //---------------->> */

.col_ctr .top .content { color: #FFFFFF; font-weight: bold; font-size: 12px; text-align: left; line-height:26px; text-indent:-10px; height: 26px; } /* top center widget text style */

.col_ctr .top, .col_ctr .top .content { height: 26px; } /* center widget top height */

.col_ctr .bottom, .col_ctr .bottom .content { height: 20px; } /* center widget bottom height */


/* << ----------------// Right column //---------------->> */

.col_right_top {
height: 28px;  /* height of col_right_top.png, unless it is being used for member login button, in which case it is 1/2 of that image height */
margin-bottom:10px;
}

.col_right .top, .col_right .top .content { height: 26px; text-indent:-5px; line-height:26px; color:#000; } /* top right widget, height should match wgt_col_right_top_ctr.png */

.col_right .wgt_container { width: 190px; margin: 0 0 20px 0; } /* This is Eric, trying to get the widgets flush to the column edges*/



/* << ----------------// Footer //---------------->> */

.footer {
color:#FFFFFF; /* footer text color */ 
height:70px;
}

.footer_content {
padding:10px 0 0 0;
}

.bonzi_logo img {
margin:16px 10px 0 10px;
}