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

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

.header {
margin:0 0 0 0;
padding:0px;
width:1000px;
height:204px;
background:url(../images/header.png);
}

.header_home_link {
width:1000px;
height:204px;
float:left;
}

.member_login {
display:block;
position:absolute;
top:204px;
left:266px;
height:32px;
width:200px;
}


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

.col_left_top {
height: 48px;
width:200px;
background:url(../images/col_left_top.png);
}


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

.v_nav_top {
height: 25px;
width:200px;
background:url(../images/v_nav_top.png);
display:none;
}

.v_nav_btm {
height: 25px;
width:200px;
background:url(../images/v_nav_btm.png);
display:none;
}

.nav {
	margin:0 0 10px 0;
}

ul.cssMenu,
ul.cssMenu ul{
  list-style: none;
  list-style-position: outside;    /* IE decides to disregard list-style: none, so this is needed to override sam_default.css */
  margin: 0;
  padding: 0;
}

ul.cssMenu ul{
  display: none;
  position: absolute;
  margin-right: 0;
  z-index: 400;
}

/* style for all buttons */
ul.cssMenu li{
  margin: 0;
  padding: 0 0 3px 0;
  border: none;
  float: left;
  background-image: url(../images/v_nav_up.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  text-indent:6px;
  text-align: left;
  position: relative;
  background-color: transparent;
  cursor: default;
  z-index: 750;
}

ul.cssMenu li .button-text {
  background-color: transparent;
  display: block;
  font-size: 12px;
  color:#FFFFFF;
  font-weight:bold;
}

ul.cssMenu li a:hover,
ul.cssMenu li.over .button-text {
  color: inherit;
  font-family: inherit;
  font-size: 12px;
  font-weight: inherit;
  color:#FFFFFF;
  font-weight:bold;
}

ul.cssMenu li a{
  display: block;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

ul.cssMenu li:hover,
ul.cssMenu li.over{
  background-color: transparent;
  background-image: url(../images/v_nav_ovr.png);
  background-repeat: no-repeat;
}

ul.cssMenu:after{
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

/* style for buttons in a sub menu */
ul.cssMenu li li{
  background-image: none;
  border: none;
  background-color: #115CE8;
  z-index: 1000;
  top:3px;
  height:20px;
  line-height:22px;
}

ul.cssMenu li li:hover,
ul.cssMenu li li.over{
  background-image: none;
  background-color: #92B6FA;
}

ul.cssMenu ul li{
  display: block;
}

/*
* Hide sub menus that are not hovered over.
* It only works for 5 levels deep.  If for some reason you need
* more, add more here
*/
ul.cssMenu ul,
ul.cssMenu li.over ul ul,
ul.cssMenu li.over li.over ul ul,
ul.cssMenu li.over li.over li.over ul ul,
ul.cssMenu li:hover ul ul,
ul.cssMenu li:hover li:hover ul ul,
ul.cssMenu li:hover li:hover li:hover ul ul{
 display: none;
}

/* show hovered submenus */
ul.cssMenu li.over ul,
ul.cssMenu li.over li.over ul,
ul.cssMenu li.over li.over li.over ul,
ul.cssMenu li.over li.over li.over li.over ul,
ul.cssMenu li:hover ul,
ul.cssMenu li:hover li:hover ul,
ul.cssMenu li:hover li:hover li:hover ul,
ul.cssMenu li:hover li:hover li:hover li:hover ul{
  display: block;
}

/* RIGHT type menus */

ul.cmRight span.buttonArrow {
  float: right;
  position: absolute;
  right: 0px;
  top: 0px;
  background-image: url(../images/arrow_right.png);
  background-position: 0 0;
}

ul.cmRight li{
  float: none;
}

ul.cmRight li ul,
ul.cmRight li ul li ul{
  left: 200px;
  top: -2px;
}


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

.col_ctr_top {
height: 48px;
}


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

.col_ctr .top .content { color: #FFF; font-weight: bold; font-size: 12px; text-align: left; line-height:24px; text-indent:-10px; }

.col_ctr .top, .col_ctr .top .content, .col_ctr .bottom, .col_ctr .bottom .content { height: 24px; }


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

.col_right_top {
height: 48px;
width:200px;
background:url(../images/col_right_top.png);
}