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


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

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


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

.header {
height:93px; /* height of header.png */
margin-top:10px;
}

.header_home_link {
height:93px; /* usually height of header.png */
}

.member_login {
top:98px; /* height of header.png */
height:30px; /* half height of whatever graphic contains log in button */
}


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

.col_left_top {
height: 35px;  /* 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: 25px; line-height:25px; text-indent:0px; color:#000; font-size:12px; } /* 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 {
background:none; /* if design requires graphic above navigation, remove this background line entirely, and set height: [height of graphic]; display: block; */
}

.v_nav_btm {
background:none; /* if design requires graphic above navigation, remove this background line entirely, and set height: [height of graphic]; display: block; */
}

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

ul.cssMenu li{ /* top level navigation text and button style */
  height: 30px; /* height of v_nav_up.png */
  line-height: 30px; /* 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:#000; /* 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: #003301; /* subnavigation item up color */
  top:2px; /* subnavigation item top alignment to main menu item */
  height:25px; /* height of subnavigation item */ 
  line-height:25px; /* vertical text alignment of subnavigation item */
  margin-bottom:0px;
  border:0px solid #CCCCCC;
  border-left:none;
}

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

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

.col_ctr_top {
height: 10px;  /* 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: #000; font-weight: bold; font-size: 12px; text-align: left; line-height:25px; text-indent:-10px; height: 25px; } /* top center widget text style */

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

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


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

.col_right_top {
height: 10px;  /* 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: 25px; text-indent:0px; line-height:25px; color:#000; font-size:12px; } /* 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:#FFF; /* footer text color */ 
}

.footer_content {
    color: #FFF;
}
.footer_content a:link {
    color: #FFF;
}
.footer_content a:visited {
    color: #FFF;
}
.footer_content a:hover {
    color: #FFF;
}
.footer_content a:active {
    color: #FFF;
}

a.bonzi_learnmore, a.bonzi_readmore, a.bonzi_registernow, a.bonzi_moreinfo {
    height: 25px;
    padding-left: 127px;
}