html {
  height: 100%;
}


body {
  font-family: tahoma;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  background-color: rgb(245, 251, 251);
}


a {
  color: rgb(21,116,174);
  padding: 0px 0px 0px 0px;
  font-family: tahoma;
  font-size: 10pt;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}


.main {
 position: relative;
 width:100%;
 height:auto;
}

.top{
 position: relative;
 width:984px;
 height:30px;
 margin:20px auto 0px auto;
 border: rgb(200,200,200) 0px solid;
 overflow: hidden; 
 padding:0px;
 background:transparent url(images/top.png) no-repeat 0px 0px;
}

.head{
 position: relative;
 width:984px;
 height:327px;
 margin:0px auto 0px auto;
 border: rgb(200,200,200) 0px solid;
 overflow: hidden; 
 padding:0px;
 background:transparent url(images/head.png) no-repeat 0px 0px;
}

.content{
 position: relative;
 width:984px;
 height:auto;
 margin:0px auto 0px auto;
 border: rgb(200,200,200) 0px solid;
 padding-bottom:30px; 
 overflow: hidden; 
 background:transparent url(images/content.png) repeat-y 0px 0px;
}

.bottom{
 position: relative;
 width:984px;
 height:40px;
 margin:0px auto 5px auto;
 border: rgb(200,200,200) 0px solid;
 overflow: hidden; 
 padding:0px;
 background:transparent url(images/bottom.png) no-repeat 0px 0px;
}

/*================= HEADER ==================*/

.head_main {
  position:relative;
  width:580px;
  height:auto;
  margin-top:30px;
  margin-left:40px;
  border: rgb(200,200,200) 0px solid;
}

.how_work {
 /* position:absolute;
  top:30px;
  left:710px;
  width:230px;
  height:auto;
  border: rgb(200,200,200) 0px solid;*/
}


/*================= CONTENT ==================*/


.content_main {
  position:relative;
  width:580px;
  height:auto;
  margin-top:0px;
  margin-left:55px;
  border: rgb(200,200,200) 0px solid;
  float:left;
}

.content_block {
  position:relative;
  width:auto;
  height:auto;
  margin-top:0px;
  margin-left:20px;
  border: rgb(200,200,200) 0px solid;
}

.content_block table{
  margin-left:40px;
  margin-bottom:20px;
}

.content_slideBar {
  position:relative;
  width: 280px;
  height:auto;
  margin-top:0px;
  margin-left:40px;
  border: rgb(200,200,200) 0px solid;
  float:left;
}

.content_slideBar ul li{
	font-size: larger;
       font-weight: bold;
	margin-top:5px;
}

.content_slideBar ul a{
	font-size: 14px;
       font-weight: bold;
	font-family: Tahoma, sans-serif;
}

.slide_block {
  position:relative;
  width:auto;
  height:auto;
  margin-top:10px;
  margin-left:0px;
  border: rgb(200,200,200) 0px solid;
}


.slide_block table{
  margin-bottom:30px;
  margin-left:40px;
}



.slide_block p{
 text-align:right; 
 margin:0px 0px 20px 0px;
}

/*================= HELPER ==================*/

.gray {
  font-size: 8pt;
  color:#666666;
}
.textInput {
  width:190px;
  font-size:10pt;
}
.textInputA {
  width:175px;
  font-size:10pt;
}

.textInputB {
  width:30px;
  font-size:10pt;
}

h2 {
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: #6a002e;
 font-size: 16pt;
 font-weight: normal;  
}

h3 {
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 color: rgb(0,0,0);
 font-size: 12pt;
 font-weight: normal;  
}

a.vsl_help:hover { position:relative; }
a.vsl_help span { display:none;}
a.vsl_help:hover span { 
  position:absolute;  
  display:block; 
  left:0px; 
  top:-40px;
  border:solid 1px rgb(129,154,162);
  color:rgb(11,46,75);
  background-color:rgb(179,204,212);
  padding:3px;
}

/*===============FORMS================================*/

input, select{
  border: 1px solid #aaaaaa;
  background-color: #e6f1ff;
  color: #4e4e4e;
}

a img{
  border: none;
}

/*====================MENUS============================*/

.menu_subitem{
  list-style: none;
  padding-left:5px;
}

.menu_subitem li a{
  font-size:10px;
  font-weight: normal;
  word-spacing: 0.2em;
}