body
{
    background-color: #e8e8ce;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
    margin: 0px;
    padding: 0px;
    text-align: center;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0.5em 0px;
    padding: 0px;
}

h1
{
    font-size: 28px;
    color: #adae42;
}

h2
{
    font-size: 16px;
    color: #D59713;
}

/*---------------------------------------*/

#main
{
	width: 800px;
	text-align:left;
	margin: 0px;	
	padding: 0px;
}

#top img
{
	display: block;
}
/*---------------------------------------*/

#menu
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #adae42;
    text-align: left;
    vertical-align: top;
    padding: 3px;
    margin: 0px;
}

#menu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;    
}    

#menu li
{
    float: left;
    padding: 2px;
}    

#menu li a
{
    /*background: url(../pics/button_bg.jpg) repeat;*/
    background-color: #adae42;
    color: #333;
    padding: 0px 3px;    /*spacing between items*/
    padding-left: 6px;
    text-decoration: none;
    border: 1px solid black;
    font-size: 14px;
    display: block;
    width: 100px;
}

#menu li a:hover
{
    background: none;
    background-color: #D59713;
    color: black;
}

#menu li a:active
{
	color: #f00;
}

/*---------------------------------------*/

#nav
{
    background-color: #ddd;    
    color: #f57703; /*#47d;*/
    border-bottom: 1px solid silver;
    text-align: right;
    font-size: 0.8em;
    padding-right: 10px;
}    

#nav a
{
    text-decoration: none;
    color: #f57703;
}    

#nav .date
{
    float: right;   
    color: red;
}    

/*---------------------------------------*/

#content
{
    background: #ffffff url(../pics/top_add.jpg) no-repeat top right;
    height: 400px;
    text-align: left;
    vertical-align: top;
    padding: 10px 10px 10px 20px;
    margin: 0px;
    color: #333;
    font-size: 13px;    
}

#content p 
{
    font-size: 1em;
    line-height: 1.2em;
    margin: 1.2em 0;
}

#content img
{
    margin: 10px;
}

#content a:hover
{
    color: #fff;
    background-color: #444;
}

#content a:active
{
    color: #fff;
    background-color: #c44;
}

#content ol, ul 
{
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.2em 0 1.2em 2em;
    padding: 0;
}
/*---------------------------------------*/

#bottom
{
    /*background: url(../pics/menu_bg.jpg) repeat;*/
    background-color: #adae42;
    /*border: 1px solid black;*/
    padding: 2px;
    font-size: 0.8em;
    text-align: center;
    color: #333;
}    

/*---------------------------------------*/

/* Sidebar 
----------------------------------------------- */

#sidebar
{
  width: 220px;
  float: right;
  margin: 0px;
  padding: 0px;
  font-size: 97%;
  line-height: 1.5em;
}


.box
{
  clear: both;
  background: #eee;
  margin:0 0 15px;
  padding:10px;
  color: #abc;
  border: 1px solid gray;
  
}

.box h2
{
  margin:0;
  padding:0 0 .2em;
  border-bottom: 1px dotted #456;
  font-size: 115%;
  line-height: 1.5em;
  color: #f57703; /*#abc;*/
}

.box ul
{
  margin: .5em 0 1.25em;
  padding: 0px;
  list-style: none;
}

.box ul li
{
  background: url("icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #345;
  line-height:1.4em;
}

.box ul li a
{
  text-decoration: none;
}

.box p
{
  margin:0 0 .6em;
}
/***********************************/

.counter
{
 color: #999;
 float: right;
}