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


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

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


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

.header {
height:195px; /* height of header.png */
}

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

.member_login {
top:0px; /* height of header.png */
left:800px;
height:40px; /* half height of whatever graphic contains log in button */
background-image:url(../images/member_login.png)
}


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

.col_left_top {
height: 17px;  /* 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: 24px; line-height:24px; text-indent:0px; color:#FFF; font-size:11px; } /* left widget top height and style, can add text styles here */

.col_left .wgt_container { margin: 20px 0 10px 0; width:200px; } /* 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 {
height: 6px; display: block;
}

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

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

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

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

/* 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: #000000; /* subnavigation item up color */
  top:2px; /* subnavigation item top alignment to main menu item */
  height:27px; /* height of subnavigation item */ 
  line-height:26px; /* vertical text alignment of subnavigation item */
}

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

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

.col_ctr_top {
height: 17px;  /* 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:0;
}


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

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

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

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

.col_ctr .mid .content {
padding-top:20px;
padding-bottom:20px;
}


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

.col_right_top {
height: 17px;  /* 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:0;
}

.col_right .top, .col_right .top .content { height: 24px; text-indent:0px; line-height:24px; color:#FFF; font-size:11px; } /* top right widget, height should match wgt_col_right_top_ctr.png */

.col_right .wgt_container { width: 200px; 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:59px; 
}

.footer_content {
padding-top:9px;
}

.layout_leftcolumn .footer {
background-position:0 -59px;
}

.bonzi_logo {
margin-top:5px;
}

.RT_RssFeed {
list-style:none;
}