@charset "UTF-8";

/*
DkBlog Template
Original CSS StyleSheet by David Herreman
http://www.free-css-templates.com
Modified by Alex Vermeer
Modified by Matt Renaud
*/

* {
  padding: 0;
  margin: 0;
  cursor: default;
}

td {
vertical-align: top;
}

body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color : #fff;
}

a {
color : #6699ff;
background : inherit;
text-decoration : none;
cursor: pointer;
}

a:hover {
color : #6699ff;
background : inherit;
text-decoration : underline;
}

p {
margin : 5px 0;
}

h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}

h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}

h3 {
padding : 4px 0;
margin : 0;
}

h4 {
font-size: 18px;
font-weight: normal;
text-align: left;
padding: 0;
margin: 0 0 10px 0;
}


ul {
margin : 0;
padding : 0;
list-style : none;
}


img {
border : 0;
}

hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}

ol {
padding : 0;
margin : 0;
}

.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}

.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}

.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}


.code li.t1 { padding-left : 4ex; }
.code li.t2 { padding-left : 8ex; }
.code li.t3 { padding-left : 12ex; }
.code li.t4 { padding-left : 16ex; }
.code li.t5 { padding-left : 20ex; }
.code li.t6 { padding-left : 24ex; }
.code li.t7 { padding-left : 28ex; }
.code li.t8 { padding-left : 32ex; }
.content { 
margin : 0 auto;
width : 1000px;
}

/*  custom  */
.title {
  background-image: url(images/title_background_1.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
}

#topbar {
height : 35px;
background : #212121;
width : 100%;
}

#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}

#topbar #icons img {
padding-right : 4px;
border : 0;
}

.url {
padding : 10px 0;
}

.url a {
color : #454545;
text-decoration : none;
}

.url a:hover {
color : #fff;
}

#top {
padding-top : 0;
background : #3d3d3b url(images/topbg.gif) repeat-x;
background-color: #393939;
/*height : 85px;*/
height : 150px;
margin-bottom : 25px;
}

#top h1 {
font : bold 2.6em Arial, Sans-Serif;
margin : 0;
letter-spacing : 1px;
color : #6699ff;
padding : 0;
}

#top a:hover {
text-decoration : none;
}

#top h2 {
font : 1em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 20px 0 0 0;
}

#menu {
float : right;
height : 23px;
/*margin-top : 35px;*/
margin-top : 0;
background-image: url(images/50percent.png);
background-repeat:repeat;
}

#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}

#menu a span {
padding-right : 10px;
}

#menu a, 
#menu a span {
display : block;
float : left;
}

/** Hover menu item / current **/
#menu a:hover, 
#menu .current {
    color : #fff;
    background : #a9bc52 url(images/tabl.gif) no-repeat left top;
    padding-left : 10px;
    height : 23px;
}

#menu a:hover span, 
#menu .current span {
    background : url(images/tabr.gif) no-repeat right top;
    padding-right : 10px;
    height : 23px;
    cursor : pointer;
}

#menu .unavailable { color : Gray; }

/** Unavailable menu item **/
#menu a.unavailable:hover {
    color: Gray;
    background : transparent;
}

#menu a.unavailable:hover span {
    background : transparent;
}

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

#menu li {
float : left;
margin : 0 0 0 5px;
}

#main {
width : 1000px;
margin : 0;
padding : 0;
}

.left_side {
float : left;
width : 202px;
background : inherit;
overflow : hidden;
}

.left_side .pad {
padding : 0 0 10px 17px;
}

.left_side p {
padding : 0 0 5px 5px;
}

.left_side ul {
padding : 3px 0 12px 5px;
}

.left_side li {
line-height : 18px;
background : inherit;
list-style : square;
padding-left : 0px;
margin-left : 17px;
color : #b4e04a;
}

.left_side a {
background : inherit;
text-decoration : none;
}

.left_side a:hover {
text-decoration : underline;
}

.left_side h3 {
color : #eee;
font : bold 1.2em Arial, Sans-Serif;
background : url(images/rmenuhead.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}

.left_side a.unavailable, 
.left_side a.unavailable:hover { 
color: Gray;
text-decoration: none; 
}

#right_side {
background : inherit;
margin-bottom : 10px;
margin-left : 20px; 
width : 700px;
float : left;
}

#right_side .intro {
background : #414141;
color : #fff;
margin-bottom: 30px;
}

#right_side .intro .pad {
padding : 10px;
}

#right_side .intro a {
color : #b4e04a;
text-decoration : none;
}

#right_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}

#right_side .mpart {
/*padding : 20px 0 0 0;*/
padding : 0 0 0 0;
}

#right_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : 1.8em verdana, Arial, Sans-Serif;
}

#right_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #a5a5a5;
}

#right_side p {
color : #e7e7e7;
padding : 0;
/*text-align : justify;*/
}

#right_side img {
float : left;
padding : 0 10px 5px 0;
}

/*#right_side img .councilmember { float: none; padding: 10px 0 10px 0 ; }*/

#right_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}

.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
background : url(images/commentb.gif) no-repeat top right;
height : 32px;
}

.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #a9bc52;
background : transparent;
}

.header {
font : bold 1.2em Arial, Sans-Serif;
padding : 7px 0 0px 35px;
margin : 15px 0 4px 0;
text-align : left;
background : url(images/header.gif) no-repeat top left;
height : 38px;
color: #cdff56;
}

#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}

#left_side ul {
list-style-position : inside;
margin-left : 2px;
}

#left_side ul li {
list-style-type : square;
margin-left : 15px;
}

#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}

#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}

#footer {
clear : both;
width : 1000px;
margin : 0 0 6em 0;
padding-top : 5px;
color : #777;
border-top : 1px solid #444;
background : inherit;
}

#footer .right {
float : right;
}

#footer a {
text-decoration : none;
background : inherit;
}

#left_side em {
color: White;
font-weight: bold;
}

#left_side div.greenspan span {
color: #cdff56;
}

#left_side div.greenspan p {
padding-top: 6px;
}

#left_side div.bluespan span {
color: #69f;
}