/* Three Column Page Formatters for small-wide-small and for 3 evenly spaced columns */
/* for small-wide-small, L and R columns are 235px wide, Main content (middle) column is 530px wide */
/* for three evenly spaced, L or R is 223px wide with 377px-wide columns and 1 span of 757px */
/* there are NO MARGINS between columns, all is handled via padding */

div.threecol_smL {
  width: 152px;
  _width: 168px;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 20px; 
  float: left;
}

div.threecol_smR {
  width: 152px;
  _width: 168px;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;  
  padding-right: 0;
  float: right;
}

div.threecol_smR_homepage {
  width: 152px;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}

div.threecol_gateways {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
}

div.threecol_center
{
  width: 656px;
  margin: 0;
  padding: 0;
  float: left;
}

div.threecol_center_border
{
  width: 510px;
  margin: 0;
  padding-left: 15px;
  float: left;
  border-left: 1px solid #344e6f;
}

div.threecol_bodytext {
  margin: 5px;
}


/* you have to have a 0-margin / 0-padding div to wrap a spanning div that sits on top of a body+left or right col */
div.threecol_2spanWrap {
  width: 770px;
  margin: 0;
  padding: 0;
  float: left;
}

div.threecol_2spanL {
   width: 760px;
   margin: 0;
   padding: 5px;
   float: left;
}

div.threecol_2spanR {
   width: 760px;
   margin: 0;
   padding: 5px;
   float: left;
}

/* ROUNDED CORNERS WITH BORDER */
/* anything with _dark is for the active 2nd level page menus without _dark gives a general lighter/tan menu  */
/* this section ONLY creates edges and corners                                      */
div.topline_dark { 
  background: #344E6F 0 0 repeat-x; 
/*  background: #2C4165 0 0 repeat-x; */
  position: relative;
  _margin: 0 1px 0 -1px; /* smooths the rounded right corner in IE */

  z-index: 500;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(/images/439/2010/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.tl_dark { background: 0 0 no-repeat;      }

/* div.tr_dark { background: 100% 0 no-repeat; height: 10px;  } */

div.bottomline { background:#fffffe url(/images/439/2010/dot.gif) 0 100% repeat-x;   }

div.bl { background: url(/images/439/2010/bl.gif) 0 100% no-repeat;   }

div.br { background: url(/images/439/2010/br.gif) 100% 100% no-repeat; height: 10px; }

/* SIDE MENUS */
/* These divs control the background color, fonts, etc of the individual lines in a side menu.   */
div.sidemenu_header {
  background: #344e6f;
  margin: -5px 0 0 0;
  padding: 5px 0 8px 0;
  zoom: 1;
  z-index: 1000;
  border-left: 1px solid #344e6f;
  border-right: 1px solid #344e6f;
  line-height: normal;
  white-space: nowrap;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

div.sidemenu_header a,  div.sidemenu_header a:visited{
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

div.sidemenu_header img {
  padding-right: 5px;
  padding-bottom: 0;
}

div.sidemenu {
  background: #fffffe;
  margin: 0;
  padding-left: 20px;
  padding-bottom: 8px;
  padding-top: 8px;
  border-left: 1px solid #344e6f;
  border-right: 1px solid #344e6f;
  font-size: 12px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  line-height: normal;
}

div.sidemenu a, div.sidemenu a:visited{
  color: #3d3d3d;
  text-decoration: none;
}

div.sidemenu a:hover{
  color:#5c1215;
}

div.sidemenu img {
  padding-right: 5px;
}

div.sidemenu_newsevents {
  color: #5c1215;
  text-decoration: none;
}
div.sidemenu_newsevents a, div.sidemenu_newsevents a:visited {
  color: #5c1215;
  text-decoration: none;
}

div.sidemenu_curr {
  background: #fffffe;
  margin: 0;
  padding-left: 20px;
  padding-bottom: 8px;
  padding-top: 8px;
  border-left: 1px solid #344e6f;
  border-right: 1px solid #344e6f;
  font-size: 12px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  line-height: normal;
}

div.sidemenu_curr a, div.sidemenu_curr a:visited{
  color: #5c1215;
  text-decoration: none;
}

div.sidemenu_curr a:hover{
  color:#5c1215;
}

div.sidemenu_curr img {
  padding-right: 5px;
}

div.submenu {
  background: #e7ddc6;
  margin: 0;
  padding-left: 38px;
  padding-bottom: 8px;
  padding-top: 8px;
  border-left: 1px solid #344e6f;
  border-right: 1px solid #344e6f;
  font-size: 12px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  line-height: normal;
}

div.submenu a, div.submenu a:visited{
  color: #3d3d3d;
  text-decoration: none;
}

div.submenu a:hover{
  color:#5c1215;
}

div.submenu_curr {
  background: #d7ceb9;
  margin: 0;
  padding-left: 38px;
  padding-bottom: 8px;
  padding-top: 8px;
  border-left: 1px solid #344e6f;
  border-right: 1px solid #344e6f;
  font-size: 12px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
  line-height: normal;
}

div.submenu_curr a, div.submenu_curr a:visited {
  color: #5c1215;
  text-decoration: none;
}