body {
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* CONTAINER */

#container{
	width: 				750px;
	margin: 			0 auto;
	padding: 			0;
	background-color: 	#dde;
	background-image: 	none;
	color: 				black;
}



#bannerImage {
	background-image: 	url(../images/header-750x100px.jpg);
	background-color: 	white;
	color: 				white;
	width: 				750px;
	height: 			94px;
	margin: 			0;
	padding: 			0;

}

/* BANNER TOP */
#bannerTop {

	color: 				white;
	background-color: 	#669933;
	height: 			39px;
	width: 				750px;
	background-image: 	none;
	font-size: 			14px;
	margin: 			0;
	padding: 			0px 0 4px 0px;

}

#bannerTop ul{
	position: 			relative;
	float: 				right;
	display: 			inline;
	margin: 			12px 10px 0 0;
}

#bannerTop li{
	display: 			inline;
	list-style: 		none;
}

#bannerTop p {
	color: 				white;
	background-color: 	white;
	background-image: 	none;
	margin: 			0 0 3px 0;
	padding: 			0 3px 0 0;
	top: 				10px;
	position: 			relative;

}

#bannerTop  a{
	color: 				white;
	background-color:  	#669933;
	background-image: 	none;
	text-decoration: 	none;

}

#bannerTop  a:hover{
	color: 				#FF7F00;
	background-color:  	#669933;
}

#bannerTop span {
	color: yellow;
	background-color:  	#669933;
	background-image: 	none;
}



#bannerTop img{
	padding: 			4px 0 0 0;
	float: 				left;
	border:				none;
}

#bannerTop img a {
 	text-decoration: 	none;
}




#pageName span {


	padding: 			0 12px 6px 0;
	font-size: 			22px;
	float: 				right;
	display: 			inline;
	font-weight:		bold;
}

#pageName {

	margin: 			0;


	width: 				750px;

	height:				26px;
	color: 				white;
	background-image: 	none;
	background-color: 	#669933;


}




/* HOUSE */

#house{
 	border: 1px solid #ccc;
	background-color: white;
	background-image: none;
	color: black;
	width: 748px;
	float: left;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
}






/* MENU */

#menu {
	width: 170px;
	margin: 0px 8px 6px 0px;
	padding: 5px;
	float: left;
	position: relative;
	font-size: 11px;
	font-weight: bold;
}

#menu ul{

	margin: 0;
	padding: 0;
   	text-align:left;
 }

#menu li span{

	width: 155px;
	padding: 2px 0px 2px 15px;
	margin: 0;
	display: block;
	background-image: url(../images/menuIconBlackDown.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	background-color: #ffcc66;
	color: black;
}

#menu li{

	margin: 3px 0 0 0;
	padding: 0;
	border-width: 1px 0 1px 0 ;
	border-style: solid;
	border-color: #aaa;
	list-style-type:none;
	text-transform: uppercase;
 }

#menu li a {

	display: block;
	padding: 2px 0px 2px 10px;
	margin: 0;

	background-image: url(../images/menuIcon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	text-decoration: none;
	color:  #009933;
	background-color: #ffc;
}

#menu li a:hover {

	background-image: url(../images/menuIconWhite.gif);
	color: white;
	background-color: #693;
}




/* CONTENT */

#content {
	float: left;
	position: relative;
	width: 520px;
	border-color: #ccc;
	margin: 3px 6px 6px 3px;
	padding: 4px 0 0 15px;
	background-color: white;
	color: black;
	background-image: none;
	font-size: 12px;
	line-height: 18px;
	text-align:left;

 }


/* office picture */
.imgFloatRight{

	position: relative;
	float: right;
	margin: 0 0 0 20px;
}

.imgCaption{

	position: relative;
	clear: right;
	float: right;
	margin: 5px 35px 30px 50px;

}

.imgFloatRightCourtPic{

	position: relative;
	float: right;
	padding: 0 0 0 20px;
}







#content h1 {
 	font-size: 30	px;
	line-height: 25px;
}

#content img {
	border-width: 0px;
 	border-style: none;
 	border-color: black;
 	margin: 0 8px 8px 0;
 }



.imagecaption{
	width:150px;
	font-style: italic;
	margin: 0 auto;
	padding: 0 30px 0 20px;
	float: right;

}

.imagepositionLeft {

	float: left;
	margin: 0 25px 15px 0;
	padding: 0;
	position: relative;

}

.imagepositionRight {

	float: right;
	margin: 0 0 15px 25px;
	padding: 0;
	position: relative;

}



span.captionedimage{

	display: block;
	width: 200px;
	height: 130px;
	padding: 115px 5px 5px 5px;
	text-align: center;
	float: right;
}



/* TEXT INSET */

div.textInset{  clear: both;	}

div.textInset a{
	text-decoration: none;
	padding:  0px 5px 0px 0px;
	background-color: #ffffcc;
	color:  #006600;
	background-image: none;
	}

div.textInset a:hover{
	padding:  0px 5px 0px 0px;
	text-decoration: none;
	background-color: #693;
	color: white;
	background-image: none;
}

div.textInset li{
	list-style-type:none;
	list-style-position: inside;
	list-style-image: url(../images/smallpdf.gif);
	text-align:left;
	margin: 4px;
	padding:  3px;
 }

div.textInset ul{
   	width:250px;
   	float: right;
   	position: relative;
 	margin: 6px;
	padding:4px 3px 4px  3px;
 	font-size: 15px;
 	border-width: 1px;
 	border-style: solid;
 	border-color: #ccc;
 	text-decoration: none;
 	line-height: 14px;
 	font-weight: normal;
 	background-color: #ffffcc;
	color:  #006600;
	text-align:left;
	background-image: none;
 }

.imageRight{

float: right;
}

.rightFloat{
float: right;
position: relative;
margin: 10px  0px 10px 10px ;
padding: 0;


width: 280px;
}

.smallInsetText{
position: relative;
font-size: 12px;
float: right;
margin: 0 30px 0 0;
font-style: italic;

}


.clearLeft{
position: relative;
clear:both;
}

/*    FOOTER   */


#footer {
	background-color: 	#669933;
	color: 				white;
	background-image: 	none;
	font-size: 			14px;
	width: 				750px;
	height: 			26px;
	clear:				both;
	margin:				0px;
	padding: 			0px;

}

#footer ul{
	width: 				560px;
	margin: 			5px auto;
	padding:			5px;
}

#footer li{
	display: 			inline;
	list-style: 		none;

}

#footer span {
	color: yellow;
	background-color: #669933;
	background-image: none;
}

#footer a {
	color: white;
	text-decoration: none;
	background-color: #669933;
	background-image: none;
}

#footer p {
	top: 3px;
	position: relative;
	margin: 0;
	color: white;
	background-image: none;
	background-color: #669933;
	text-decoration: none;
}

#footer a:hover{
	color: #FF7F00;

}



/* CREDIT */

#credit{
	width: 100px;
	margin: 0 auto;
}

#credit a{
	text-decoration:none;
	font-size:10px;
}

#credit a:link{
	color: #999999;
	background-image: none;
	background-color: white;
}

#credit a:visited{
	color: #999999;
	background-image: none;
	background-color: white;
}

#credit a:hover{
	color: red;
	background-image: none;
	background-color: white;
}

#credit a:active{
	color: black;
	background-image: none;
	background-color: white;
}

