/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/*
DARK BLUE: #084C8D
LIGHT BLUE: #83A6C6
DARK GREEN: #23A490
LIGHT GREEN: #92D1C8
*/

/**************** Page and tag styles ****************/

body{
  margin:0;
  padding:0;
  font: 13px verdana,tahoma,sans-serif;
  width: 852px;
  min-height:600px
}

ul{
  list-style:circle; 
  margin:15px 0 20px 0; 
  font-size:0.9em;
}

li{
  margin:0 0 8px 25px;
}

a{
  color:#23A490; 
  font-weight:bold; 
  text-decoration:none;
}

a:hover{
  color:#83A6C6; 
  text-decoration:underline;
}

img{
  margin:0 15px 15px 0; 
  padding:0px;
}

a img{
  border-width:0;
}

a img:hover{
  background:#92D1C8;
  border-color:#92D1C8;
}

.floatimg  {
  float:left; 
}

/**************** Topbar area styles ****************/

#banner{
    background: url(../img/banner.png);
    width: 852px;
    height: 124px;
}

#banneranc{
    height:100px;
    width:100px;
}

/**************** Sidebar area styles ****************/

#sidetop{
    background: url(../img/sidebar_top.png);
    width: 191px;
    height: 21px;
}
#sidethin{
    background: url(../img/sidebar_thin.png);
    width: 191px;
    height: 700px;
}
#sidebottom{
    background: url(../img/sidebar_bottom.png);
    width: 191px;
    height: 11px; 
}
#sidebar{
    width:191px;
}

.active{
    background: url(../img/button_on.png);
}

.inactive{
    background: url(../img/button_off.png);
}

#cm{
    width:191px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 180px;
    left: 0px;
}
#cmanc{
    position:relative;
    top: 10px;
    left: -6px;
}
#cm:hover {
    width:191px;
    height: 40px;
}

#cg{
    width:191px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 220px;
    left: 0px;
}
#cganc{
    position:relative;
    top: 10px;
    left: -6px;
}
#cg:hover {
    width:191px;
    height: 40px;
}

#relo{
    width:191px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 260px;
    left: 0px;
}
#reloanc{
    position:relative;
    top: 10px;
    left: -6px;
}
#relo:hover {
    width:191px;
    height: 40px;
}

#staff{
    width:191px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 300px;
    left: 0px;
}
#staffanc{
    position:relative;
    top: 10px;
    left: -6px;
}
#staff:hover {
    width:191px;
    height: 40px;
}

#faq{
    width:191px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 340px;
    left: 0px;
}
#faqanc{
    position:relative;
    top: 10px;
    left: -6px;
}
#faq:hover {
    width:191px;
    height: 40px;
}

#contact{
    width:191px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 380px;
    left: 0px;
}
#contactanc{
    position:relative;
    top: 10px;
    left: -6px;
}
#contact:hover {
    width:191px;
    height: 40px;
}

/**************** Content area styles ****************/

#content{
  position: absolute;
  top: 130px;
  left: 230px;
  width:600px; 
  padding:20px 0; 
  background:#fafafa;
}

#content p{
  margin:0 0 20px 0; 
  line-height:1.5em;
}

#content h1{
  margin:0; 
  color:#23A490; 
  font-size:3em; 
  letter-spacing:-5px; 
  text-align:center;
}

#content h2{
  clear:both; 
  margin:30px 0 10px 0; 
  color:#084C8D; 
  font-weight:normal; 
  font-size:2.3em; 
  letter-spacing:-2px; 
}

#content h3{
  clear:both; 
  margin:30px 0 10px 0; 
  color:#23A490; 
  font-weight:normal; 
  font-size: 2.0em; 
  letter-spacing:-2px;
}