a
{
	color: #006600;
	text-decoration: none;
}

a:hover
{
	color: #006600;
	text-decoration: underline;
}


#main {
  margin: 0px auto;
  text-align: left;
  width: 780px;
}

body
{
	border: 0px;
	margin:0px;
	padding: 0px 0px 0px 0px;
	background-position: center middle;
	background-attachment: fixed;
	color: black;
	background-repeat: no-repeat;
	font-family: 'Arial Narrow' , serif, Arial, Helvetica, sans-serif;
	background-color: #000000;
	font-size: 12pt;
	text-align: right;
}

blockquote {
  font-style: italic;
}

h2 {
  font-size: 140%;
  margin-top: 0px;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 100%;
}

.page_name
{
	font-weight: bold;
	font-size: large;
	text-transform: capitalize;
	color: #000000;
	font-family: Arial;
}

.slogan
{
	font-weight: bold;
	font-size: large;
	text-transform: capitalize;
	color: #FFFFFF;
	font-family: Arial;
}


label {
  font-weight: bold;
}


table
{
	margin: 0 0 0 0;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;	
}

td, th 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

th {
  font-weight: bold;
  text-align: left;
}

ul {
  list-style-type: square;
}

.errorMsg {
  color: #800000;
  font-weight: bold;
}

#titleBar, #copyright
{
	border-right: #00cc00 thin outset;
	border-top: #00cc00 thin outset;
	border-left: #00cc00 thin outset;
	color: #333366;
	border-bottom: #00cc00 thin outset;
	background-color: #00cc00;
	font-size: 120%;
    font-weight: bold;
/*    padding: 2px .5em; */

}


#copyright {
  font-size: 80%;
  text-align: center;
}

#dshinclink
{
	font-size: 100%;
	font-weight: bold;
	font-family: 'Century Gothic' , 'Arial Narrow';
	text-align: center;
}

.item
{
	font-size: 80%;
	color: #333366;
}

.category
{
	font-weight: bold;
	font-size: 120%;
	color: #333366;
	text-decoration: underline;
}

#content
{
	border-width: 2px;
	border-right: #FFFFFF thin outset;
	border-top: #FFFFFF thin outset;
	border-left: #FFFFFF thin outset;
	border-bottom: #FFFFFF thin outset;
	background-color: #FFFFFF;
 /*
   padding: .5em 1em .25em 1em;
 */
}

.site_name
{
	font-weight: normal;
	font-size: medium;
	color: navy;
}


.site_logo
{
	font-weight: normal;
	font-size: medium;
	color: black;
}

.office
{
	font-weight: normal;
	font-size: small;
	color: navy;
}

.phone
{
	font-size: medium;
}

.sub_city,
.city
{
	font-weight: bold;
	font-size: medium;
	background-color: #cccc66;
}

.permit_notes
{
	font-weight: bold;
	font-size: small;
}

.notes 
{
	background-color: #cccc66;
}

#validation {
/*  padding: 1em 0em; */
  text-align: right;
}

div.menuBar
{

	border-right: #FFFFFF thin outset;
	border-top: #FFFFFF thin outset;
	border-left: #FFFFFF thin outset;
	border-bottom: #FFFFFF thin outset;
	background-color: #FFFFFF;
    text-align: center;
    
}

div.menuBar a.menuButton
{
	border-right: #003399 2px solid;
	padding-right: 1px;
	border-top: #003399 2px solid;
	padding-left: 1px;
	font-weight: bold;
	padding-bottom: 0px;
	border-left: #003399 2px solid;
	cursor: default;
	color: #000000;
	padding-top: 0px;
	border-bottom: #003399 2px solid;
	background-color: transparent;
	text-decoration: none;
}
  
div.menuBar a.menuButton:hover
{
	border-right: #ff3300 thin solid;
	border-top: #ff3300 thin solid;
	border-left: #ff3300 thin solid;
	border-bottom: #ff3300 thin solid;
	background-color: transparent;
}

div.menuBar a.menuButton:active
{
	border-right: #ff3300 thin solid;
	border-top: #ff3300 thin solid;
	border-left: #ff3300 thin solid;
	border-bottom: #ff3300 thin solid;
	background-color: transparent;
}