/* CSS Document */

body  { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif }

a  { color: #a7aa56; font-weight: bolder; text-decoration: none }
h1  { color: #015704; font-size: 14px }
h2  { color: #015704; font-size: 13px }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(../images/header.gif); }
#header .logo { float:left; }
#nav  { background-color: #ff9; margin: 0; padding: 1px; width: 100%; overflow: auto }
#nav ul  { background-color: #ff9; margin: 0; padding: 0  }
#nav ul li  { background-color: #ff9; list-style-type: none; list-style-position: outside; float: left; padding: 0 }
#nav ul li a   { color: #eeee8b; background-color: #a7aa56; text-align: center; display: block; margin: 0 1px 0 0; padding: 8px 0; width: 100px; height: 15px   }
#nav ul li a:hover  { color: #fff; background-color: #587d16   }

#content { background-color: #ff9; width:100%; }

#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a  { background-color: #e5e58a; display: block; margin: 0; padding: 5px; width: 120px   }
#left ul li a:hover   { color: #fff; background-color: #587d16    }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a   { color: #b00000; font-weight: bold; text-decoration: underline }

.clear { clear:both; }