*
{
  margin: 0;
  padding: 0;
}

html 
{
  overflow-y: scroll;
}

body
{
  background: #99daf6 url('./i.base/bg.jpg') no-repeat scroll center top;
  margin: 0 auto;
  font: 11px Verdana, Arial, Sans-serif;
  color: #000;
}

div#clear
{
  clear: both;
  margin: 0;
}

/**** L O G O ****/

div#logo
{
  height: 79px;
  margin-top: 20px;
}

div#logo a#logo
{
  cursor: pointer;
  float: left;
  background: url('./i.base/logo.png');
  width: 233px;
  height: 79px;
}

/**** M E N U ****/

div#menu
{
  height: 50px;
  clear: both;
}

div#menu_left
{
  background: url('./i.base/menu_left.png') top left no-repeat;
  height: 50px;
  width: 10px;
  float: left;
}

div#menu_mid
{
  background: url('./i.base/menu_mid.png') top left repeat-x;
  height: 50px;
  margin: 0 10px 0 10px;
}

div#menu_right
{
  background: url('./i.base/menu_right.png') top right no-repeat;
  height: 50px;
  width: 10px;
  float: right;
}

div#menu_mid *
{
  color: #fff;
}

div#menu_mid a
{
  text-decoration: none;
  line-height: 27px;
}

div#menu_mid ul
{
  padding-top: 11px;
  padding-left: 11px;
  height: 39px;
}

div#menu_mid li
{
  float: left;
  list-style: none;
  font-size: 18px;
  margin-left: 5px;
  margin-right: 5px;
}

div#menu_mid .active
{
  padding-bottom: 10px;
  padding-left: 4px;
}

div#menu_mid li.active
{
  background: white url('./i.base/menu_active_left.gif') top left no-repeat;
}

div#menu_mid .active span
{
  background: url('./i.base/menu_active_right.gif') top right no-repeat;
  float: left;
  height: 28px;
  width: 4px;
}

div#menu_mid .active a
{
  background: url('./i.base/menu_active_mid.gif') top left repeat-x;
  color: #fb7412;
  float: left;
  line-height: 28px;
  padding-left: 2px;
  padding-right: 2px;
}

/**** C O N T E N T ****/

div#content
{
  clear: both;
}

div#content_right
{
  background: url('./i.base/content_right.png') top right repeat-y;
  width: 100%;
  float: right;
}

div#content_left
{
  background: url('./i.base/content_left.png') top left repeat-y;
  width: 100%;
  float: left;
}

div#content_mid
{
  margin: 0 10px 0 10px;
  background: white;
}

div#content_bottom
{
  clear: both;
}

div#content_bottom .r
{
  float: right;
  background: url('./i.base/content_bottom_r.png') 0 top no-repeat;
  width: 10px;
  height: 11px;
}

div#content_bottom .l
{
  float: left;
  background: url('./i.base/content_bottom_l.png') top left no-repeat;
  width: 10px;
  height: 11px;
}

div#content_bottom .m
{
  background: url('./i.base/content_bottom_m.png') 1px 0 repeat-x;
  height: 11px;
  margin: 0 10px 0 10px;
}

/**** T O P C O L S ****/

div#topcols
{
  clear: both;
}

/**** S U B M E N U ****/

div#submenu
{
  float: left;
  font-size: 12px;
  margin: 3px 0 4px 6px;
}

div#submenu ul
{
  width: 193px;
  float: left;
  list-style: none;
  line-height: 26px;
}

div#submenu ul li
{
  padding: 0 5px 0 5px;
  color: #477592;
  height: 26px;
  background: url('./i.base/submenu_grad.png') top left repeat-x;
}

div#submenu ul li a
{
  float: left;
  color: #477592;
  text-decoration: none;
}

div#submenu ul li span
{
  float: right;
  line-height: 26px;
}

div#submenu ul li.active *
{
  color: #ff6c00;
}

/**** T O P C O L ****/

div#topcol
{
  padding: 10px;
  background: white url('./i.base/top_grad.gif') top left repeat-x;
}

div#topcol ul,ol
{
  padding: 0 0 0 20px;
}

div#topcol ul
{
  line-height: 16px;
}

div#topcol.l
{
  margin: 3px 1px 3px 4px;
  float: left;
  width: 412px;
}

div#topcol.m
{
  margin: 3px 3px 3px 1px;
  float: right;
  width: 656px;
}

div#topcol.r
{
  margin: 3px 3px 3px 1px;
  float: right;
  width: 412px;
}

div#topcol h2
{
  font-weight: 400;
  font-size: 22px;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid rgb(217,216,234);
}

div#topcol p
{
  padding: 5px 100px 5px 0;
}

div#topcol.l h2
{
  color: #ff6c00;
}

div#topcol.m h2
{
  color: #4297e5;
}

div#topcol.r h2
{
  color: #4297e5;
}

/**** B O T C O L ****/

div#botcols
{
  clear: both;
  margin-bottom: 1px;
}

div#botcol
{
  width: 289px;
  background: white url('./i.base/bot_grad.gif') top left repeat-x;
}

div#botcol.l
{
  float: left;
  margin: 0 2px 0 3px;
}

div#botcol.m
{
  float: left;
  margin: 0 2px 0 2px;
  width: 290px;
}

div#botcol.r
{
  float: right;
  margin: 0 3px 0 2px;
}

div#botcol h2
{
  font-size: 13px;
  line-height: 23px;
  color: #fff;
  padding: 0 0 0 6px;
}

div#botcol .last
{
  padding: 20px;
  text-align: right;
}

div#botcol .entry
{
  margin: 0 10px;
  padding: 10px 0;
}

div#separator
{
  border-bottom: 1px solid #ddeaf2;
}

.entry h3
{
  color: #489bc9;
  font-size: 12px;
}

div#botcol .entry .sub
{
  color: #aeaeae;
}

div#botcol .entry p
{
  padding: 5px 0;
}

/**** B U T T O N ****/

div#button
{
  height: 23px;
  cursor: pointer;
  padding: 6px 0 6px 10px;
  float: left;
  width: 150px;
}

div#button .button_right
{
  cursor: pointer;
  width: 10px;
  height: 29px;
  float: right;
}

div#button .button_body
{
  cursor: pointer;
  text-decoration: none;
  padding: 7px 0 7px 0;
  height: 15px;
  color: #fff;
  font-weight: bold;
  float: left;
  width: 130px;
  text-align: center;
}

div#button .button_left
{
  cursor: pointer;
  width: 10px;
  height: 29px;
  float: left;
}

div#button.blue .button_right
{
  background: url('./i.base/blue_r.gif') no-repeat;
}

div#button.blue .button_body
{
  background: url('./i.base/blue_bg.gif') repeat-x;
}

div#button.blue .button_left
{
  background: url('./i.base/blue_l.gif') top left no-repeat;
}

div#button.orange .button_right
{
  background: url('./i.base/orange_r.gif') no-repeat;
}

div#button.orange .button_body
{
  background: url('./i.base/orange_bg.gif') repeat-x;
}

div#button.orange .button_left
{
  background: url('./i.base/orange_l.gif') top left no-repeat;
}

/**** L I N K S ****/

div#links
{
  clear: left;
  float: left;
  padding-left: 10px;
  padding-top: 0;
}

div#links *
{
  color: #1c5678;
}

div#links li
{
  float: left;
  list-style: none;
  padding-right: 10px;
}

/**** I N F O ****/

div#info
{
  padding-top: 0;
  padding-right: 8px;
  float: right;
  color: #1c5678;
}

div#info *
{
  color: #1c5678;
}