* {
    padding: 0;
    margin: 0;
} 

body {
    background: #fff;
	font: .74em "Trebuchet MS" Verdana, Arial, sans-serif;
	line-height: 1.5em; 
}
a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	
}


#wrap {
margin: 20px auto;
width: 724px;
background: #fff url('images/midbg.jpg');
background-repeat: repeat-y;

}

#top { 
background: #fff url('images/topbg.jpg');
height: 30px;

}

#content {
padding: 0 40px 0 40px;

}

#bottom {

background: #fff url('images/botbg.jpg');
height: 30px;
width: 724px;
background-repeat: repeat-y;

}


.header {
height: 550px;
background: #10296B ;
}

.header h1 { padding-left: 17px; padding-top: 77px; font-size: 50px; color: #FFF;text-align: center; }
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none; text-align: center;}
.header h2 { padding-left: 17px; padding-top: 22px; font-size: 17px; color: #FFF; text-align: center; }
.header h3 { padding-left: 17px; padding-top: 2px; font-size: 17px; color: #FFF; text-align: center; }
.header h4 { padding-left: 17px; padding-top: 150px; font-size: 17px; color: #FFF; text-align: center; }
.header h5 { padding-left: 17px; padding-top: 150px; font-size: 17px; color: #FFF; text-align: center; }


}


.headerwel {
height: 50px;
background: white ;
}

.headerwel h1 { padding-left: 17px; padding-top: 77px; font-size: 50px; color: #FFF;text-align: center; }
.headerwel h1 a { font-size: 22px; color: #FFF; text-decoration: none; text-align: center;}
.headerwel h2 { padding-left: 17px; padding-top: 5px; font-size: 17px; color: #FFF; text-align: center; }
.headerwel h3 { padding-left: 17px; padding-top: 2px; font-size: 17px; color: #FFF; text-align: center; }
.headerwel h4 { padding-left: 17px; padding-top: 150px; font-size: 17px; color: #FFF; text-align: center; }
.headerwel h5 { padding-left: 17px; padding-top: 150px; font-size: 17px; color: #FFF; text-align: center; }


.breadcrumbs { 
    background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
}

.breadcrumbs2 { 
    background: white; 
	border-bottom: 1px solid red;

	
	
}
	
.middle {
	float: left;
	width: 59%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
	
	
}

.middle2 {
	float: left;
	width: 85%;
	margin: 0 10px;
	padding: 1% 1%;
	text-align: justify;
	color:black;
	
}

.right {
	float: left;
	width: 30%;
	margin: 0 10px;
	padding: 1% 1%;
	
}

.rightlock {
	float: left;
	width: 30%;
	margin: 0 0px;
	padding: 1% 1%;
	
	
}



.rightcase {
	float: left;
	width: 80%;
	margin: 0 10px;
	padding: 1% 1%;
}
.rightcase ul {
	padding: 10px 0 15px 20px;
	margin:0;
}

.rightcase li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
}

.listing {
	float: right;
	width: 50%;
	margin: 10 800px;
	padding: 1% 1%;
	
	
}

.listing ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.listing li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
}

.listingc {
	float: left;
	
	margin: 800 10px;
	padding: 1% 1%;

}

.listingcx {
	float: left;
	
	margin-bottom: 400px;
	padding: 1% 1%;

	
}

.listingc ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.listingc li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;





}

.listingp {
	float: left;
	width: 50%;
	margin: 800 10px;
	

}

.listingp ul {
	padding: 20px 0 15px 20px;
	margin:0;
}

.listingp li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;



}

.picturetxt {
	float: right;
	width: 50%;
	margin: 10 800px;
	padding: 1% 1%;
	

}

.farright {
	float: right;
	width: 30%;
	margin: 10 800px;
	padding: 1% 1%;
	
}

.farright2 {
	float: right;
	width: 33%;
	margin: 10 800px;
	padding: 1% 1%;
	

}

.centertxt {
	float: right;
	width: 30%;
	margin: 10 800px;
	padding: 1% 1%;
	
	

}

.centertxt2 {
	float: right;
	width: 33%;
	margin: 10 800px;
	padding: 1% 1%;
	
	

	
}

.left {
	float: right;
	width: 30%;
	margin: 10 800px;
	padding: 1% 1%;
	
	
}

.left2 {
	float: right;
	width: 30%;
	margin: 10 800px;
	padding: 1% 1%;
	
	
}



.picturemap {
	float: right;
	width: 30%;
	margin-top: 100px;
	padding: 1% 1%;
	
}



.picture {
	float: left;
	
	margin: 800 20px;
	padding: 1% 1%;
	width: 35%


}



.picture ul {
	padding: 2px 0 2px 20px;
	margin:0;
}

.picture li {
	margin-bottom:5px;
	list-style-type: square;
	
}




.pictureN {
	float: right;
	margin: 800 20px;
	width: 50%;

	




}



.pictureX {
	float: left;
	
	
	padding: 1% 1%;


}



.picturelaw {
	float: left;
	width: 50%;
	margin: 800 20px;
	padding: 1% 1%;
	
}


.currentevents {
	float: right;
	width: 45%;
	margin: 10 800px;
      text-align: center;
	
	
}
.currentevents a:hover {
	text-decoration: none;
	color :black
	
}
.currentevents a {
	color: darkblue;
	text-decoration: underline;
}
.currentevents ul {
	padding: 2px 0 2px 20px;
	margin:0;
}

.currentevents li {
	margin-bottom:5px;
	list-style-type: square;
	color: #3B6EBF;
	
}


.newspicture {
	float: right;
	width: 5%;
      margin: 20 px;

	
	padding: 0px;
      
	
}


.news{
      
	width: 35%;	
      border:solid 5px #3B6EBF;  
      background:#dedeb6; 
      padding:1% 1%; 
      margin:10 10 10 10px;
      text-align: center;
      height: 1100px;
float: left;

}


.middle h2 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.middle h3 { color: red; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.middle2 h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.middle2 h3 { color:#3B6EBF; font-size: 18px; margin-bottom: 10px; margin-top: 10px;}
.middle2 a:hover {
	text-decoration: none;
	color :red
	
}
.middle2 a {
	color: black;
	text-decoration: none;
}
.right h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}
.rightlock h2 { color: #3B6EBF; font-size: 16px; margin-top: 15px;}
.rightcase h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}
.rightcase h3 { color: #A1A2A6; font-size: 14px; }
.rightcase h4 { color: black; font-size: 12px; }

.rightcase a:hover {
	text-decoration: none;
	color :black
	
}
.rightcase a {
	color: darkblue;
	text-decoration: underline;
}

.listingc h2 { color: #3B6EBF; font-size: 12px; margin-bottom: 10px; margin-top: 10px;}
.listingc h3 { color: red; font-size: 14px; margin-bottom: 10px; margin-top: 10px; }


.picturetxt h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.picturetxt h3 { color: #A1A2A6; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.picturetxt h4 { color: red; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.picturetxt h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}

.picturetxt2 h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.picturetxt2 h3 { color: #A1A2A6; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.picturetxt2 h4 { color: red; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.picturetxt2 h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}



.picture h2 { color: #A1A2A6; font-size: 16px; margin-bottom: 10px; margin-top: 20px;}
.picture h3 { color: #3B6EBF; font-size: 16px; margin-bottom: 10px; margin-top: 20px;}
.picture h4 { color: black; font-size: 16px; margin-bottom: 10px; margin-top: 20px;}
.picture h5 { color: #A1A2A6; font-size: 14px; margin-bottom: 10px; margin-top: 0px;}

.pictureX h2 { color: #A1A2A6; font-size: 16px; margin-bottom: 2px; margin-top: 2px;}
.pictureX h3 { color: #3B6EBF; font-size: 16px; margin-bottom: 2px; margin-top: 30px;}
.pictureX h4 { color: black; font-size: 16px; margin-bottom: 2px; margin-top: 2px;}


.currentevents h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.currentevents h3 { color: #550702; font-size: 14px; margin-bottom: 15px; margin-top: 10px; }
.currentevents h4 { color: #550702; font-size: 14px; margin-bottom: 15px; margin-top: 230px; }
.currentevents h5 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}


.news h2 { color: red; font-size: 18px; margin-bottom: 10px; margin-top: 20px; margin-right 10px; }
.news h3 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 20px;font-style: bold;}
.news h4 { color: #000000; font-size: 12px; margin-bottom: 10px; margin-top: 20px;}
.news h5 { color: #284976; font-size: 12px; margin-bottom: 10px; margin-top: 20px; font-weight: bold;}





.farright h2 { color: #3B6EBF; font-size: 20px; margin-bottom: 10px; margin-top: 10px; text-align:left}
.farright h3 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align: left}
.farright h4 { color: red; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.farright h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}

.farright2 h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align:left}
.farright2 h3 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align: left}
.farright2 h4 { color: red; font-size: 10px; margin-bottom: 10px; margin-top: 10px;}
.farright2 h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}


.centertxt h2 { color: #3B6EBF; font-size: 20px; margin-bottom: 10px; margin-top: 10px; text-align:left}
.centertxt h3 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align: left}
.centertxt h4 { color: red; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.centertxt h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}

.centertxt2 h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align:left}
.centertxt2 h3 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align: left}
.centertxt2 h4 { color: red; font-size: 10px; margin-bottom: 10px; margin-top: 10px;}
.centertxt2 h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}


.left h2 { color: #3B6EBF; font-size: 20px; margin-bottom: 10px; margin-top: 10px; text-align:left}
.left h3 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align: left}
.left h4 { color: red; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}
.left h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}

.left2 h2 { color: #3B6EBF; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align:left}
.left2 h3 { color: black; font-size: 14px; margin-bottom: 10px; margin-top: 10px; text-align: left}
.left2 h4 { color: red; font-size: 10px; margin-bottom: 10px; margin-top: 10px;}
.left2 h5 { color: #3B6EBF; font-size: 14px; margin-bottom: 0px; margin-top: 0px;}






#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	text-align: center;
	color: #777;
}



/* =Gallery Info
Title, description, & prefs on Photo Gallery page
----------------------------------------------- */
.galleryinfo {
  clear:left;
  float:left;
  width:22%;
  margin:0;
  line-height:1.4em;
  }
.galleryinfo h1 {
  margin:0 0 .5em;
  text-align:left;
  text-transform:none;
  letter-spacing:0;
  }
.galleryinfo .desc {
  line-height:1.6em;
  margin-bottom:1em;
  }
.galleryinfo form {
  margin:0 0 .5em;
  padding:5px 0;
  }
.galleryinfo fieldset {
  margin:0 0 .75em;
  padding:.25em 0 .5em;
  border-width:0;
  border-bottom:1px dotted #ccc;
  }
.galleryinfo form strong {
  display:block;
  margin:0;
  padding:0 0 .25em;
  color:#222;
  }
.galleryinfo fieldset div {
  margin:0 0 .25em;
  }


/* =Slideset
Normal group of slide-like thumbnails
----------------------------------------------- */
.slideset {
  float:right;
  position:relative;
  width:75%;
  margin:0 0 15px;
  padding:0;
  list-style:none;
  line-height:1.4em;
  }
.slideset .thumb {
  float:left;
  margin:0 10px 10px 0;
 }



/* =Path
Breadcrumb navigation that gets positioned to
the top of the page.
----------------------------------------------- */
#path {
  background:#000 url("../img/bg_path.gif");
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:0;
  padding:4px 0 6px;
  border-bottom:3px solid #555;
  font-size:85%;
  line-height:1.6em;
  color:#777;
  text-align:center;
  }
#path a {
  font-weight:normal;
  border-color:#777;
  color:#888;
  }
 





/* =Thumbs
Reusable style for thumbnail photos as slides
----------------------------------------------- */
.thumb {
  background:url("img/bg_slide.gif") 0 0 no-repeat;
  display:block;
  float:left;
  margin:0;
  padding:0 3px 3px 0;
  }
html>body .thumb {
  background-image:url("img/bg_slide.png");
  }
.thumb span {
  background-repeat:no-repeat;
  background-position:50% 104px;
  display:block;
  }
.thumbv span {
  background-position:9px 50%;
  }
.thumb em {
  background-repeat:no-repeat;
  background-position:50% 50%;
  display:block;
  }
.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
  width:120px;
  height:120px;
  border:none;
  text-indent:-9999px;
  font-size:1px;
  line-height:1px;
  }