*{margin:0;padding:0;}
body{background:#CBD4AC url(pics/bg.jpg) repeat-x bottom;color:#346006;font:12px Verdana;}
#container{width:814px;margin:0 auto;}

h1{background:url(pics/head.jpg);height:56px;padding:40px 0 0 60px;font:normal 40px Verdana;}
#menu{background:url(pics/menu.jpg);height:30px;padding:8px 0 0 0;text-align:center;}
  #menu li{list-style:none;display:inline;padding:4px;margin:0 5px;}
  #menu a{color:#264802;text-decoration:none;padding:4px;}
  #menu a:hover{color:#FFFFFF;background:#A1B074;}

#content{width:704px;padding:0 10px 10px 10px;background:#F9D374;border:solid #000;border-width:0 1px;margin:0 0 0 45px;}
 #content h1{background:none;padding:0;margin:0 0 10px 0;height:auto;font:20px verdana;text-decoration:underline;color:#315906;}
 #content h2{text-decoration:underline;color:#40601E;font-size:14px;margin:10px 0 4px;}
 #content h3{font-size:12px;text-decoration:underline;font-weight:normal;}
 #content p{margin:0 0 5px;padding:0 0 0 3px;}
 #content .quote{background:url(pics/quote1.jpg) no-repeat;padding:0 0 0 30px;font-style:italic;}
   #content .quote p{background:url(pics/quote2.jpg) no-repeat right bottom;padding:0 30px 0 0;} 
 #content .code{background:#FADC90;border:1px solid #F5AD0B;padding:3px;}
 
 
#bottom{background:url(pics/bottom.jpg) no-repeat;height:36px;} 
  #bottom ul{padding:12px 0 0 0;text-align:center;}
  #bottom li{list-style:none;display:inline;padding:4px;margin:0 5px;}
  #bottom a{color:#05356D;text-decoration:none;margin:0 7px;}
  #bottom a:hover{text-decoration:underline;}
  
.blog{border:1px solid #315906;;padding:5px;}
  .blog .author{text-align:right;}  

.fright{float:right;}
.fleft{float:left;}
.meer{text-align:right;}        
ul{padding:0 0 0 20px;}
img{border:0;}
a{color:#315906;}
a:hover{text-decoration:none;}