
body {
  margin : 0 auto;
  width : 90%;
  background : #fff  url(../images/bg_body.jpg)repeat-x;;
  font-family:Verdana,Arial,Helvitica,sans-serif;
  font-size : 13px;
  color : #333;
}


#header {
  background : #2c2c2c url(../images/bg_header.gif) repeat-x;
color : #eee;
}
A { color:#974031;
text-decoration : none;
}
A:hover {
  text-decoration : underline;
}
a img {
  border  : none;
}
.thumb {
  border : solid #888 1px;
}
h1 {
  margin : 0px;
  padding : 0px;
  font-size : 28px;
  font-weight : normal;
  
}
h2 {
  

  font-family:"Trebuchet MS";
  font-size : 24px;
  font-weight : normal;
  left  : -10px;
  
  position : relative;
  margin-bottom : 20px;

  color : #888;
  
}
h3 {


  color : #888;
  font-family:"Trebuchet MS";  
  font-size : 16px;
  font-weight : normal;
  margin : 0px;
  padding : 0px;
  margin-bottom : 10px;
  margin-top : 20px;
}

#logo {
  background : url(../images/logo.png) no-repeat  20px 25px;
  padding : 20px;
  padding-left : 70px;
  font-family:Impact;
  width : 250px;
  cursor : pointer;
}

#logo H1 {
  color  :#eee;
}

.tagline {
  font-size : 12px;
  font-family : arial,sans-serif;
  color : #aaa;
}

#top_links {
  color : #ddd;
  float : right;
  padding :  10px 20px;
  font-size : 11px;
}
#top_links A {
  color : #ccc;
  padding : 0px 3px;
  text-decoration : none;
  
  font-weight : bold;
}
#top_links A:hover {
  color : #eee;
}

#page {

  background: white url(../images/bg_page.gif) repeat-x bottom ;
  border : solid #ccc 1px;
  border-top : none;
  min-height : 700px;
}
#page, #footer {
  
  min-width : 700px;
  max-width : 1200px;
}
#footer {
  color : #999;
  font-size : 11px;
  padding : 10px 0px;
}
#footer a {
  color : #888;

}

#content {
  padding : 20px;
  padding-left : 30px;
  line-height : 1.3em;
  text-align : justify;
}

#side {
  float : right;
  width : 250px;
  text-align : justify;
  margin-left : 20px;
  margin-bottom : 300px;
}
#side h2 {

  left  : 0px;
}


#content a, #side a {
}



.col2 {
  width : 48%;
}

.right {
  float : right;
}
.left {
  float : left;
}
.clear {
  clear : both;
}

img.left {
  margin-right : 5px;
}


ul.features {

list-style-type: none;
padding-left: 0;
margin-left: 108px;
}
ul.features li {
background: url(../images/bullet.png) left top no-repeat;

 padding-left: 10px;
 margin-left: 0;
 font-size : 12px;
 text-align : left;
 line-height : 100%;
 margin-bottom : 5px;
}

#login_form {
  background : #974031;
  color : white;
  font-size : 11px;

  text-align : center;
  display:none;
}

#login_form form {
  padding : 10px;
  padding-bottom : 6px;
}

#login_form input {
  border : solid #373737 1px;
  font-size : 11px;
  padding : 1px;
}
#login_form a {
  color : white;
}
#login_form .submit {
  padding : 0px;
}

#intro {

  margin-right : 270px;
  
  background : #eee url(../images/stripes.png);
  height : 200px;
  border : solid #ddd 1px;
  text-align : center;
   color : #888;
  font-size : 18px;

  margin-top : 20px;
}


.intro_slide {
 height : 220px;
  background : #eee url(../images/stripes.png);
 text-align : center;  

}

#buttons {
  margin-right : 270px;
  margin-top : 20px;
  
  font-family:"Trebuchet MS";
  font-size : 20px;
}
#buttons a:hover {
  text-decoration : none;
}
#buttons a {
  display:block;
}
/* menu */

#menu{
  position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(../images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #974031;
}
#menu ul{
  margin:0;padding:0;list-style-type:none;width:auto;
}
#menu ul li{display:block;float:left;margin:0;}
#menu ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(../images/bgDIVIDER.gif) no-repeat top right;}
#menu ul li a:hover,#menu ul li a.current{color:#974031;background:#fff url(../images/bgON.gif) no-repeat top right;}

#menu ul li a:hover,#menu ul li a.current{
  color:#974031;
}
/* submenu */

#sub_menu {
    float : right;
    position:relative;display:block;
    z-index:50;
}
#sub_menu {
  margin:0;
  padding:0;
  list-style-type:none;
  width:auto;
}

#sub_menu  li{
  display:block;
  float : left;
  margin:0;
  padding-left: 20px;
}

#sub_menu  li a{
  display:block;
  color:#666;
  text-decoration : none;
}
  

#sub_menu  li a:hover,#sub_menu li a.current {

  text-decoration : none;
    
  color:#974031;
}
