/* 
Document   : layout.css
Created on : 2008/12/04, 03:44:05
Author     : Cobus
Description:
Purpose of the stylesheet follows.
*/

#text_header
{
  margin-top:-80px;
  margin-left:30px;
  width:580px;
  float:right;
 }
#text_header h1
{
  position:absolute;
  width:400px;
  padding-left:0px;
  font-size:14px;
  text-align:right;
  font-family:cursive,verdana,arial,none;
  color:#DA251C;
}
*{
  padding:0px;
  margin:0px;
  font-family:Verdana,Helvetica,Arail,none;
  font-size:12px;
}
body
{
  text-align:center;
  background: url('../images/background.png') center top repeat-x; 
}
#main{
  margin:0 auto;
  width:940px;
  padding-top:15px;
  text-align:left;
  
}
#backmain
{
  width:940px;
  margin:0 auto;
  display:block;
  background: url('../images/center.png') center top repeat-y;
}
#top_header{
  width:100%;
  height:34px;
  background: url('../images/heading.png') center top no-repeat;

}
#header{
  height:200px;
  width:100%;
  z-index:20;
  background: url('../images/header.jpg')  no-repeat center -8px;
}
#tabs{
  float:right;
  z-index:10;
}

#tabs ul {
  padding-top:151px;
  padding-right:50px;
}

#tabs ul li{
  display:inline;

}

#tabs ul li a div{
  width:105px;
  float:left;
  text-align:center;
  padding:4px 0 18px 0;
  font-size:11px;
  background:url('../images/button.png') center top no-repeat; 
  
}
#tabs ul li a div:hover{
  background:url('../images/button_hover.png') center top no-repeat;
  
}


#tabs ul li a.active div{
  color:#D4211C;
  background: url('../images/button_hover.png') center top no-repeat;
}

#tabs ul li a{
  display:inline;
  text-decoration:none;
  font-weight:bold;
  color:#0C76A2;
}

#tabs ul li a:hover{
  display:inline;
}

#tabs ul li.active{
  display:inline;
}

#main_content{
  display:block;
}

#left_content{
  margin-left:25px;
  width:220px;
  display:block;
  float:left;
}

#top_left{
  width:100%;
  height:20px;
  display:block;
  background: url('../images/side_top.png') center top no-repeat; 
}

#center_left{
  display:block;
  padding:0 10px 0 10px;
  background: url('../images/side_center.png') center top repeat-y; 
}
.side_img{

}
.clr
{
  height:0px;
  width:100%;
  float:left;
  display:block;
}

#bot_left{
  height:20px;
  background: url('../images/side_bottom.png') center top no-repeat;
}

#right_content{
  display:block;
  width:670px;
  float:left;
}

#top_conent{
  height:20px;
  width:100%;
  background: url('../images/center_top.png') center top no-repeat;
}

#center_content{
  height:auto !important;
  height:540px;
  min-height:540px;
  padding:0 0px 0 20px;
  color:gray;
  display:block;
  background: url('../images/center_centertop.png') center top repeat-y; 
}

#bot_content{
  height:20px;
  width:100%;
  background: url('../images/center_bottom.png') center top no-repeat;
}

#bot_footer{
  width:100%;
  height:160px;
  background: url('../images/footer.png') center top no-repeat; 
}