/*
Name: Platt Halpern
Date: Nov 2008
Description: Website
Author: 572 Webdesign

Dark Green - 349D33
Light Green - 6db16d
Index - Blue dark #00264D
Index - Blue Light #003366
Housing - Orange #ff9933
Crime - Blue #336699
Family - Mustard #c0c000
Ijury - Purple #663366
Police - Blue #282860
Prison Law - Grey #808080
Debt - Turq #008080


*/




/********************************************
   BODY
********************************************/

body {
	margin:0 auto;
	padding:0;
	background: #fff url(images/bg.jpg) repeat-x;
	font-family: tahoma, Verdana, arial, Trebuchet ms, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
}

img {  
	border: none;

} 

html, body{ height: 101%;}


* {margin:0;padding:0}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:0;}



/********************************************
   HEADER LOGO
********************************************/

#headertop{
	width: 780px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background: url(images/header.jpg) no-repeat right;

}


#headertop h1{
	text-align:right;
	font-size: 120%;
	font-weight: normal;
	color: #00264D;	
	letter-spacing: 0px;
	padding:10px 10px 0 0;	
	border-bottom : none;
}

#headertop h2{
	text-align:right;
	font-size: 120%;
	font-weight: normal;
	color: #00264D;
	letter-spacing: 0px;
	padding:5px 10px 0 0;	
	border-bottom : none;
}
.endOfSection { 
	clear: both;
} 

/********************************************
  HEADER MENU
********************************************/

#headercont {
	width:780px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#headerleft {
	float:left;
	width:164px;
	margin:0;
	padding:0;
	background:#fff;
	font-size:100%;
	font-weight:normal;
}

#headerleft h2{
	font-size: 100%;
	font-weight:normal;
	color: #404040;
	padding: 7px 10px 5px 5px;
	margin: 0;
}

* html #headerleft h2{
	padding: 2px 10px 1px 5px;/* IE 6 and below */
}

ul#headmenu{
	list-style-type:none;
	display:block;
	width:164px;
	margin:0;
	padding:0 0 2px 0;
}


ul#headmenu li{
	margin:0;
	padding:0;
	border-bottom: 1px #fff solid;
}

* html ul#headmenu li{
	height: 1px;/* IE 6 and below */
}

ul#headmenu li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:8px 0 8px 3px;
	background:#00264D;
	border-left:4px solid #003366;
}

* html ul#headmenu li a{
	padding:7px 0 8px 3px;/* IE 6 and below */
}


ul#headmenu li a:hover, ul#headmenu li a.current, ul#headmenu li a.current:hover{
	color:#fff;
	text-decoration: none;
	background:#003366;
	border-left:4px solid #00264D;
	padding: 8px 0 8px 3px;

}

ul#headmenu li.services{
	margin:0;
	color:#444;
	font-weight:bold;
	display:block;
	padding:4px 0 4px 3px;
	background:#fafafa;
	border: 4px #fafafa solid;
}

* html ul#headmenu li.services{
	padding:3px 0 4px 3px;/* IE 6 and below */
}


#headerindex{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgindex.jpg) no-repeat top right;}
#headerindex h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom:none;}

#headerpeople{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgpeople.jpg) no-repeat top right;}
#headerpeople h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headercontact{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgcontact.jpg) no-repeat top right;}
#headercontact h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerhow{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imghow.jpg) no-repeat top right;}
#headerhow h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headercrime{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgcrime.jpg) no-repeat top right;}
#headercrime h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerprison{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgprison.jpg) no-repeat top right;}
#headerprison h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerfamily{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgfamily.jpg) no-repeat top right;}
#headerfamily h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerhousing{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imghousing.jpg) no-repeat top right;}
#headerhousing h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerinjury{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imginjury.jpg) no-repeat top right;}
#headerinjury h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerpolice{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgpolice.jpg) no-repeat top right;}
#headerpolice h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}

#headerwelfare{float:right;width:616px;height:154px;margin:0 auto;padding:0;font-size:100%;font-weight:normal;background:#fff url(images/imgwelfare.jpg) no-repeat top right;}
#headerwelfare h1{font-size: 100%;font-weight: normal;color: #fff;letter-spacing: 1px;padding:132px 20px 7px 15px;border-bottom : none;}


.endOfSection { 
	clear: both;
} 



/********************************************
  CONTAINER
********************************************/

#container {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: #fff;

}

.endOfSection { 
	clear: both;
	display: block; } 


/********************************************
   LEFTSIDEBAR
********************************************/

#leftsidebar {
	float: left;
	width: 164px;
	margin:0;
	padding:0;
	background:#fff;
}

#leftsidebar h1 {
	font-size:140%;
	font-weight:normal;
	color:#555;
	margin:0;
	padding:0 0 10px 10px;
}

#leftsidebar h2 {
	font-size:100%;
	font-weight:bold;
	color:#555;
	margin:0;
	padding:5px 0 0 0;
}



ul#left-menu{
	list-style-type:none;
	display:block;
	width:164px;
	margin:0;
	padding:0 0 2px 0;
}

ul#left-menu li{
	margin:0;
	padding:0;
	border-bottom: 1px #fff solid;
}

* html ul#left-menu li{
	height: 1px;/* IE 6 and below */
}


ul#left-menu li.crime a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #336699;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.crime a:hover, ul#left-menu li.crime a.current, ul#left-menu li.crime a.current:hover{color:#fff;text-decoration: none;background:#336699;border-left:4px solid #336699;padding: 8px 0 8px 3px;display:block;}

ul#left-menu li.family a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #c0c000;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.family a:hover, ul#left-menu li.family a.current, ul#left-menu li.family a.current:hover{color:#fff;text-decoration: none;background:#c0c000;border-left:4px solid #c0c000;padding: 8px 0 8px 3px;display:block;}

ul#left-menu li.prison a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #808080;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.prison a:hover, ul#left-menu li.prison a.current, ul#left-menu li.prison a.current:hover{color:#fff;text-decoration: none;background:#808080;border-left:4px solid #808080;padding: 8px 0 8px 3px;display:block;}

ul#left-menu li.housing a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #ff9933;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.housing a:hover, ul#left-menu li.housing a.current, ul#left-menu li.housing a.current:hover{color:#fff;text-decoration: none;background:#ff9933;border-left:4px solid #ff9933;padding: 8px 0 8px 3px;display:block;}

ul#left-menu li.injury a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #663366;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.injury a:hover, ul#left-menu li.injury a.current, ul#left-menu li.injury a.current:hover{color:#fff;text-decoration: none;background:#663366;border-left:4px solid #663366;padding: 8px 0 8px 3px;display:block;}

ul#left-menu li.police a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #282860;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.police a:hover, ul#left-menu li.police a.current, ul#left-menu li.police a.current:hover{color:#fff;text-decoration: none;background:#282860;border-left:4px solid #282860;padding: 8px 0 8px 3px;display:block;}

ul#left-menu li.welfare a{color:#404040;text-decoration: none;background:#fafafa;border-left:4px solid #008080;padding: 8px 0 8px 3px;display:block;}
ul#left-menu li.welfare a:hover, ul#left-menu li.welfare a.current, ul#left-menu li.welfare a.current:hover{color:#fff;text-decoration: none;background:#008080;border-left:4px solid #008080;padding: 8px 0 8px 3px;display:block;}

.endOfSection { clear: both; } 


/********************************************
  MAIN
********************************************/

#main {
	float: left;
	width: 418px;
	margin: 0;
	padding: 10px 0 20px 10px;
	background: #fff;
}

#main h1{
	font-size: 140%;
	font-weight:normal;
	color: #555;
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #00264D;
}

#main h2{
	font-size: 100%;
	font-weight:bold;
	color: #00264D;
	padding: 5px 10px 2px 0;
	margin: 0;
}

#main h3{
	font-size:75%;
	font-weight:normal;
}



#main p {
	font-size: 100%;
	font-weight:normal;
	text-align: justify;
	padding:0 10px 0 0;
	margin:0;
}

#main ul {
	margin: 5px 0 0 40px;
	padding: 0;
}

#main li {
	list-style: square;
	margin: 0;
	padding: 3px 0 0 0;
}

#main ol {
	list-style: disc;
	margin: 0;
	padding: 3px 0 0 15px;
}


#main a {
	text-decoration: none;
	font-size:100%;
	color: #00264D;
}

#main a:hover {
	color: #00264D;
	text-decoration: underline;
}


#main td.col1 {
	width: 110px;
}

#main td.col2 {
	width: 150px;
}


.endOfSection { clear: both; } 



/********************************************
   RIGHTSIDEBAR
********************************************/

#rightsidebar {
	float: right;
	width: 164px;
	margin: 0;
	padding: 10px 0 20px 10px;
	background: #fff url(images/.jpg) repeat-x;
	border-left: 1px solid #ccc;
}


#rightsidebar h1 {
	padding:0 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #008000;
}

#rightsidebar h2 {
	font-size: 100%;
	font-weight:bold;
	color: #00264D;
	margin: 0;
	padding: 5px 0 2px 0;
}

#rightsidebar h3{
	font-size:75%;
	font-weight:normal;
}

#rightsidebar p {
	font-size: 100%;
	font-weight:normal;
	text-align: left;
	padding:0 10px 0 0;
	margin:0;
}

#rightsidebar ul {
	margin: 4px 0;
	padding: 0;
}

#rightsidebar li {
	list-style: none;
	margin: 4px 0;
}

#rightsidebar a {
	text-decoration: none;
	font-size:100%;
	color: #00264D;
	width: 100%;
}


#rightsidebar a:hover {
	color: #00264D;
	text-decoration: underline;
}
.endOfSection { clear: both; } 


/********************************************
  MAINone
********************************************/

#mainone {
	float: left;
	width: 605px;
	margin: 0 auto;
	padding: 10px 0 20px 10px;
	background: #fff;
}

#mainone h1{
	font-size: 120%;
	font-weight:bold;
	color: #00264D;
	padding: 5px 10px 2px 0;
	margin: 0;
}

#mainone h2{
	font-size: 100%;
	font-weight:bold;
	color: #00264D;
	padding: 0 0 0 5px;
	margin: 0;
}



#mainone b{
	padding: 0 0 0 5px;
	margin: 0;
}

#mainone p {
	font-size: 100%;
	font-weight:normal;
	text-align: justify;
	padding:0 0 0 5px;
	margin:0;
}

#mainone ul {
	margin: 5px 0 0 40px;
	padding: 0;
}

#mainone li {
	list-style: square;
	margin: 0;
	padding: 3px 0 0 0;
}

#mainone a {
	text-decoration: none;
	color: #555;
}

#mainone a:hover {
	color: #00264D;
	text-decoration: underline;
}

#mainone table {
	border-top: 1px #ccc solid;

}


.endOfSection { clear: both; } 




/********************************************
  FOOTER
********************************************/

#footer {
	width: 780px;
	clear: both;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	color: #555;
	background: #fff;
	text-align: center;
	font-size: smaller;
	border-top: 1px #ccc solid;
}

b {
	line-height: 100%; 
}

#footer a {
	color: #555;
	text-decoration: none;
}

#footer p {
	color: #555;
	padding: 0 0 5px 0;
	margin: 0;
}

#footer a:hover {
	color: #00264D;
	text-decoration: underline;
}