/* <style> */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #333333;
}
.main {
	padding: 15px;
	border-left: 1px solid #000000;
	background-color: #FFFFFF;
}
.rt_col {
	border-left: 1px solid #FF0000;
	background-color: #FFFFFF;
}
.bottom_col {
	border-top: 1px solid #FF0000;
	background-color: #FFFFFF;
}
.footer {
	border: 1px solid #000000;
	background-image: url('images/menu_bg.gif');
	background-repeat: repeat-x;
}

/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

/*------Custom----*/

.menu_style {
	background-image: url('images/menu_bg.gif');
	background-repeat: repeat-x;
	border-right: 1px solid #000000;
}
.side {
	background-image: url('images/Slice5.jpg');
	background-repeat: repeat-y;
	border-right: 1px solid #000000;
}
.side_top {
	background-image: url('images/Slice4.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
.box_top {
	background-image: url('images/box_01.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFFFFF;
	padding-bottom: 8px;
}
.box_mid {
	background-image: url('images/box_02.gif');
	background-repeat: repeat-y;
	background-position: top;
	padding: 10px;
	font-size: 10px;
}
.box_bottom {
	background-image: url('images/box_04.gif');
	background-repeat: no-repeat;
	background-position: top;
}

/*-----------------*/

div.sample2 div.vert_menu { border-bottom: 1px solid black; }

div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a
{
  border: 1px solid black;

  width: 106px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background: url('images/img3.jpg') 0px 40px;

  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 11px;
  color: #FFFFFF;
}

div.sample2 div.horz_menu a { margin-right:  -1px; }
div.sample2 div.vert_menu a { margin-bottom: -1px; }

div.sample2 div.horz_menu a:hover,
div.sample2 div.vert_menu a:hover
{
  color: #000066;
  background-position: 0px 20px;
}

div.sample2 div.horz_menu a.parent,
div.sample2 div.vert_menu a.parent
{
  background-position: 0px 0px;
}

div.sample2 div.horz_menu a.active,
div.sample2 div.vert_menu a.active,
div.sample2 div.horz_menu a.active:hover,
div.sample2 div.vert_menu a.active:hover
{
  color: #000066;
  background-position: 0px 60px;
}