/*
************************************************************
* Body
*/
body{
 background-image:url(/uploads/84/280/bk.jpg);
 background-repeat:repeat-x;
  text-align:center;
  background-color:#FBEEDB;
  font-family: verdana, arial, bank gothic;
 margin-top:38px;
 color:#666;

}
img{
 border:0;
}
 

  

/*
************************************************************
* Container
*/
/*border:1px solid red;*/


#container{
	margin:auto;
	width:820px;
	/*border:2px solid #CC9933;*/
        text-align:left;
}



#container #content{
 clear:both;
 background-image:url(/uploads/84/280/mid.jpg);
 
}

#container #content #content-left{
 float:left;
 width:180px;

 padding-left:26px;
}

#container #content #content-left ul{
  list-style:circle;
 color:firebrick;
}

#container #content #content-left ul li{
  padding:8px;
}

#container #content #content-left ul a{
  color:#993300;
  text-decoration:underline;
}

#container #content #content-left ul a:hover{
  color:teal;
  text-decoration:none;
}


#container #content #content-right{
 float:right;
 width:520px;
 padding-left:14px;
 margin-right:40px;
 /*border:1px solid red;*/

}


#container #header{
 background-image:url(/uploads/84/280/head.jpg);
 height:121px;
        
}

#container #footer{
  background-image:url(/uploads/84/280/foot.jpg);
  background-color: #FFCC00;	
  height:58px;
}
    
 

  

/*
************************************************************
* Toolbar
*/
ul.toolbar{
  background:#FFFFCC;
  background-image:url(url(/images/gui/gradient/toolbar/gray.gif));
  padding-top:2px;
  padding-bottom:2px;
  margin : 0;
  border-bottom: 2px solid #FFFFCC;
  padding-left:0px;
  text-align:left;
}

ul.toolbar li{
  list-style: none;
  margin: 0;
  display: inline;
}

ul.toolbar li a{
  padding: 5px 0.5em;
  margin-left: 2px;
  border: 2px solid #FFFFCC;
  border-bottom: none;
  background: #FFFFCC;
  text-decoration: none;
}

ul.toolbar li a:link { color: #990000; }
ul.toolbar li a:visited { color: #333399; }

ul.toolbar li a:hover{
  color: #FFFFCC;
  background: #990000;
  border-color: white;
}

ul.toolbar li a.current{
  background: white;
  border-bottom: 1px solid white;
}
        






 

  

/*
************************************************************
* A
*/
a{
 color:firebrick;
 text-decoration:none;
}
a:hover{
 color:teal;
 text-decoration:underline;
}	

         

  

/*
************************************************************
* H
*/
h1,h2,h3{
 font-family:bank gothic;
 margin:2px;
 color:#E2AD8F;

}
h1{
 border-bottom:1px solid #9C331D;
}

h2{
 color:#993300;
 font-size:90%;
}
     

 

  

/*
************************************************************
* Clear
*/


/* my float clearing technique is unstoppable (technoweenie) */
.c:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.c {display: inline-table;}

/* Hides from IE-mac */
* html .c {height: 1%;}
.c {display: block;}
         

  

/*
************************************************************
* Class
*/
div.logo{
  color:#FFFFCC;
  font-size:200%;
}

div.logo span{
 font-family: bank gothic;
 color:#FFCC00;
}	

.hand{
	cursor:hand;cursor:pointer;
}
         

  

/*
************************************************************
* Id
*/


#one-liner{
 float:right;
 color:#ddd;

}	
         

  

/*
************************************************************
* Colors
*/
ul.colors{
 list-style:none;
 padding:0;
 margin:0;
 margin-top:8px;
}
ul.colors li{
 display:inline;
 border:1px solid white;
 
}
	         

  

/*
************************************************************
* Warning
*/

div.warning{
  border:1px solid #ccc;
  background-color:#eee;
  padding:5px;
  margin:5px;
  color:#990000;
}         

  

/*
************************************************************
* form
*/
label{
 display:block;
 font-weight:bold;
 color:#E2AD8F;
}