/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */
*{margin:0;padding:0;border:none;}

body{font-size:100%;font-family:verdana,tahoma,arial,sans-serif; background-color:#BFAF96; margin:0; padding:0;}


h2{
font-size:18px;
text-align:center;
color:#000000;
margin-bottom:12px;
}

h3{
font-size:14px;
}

/***
Menu Content
***/

#border{
	width:820px;
	margin:0px auto 0px auto;
	text-align:center;
	background:url(/images/dropshadow2.jpg) top repeat;
}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-color: #5D6857;
height: 160px; /*Height of top section with drop down=160px without dropdown 135px*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
background-color:#FFFFFF;
float: left;
width: 100%;
}

#contentcolumn{
margin-top:20px;
margin-right: 170px; /*Set right margin to RightColumnWidth*/
margin-left:20px;
background-color:#FFFFFF;
}

#contentcolumn li{
color:#003300;
font-size:12px;
text-align:left;
margin-left:45px;
padding-bottom:12px;
}

#contentleft{
float:left;
width:285px;
}

#contentright{
float:right;
width:285px;
}

#rightcolumn{
float: right;
width: 170px; /*Width of right column*/
margin-top:20px;
margin-left: -170px; /*Set left margin to -(RightColumnWidth) */
background: #FFFFFF;
}

#rightcolumn a{
font-size:12px;
color:#003300;
text-decoration:underline;
}

#rightcolumn a:hover{
font-size:12px;
color:#0066FF;
text-decoration:underline;
}

#contentcolumn img{border:none;}

#footer{
clear: left;
width: 100%;
background: #FFFFFF;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer p{
font-size:9px;
text-align:center;
}

#footer a{
color: #003300;
font-size:9px;
text-decoration:underline;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

h1, .h1
{
	font-family:"Times New Roman";
	color:#003300;
	font-size:24px;
	line-height:28px;
	font-weight:normal;
	text-align:left;
}

p{
text-align:justify;
font-size:12px;
color:#003300;
margin-bottom:12px;
}

p.center{
text-align:center;
}

p.center-caption{
text-align:center;
font-size:10px;
font-style:italic;
}

ol{
margin-left:10px;
}

.IMGright{
float:right;
border:none;
padding:0px 0px 10px 15px;
}

.IMGleft{
float:left;
border:none;
padding:0px 15px 10px 0px;
}

.IMGcenter{
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}

.IMGcenter-caption{
margin-left:auto;
margin-right:auto;
}

#menu{
vertical-align:bottom;
height:30px;
width:100%;
z-index:1000;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-style:solid;
border-color:#5D6857;
border-top:0;
border-bottom:1;
white-space:nowrap;
margin:0px;
padding:1px 1px 1px 1px;
}

#menu h2{
color:#fff;
background:#3C4534 url(/css/images/expand3.gif) no-repeat 100%;
text-transform:uppercase;
text-align:center;
}

#menu a{
background:#F1EBD2;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#003300;
}

#menu a:hover{
color:#003300;
background:#C3AF97;
}

#menu a:active{
color:#003300;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:14.28%;
}

#menu li{
position:relative;
text-align:left;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
width:145px;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#3C4534 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:100;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/***

End CSS Popout Menu

***/

/****

	MostWanted

****/

#MostWanted{
	font-size:10px;
}

#MostWanted{
	background:url(images/WantedPersonFrame.png) top no-repeat;
	width:150px;
	height:230px;
	float:left;
	clear:left;
	margin:5px 0px 10px 0px;
}

#MostWanted img{
	border:0px solid #000000;
	margin:0px 5px 0px 0px;
	float:left;
}

#MostWantedSpacing{
	margin:40px 5px 5px 5px;
}

#MostWantedSpacing p.firstele{
	margin:0px 0px 0px 0px;
}

#MostWanted p{
	margin:5px 0px 5px 0px;
	line-height:14px;
}

#MostWantedLink{
	width:140px;
	height:14px;
	margin:-6px 0px 0px 0px;
}


/*******************

	Missing Persons

********************/

#MissingPersons{
	font-size:10px;
}

#MissingPersons{
	background:url(images/MissingPersonFrame.png) top no-repeat;
	width:150px;
	height:220px;
	float:left;
	clear:left;
	margin:0px 0px 10px 0px;
}

#MissingPersons img{
	border:0px solid #000000;
	margin:-10px 5px 0px 0px;
	float:left;
}

#MissingPersonsSpacing{
	margin:45px 5px 5px 5px;
}

#MissingPersonsSpacing p.firstele{
	margin:0px 0px 0px 0px;
}

#MissingPersons p{
text-align:left;
	margin:5px 0px 5px 0px;
	line-height:14px;
}

#MissingPersonsLink{
	width:175px;
	height:16px;
	margin:10px 0px 0px 0px;
}


/***

DATA GRID for Wanted/Missing Persons

***/

.datagrid{
	border:1px solid black;
	border-collapse:collapse;
	font-size:10px;
}

.datagrid th{
	font-weight:bold;
	padding:5px 5px 5px 5px;
	border:1px solid black;
	border-collapse:collapse;
	background:#FBF1D7;
	color:#000000;
	text-align:left;
}

.datagridstandard th{
	width:75px;
}

.datagrid td{
	padding:5px 4px 5px 4px;
	border:1px solid black;
	border-collapse:collapse;
	text-align:left;
}