body
{
color: black;
font-size: 10pt;
font-family: sans-serif;
}

div
{
margin: 0%;
padding: 0%;
}

hr
{
clear: left;
background-color: green;
color: green;
width: 50%;
}

address
{
font-style: normal;
}

div.left
{
float: left;
margin-top: 1%;
margin-right: 2%;
font-size: 80%;
}

img.left
{
border-style: solid;
border-color: green;
}

a.left
{
text-decoration: none;
}

#borderLine
{

position: relative;
float: left;
width: 1%;
margin-top: 0%;
padding-left:1%;
padding-right:1%;
}

#logo
{
height: 100px;
}

img.logo_top{ 
display:block; /*allows the element to take auto margins*/ 
margin:0 auto; /*centers in compliant browsers*/ 
text-align:center; /*centers in old versions of IE*/ 
} 

h2
{
color: #000066;
}

h3
{
color: #000066;
}

h4
{
color: #000066;
}

p
{
color: black;
}

ul.nodot /* For lists that don't use dots before list items */
{
list-style-type: none;
}

#navbar
{
position: relative;
float: left;
width: 18%;
margin-right: 1%;
margin-top: 0%;
background-color: #CCCCFF;
border-width: thin; 
border-style: solid; 
border-color: black; 
border-top: none;
/*border-left: none;*/
font-family: arial;
padding: 1%;
padding-top: 0%;
}

#navbar ul
{
list-style-type: none;
padding-left: 4px;
margin: 0%;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
font-size: 100%;
}

h2.leftMenu
{
color: black; 
font-size: 100%;
font-weight:bold;
padding: 0%;
margin: 0%;
line-height: 170%
}

A.subMenu
{
color:black;
text-decoration:none;
}

A.subMenu:hover		
{ 
color: #036;  
text-decoration:underline;  
}

A.mainMenu
{
color:black;
text-decoration:none;
font-weight: bold;
}

A.mainMenu:hover	
{ 
color: #036;  
text-decoration:underline;
}

A.headline
{
color:black;
text-decoration:none;
font-weight: bold;
}

A.headline:hover	
{ 
color: #036;  
text-decoration:underline; 
}

A.skipMenu
{
color:#CCCCFF;
text-decoration:none;
font-weight: bold;
}

A.skipMenu:hover	
{ 
color: #CCCCFF;  
text-decoration:none; 
}


#blogbody
{
position: relative;
float: left;
width: 44%;
padding-left: 2%;
padding-right: 2%;
padding-top: 1%;
margin-right: 2%;
border-right: solid #AAAAAA 1px;
}

#sidebar
{
position: relative;
float: left;
width: 25%;
padding-top: 4px;
}

  .rightnavhead {
  	padding: 0%;
  	padding-left: 2%;
  	font-size: 100%;
  	color: white;
  	background:  #333366;
  	font-weight:bold;
  	/*width: 100%;*/
  	/*font-family: verdana, Arial, sans-serif; */
	margin: 0%;
  }
  
  .rightnavbox {
  	padding: 0%;
  	margin: 0%;
	margin-bottom: 1%;
  	background: #CCCCFF;
	border-color:  #333366;
	/*font-family: verdana;*/
	border-style: solid;
	border-width: thin;
	width: 100%;

  }
  
  .rightnavbox p{
  	font-size: 90%;
	/*font-family: verdana, arial, sans-serif; */
	padding: 2%;
	padding-top: 0%;
	margin: 0%;
	margin-top: 2%;
  }
  
  .rightnavbox ul
  {
    padding: 0%;
    margin: 0%;
  }

  .rightnavbox li
  {
    padding: 0%;
    margin-left: 10%;
    list-style-type: square;
  }

h2.rightCalendar
{
color: black; 
font-size: 100%;
font-weight:bold;
padding-left: 2%;
padding-top: 1%;
padding-bottom: 0%;
margin: 0%;
}

br.clear
{
clear: both;
line-height: 0%;
}

p.contactinfo
{
font-weight: normal;
font-family: arial;
border: none;
border-bottom: solid;
border-color: #000000;
border-width: thin;
margin: 0%;
padding: 0%;
text-align: center;
width: 100%;
}

/* 
    Styles Used in Outlines on Pages:

	about_us/county_platform/
        about_us/city_platform/
        about_us/bylaws/

    The style was intended to conform with the previous site.
*/

ol.alpha
{
    list-style-type: lower-alpha;
}

ol.o1
{
    list-style-type: upper-roman;
}

ol.o2
{
    list-style-type: upper-alpha;
}



/* These styles are for the In The News Blog*/
blockquote {border:1px #FC0 dotted; background:#F0F0F0; padding:13px 20px 13px 20px; margin:10px 25px 10px 25px;}