/* ==================================================================

 *  http://www.marinsheriff.org

 *  owner: Planeteria Web Design

 *  author: Shawn Emory (semory@planeteria.com}

 *  created: 3/8/2007

 * ================================================================== */
 

* {padding:0; margin:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0 0 20px 0;
	color: #000;
	background: #0b3d34;
}
/* TinyMCE specific rules */
body.mceContentBody
{
   background: #FFF;
}

/*body - BG for Sub pages*/ #sub {background: #115b46;}

p { 
	margin:0 0 1.1em 0;
}

img {border:0;}
body#video {background: #0b3d34;}

/* ==================================================================
 * Headings
 * ================================================================== */

h1, h2, h3, h4, h5, h6
{ color:#293378; margin:0 0 .7em 0; /*line-height:1.3em */}
h1
{color: #1672af; letter-spacing: .1em;}
h2
{ font-size:140%; margin:0 0 .5em 0; padding: 0 0 .6em 0; text-transform:uppercase; color: #115b46; letter-spacing: .13em; font-weight: normal; border-bottom: 1px dotted #115b46; width: 100%;} /*Page Titles and Home page headline*/
h3
{ font-size:110%; font-weight: bold; color: #0b3d34;}
h4
{ font-size:100%; text-transform:uppercase; margin:0;}
h5
{ font-size:110%}
h6
{ font-size:110%}

/* ==================================================================
 * Lists
 * ================================================================== */

dd {
	padding: 0 0 0 0;
	margin: 0;
}

dt {
	padding: 0 0 .2em 0;
	margin: 0;
}

ol {
	margin: 0 0 1.4em 30px;
}
ol li {
	padding:0 0 1em 1em;
}

ul, dl {
	margin:1em 0;
	padding:0;
	list-style:none;
}

ul li {
	background:url("images/bullet_list.gif") no-repeat 0 .3em;
	margin:0;
	padding:0 0 1em 1.3em;
	line-height: 1.2em;
}

ul ul {
	margin-bottom: 0;
	padding-bottom: 0;
}


/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	color: #735722;
	text-decoration:none;
}

a:visited {
	color: #735722;
	text-decoration:none;
}

a:hover {
	color: #fff;
	background:  #735722;
	text-decoration: none;
}

a:active {
	color: #fff;
	background:  #735722;
	text-decoration: none;
}

/* ==================================================================
 * Misc
 * ================================================================== */

.img_right {
	float: right;
	margin: 0 0 20px 20px;
}

.img_left {
	float: left;
	margin: 0 15px 20px 0;
}

.clear {
	clear: both;
}

.quote {
	padding: 25px 0 0 8px;
	background: url(images/bg_openquote.gif) left top no-repeat;
	color: #0d116c;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.8em;
}
	.quote div {display:inline; position:relative;}
	.quote img {position:absolute; left: 10px; top: 6px;}

/* ==================================================================
 * Layout
 * ================================================================== */

#container_outer {
	font-size: 1em;
	line-height: 1.4em;
	text-align:left;
	/*background:url(images/bg_home.gif) left top repeat-x #fff;*/
	background:#fff;
	float: left;
	width: 100%;
}
	/*#sub #container_outer {background:url(images/bg_sub.gif) left top repeat-x #fff;}*/
	#sub #container_outer {#fff;}

#container_inner {
	width: 949px;
	float: left;
}

/*--------------Masthead is the top area containing primenav logo and slogan--------------*/
#masthead {
	background: url(images/bg_masthead.jpg) left top no-repeat #a18856;
	width: 950px;
	position: relative;
	height: 185px;
	z-index: 50;
	border-bottom: 1px solid #0b3d34;
}
	#masthead h1 {display: none}
	
	#masthead_top_right {
		/*position: absolute;
		right: 10px;
		top: 5px;*/
		float: right;
		margin: 5px 10px 0 0;
		white-space:nowrap;
	}
		#masthead_top_right img { 
			display: inline;
			vertical-align: bottom;
			margin: 0 0 0 5px;
		}
	
	#home_badge {
		position:absolute;
		left: 17px;
		top: 3px;
		z-index: 60;
	}
	
	#sub_badge {
		position:absolute;
		left: 26px;
		top: 18px;
		z-index: 60;
	}
	
	#slogan {
		position: absolute;
		left: 281px;
		top: 77px;
		z-index: 61;
	}

/*--------------Banner is the large image--------------*/
#banner {
	width: 950px;
	position: relative;
	border-bottom: 1px solid #0b3d34;
	height: 213px;
}

	#home_banner_left {
		position: absolute;
		left: -75px;
		top: 47px;
		z-index: 80;
	}
	
	#home #banner {height: 212px;}

		
/*--------------Content is the white area below banner. Contains, content_left, content_middle, content_right--------------*/
#content {
	float: left;
	clear: left;
	width: 925px;
	position: relative;
	background: url(images/bg_home_content.jpg) left top repeat-y #fff;
	padding: 29px 25px 30px 0;
	min-height: 200px;
}
	*html #content {height: 200px;}
	
	#subscriber_link {text-align: center}
	#subscriber_link a {
		background: #177656;
		border: 1px solid #fff;
		color: #fff;
		padding: 10px;
	}
	
	#sexoffender_link {text-align: center}
	#sexoffender_link a {
		background: #177656;
		border: 1px solid #fff;
		color: #fff;
		padding: 10px;
	}
	
	/*Defaults For the Content Divs*/
	#content_left {float: left;}
	#content_middle {float: left;}
	#content_right {float: left;}
	/* End Defaults For the Content Divs*/
	
	/*These are contained in the #content_right*/
	#body_left {float: left;}
	#body_right {float: left;}
	/*END - These are contained in the #content_right*/
	
	/* Left column backgorund images defined per section*/
		#about #content_left { background: url(images/bg_about_left.jpg) left bottom no-repeat #dbcbab;}
		#contact #content_left { background: url(images/bg_contact_left.jpg) left bottom no-repeat #dbcbab;}
		#careers #content_left { background: url(images/bg_careers_left.jpg) left bottom no-repeat #dbcbab;}
		#press #content_left { background: url(images/bg_press_left.jpg) right top no-repeat #dbcbab;}
		#resources #content_left { background: url(images/bg_resources_left.jpg) left bottom no-repeat #dbcbab;}
		#faq #content_left { background: url(images/bg_faq_left.jpg) right top no-repeat #dbcbab;}
	
	/*Styles For Template 1*/
	.template1 #content_left {
		display: inline;
		margin: 0 0 0 325px;
		width: 374px;
	}

	.template1 #content_right {
		margin: 0 0 0 25px;
		display: inline;
		width: 190px;
	}
		.template1 #content_right h2 { font-size: 110%; font-weight: bold;}
	/* END Styles For Template 1*/
	
	
	
	/*Styles For Template 2*/
	.template2 #content {
		background: url(images/bg_sub_left.gif) left top repeat-y;
		padding: 0;
		width: 950px;
	}
	.template2 #content_left {
		margin: 0;
		width: 270px;
		min-height: 290px;
		padding: 0;
	}
		*html .template2 #content_left  {height: 290px;}
		

	.template2 #content_right {
		margin: 0;
		padding: 35px 0 20px 0;
		background: url(images/bg_bottom_corner.gif) left bottom no-repeat #fff;
		display: inline;
		width: 660px;
		float: left;
		min-height: 400px;
	}
		*html .template2 #content_right {height: 400px;}
		
		.template2 #body_left {
			padding: 0 0 0 35px;
			width: 600px;
		}
		
		.template2 #body_right {
			margin: 0 0 0 22px;
			width: 200px;
			float: right;
		}
		
		.template2 #content_right h2 { font-size: 110%; font-weight: bold;}
	/* END Styles For Template 2*/
	
	/*Styles For Template 3*/
	.template3 #content {
		background: url(images/bg_sub_left.gif) left top repeat-y;
		padding: 0;
		width: 950px;
	}
	.template3 #content_left {
		margin: 0;
		width: 270px;
		min-height: 290px;
		padding: 0;
	}
		*html .template3 #content_left  {height: 290px;}

	.template3 #content_right {
		margin: 0;
		padding: 35px 0 20px 0;
		background: url(images/bg_bottom_corner.gif) left bottom no-repeat #fff;
		display: inline;
		width: 660px;
		float: left;
		min-height: 400px;
	}
		*html .template3 #content_right {height: 400px;}
		
		.template3 #body_left {
			padding: 0 0 0 35px;
			width: 600px;
		}
		
		.template3 #body_right {
			margin: 0 0 0 22px;
			width: 300px;
			float: right;
		}
		
		.template3 #content_right h2 { font-size: 110%; font-weight: bold;}
	/* END Styles For Template 3*/
	
	/*Styles For Template 4*/
	.template4 #content {
		background: url(images/bg_sub_left.gif) left top repeat-y;
		padding: 0;
		width: 950px;
	}
	
	.template4 #sub_banner {
		height: 181px;
		background:url(images/img_banner_careers.jpg) left top no-repeat;
		margin: 0 0 20px 0;
		width: 680px;
	}
	
	.template4 #select_career {
		background:url(images/bg_select_career.gif) left top repeat-x;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 10px;
		margin: 0 0 20px 0;
	}
		.template4 #select_career h3 {
			display:inline;
			margin: 0 20px 0 0;
			padding: 0;
			color: #0b3d34;
		}
	.template4 #content_left {
		margin: 0;
		width: 270px;
		min-height: 290px;
		padding: 0;
	}
		*html .template4 #content_left  {height: 290px;}

	.template4 #content_right {
		margin: 0;
		padding: 0 0 20px 0;
		background: url(images/bg_bottom_corner.gif) left bottom no-repeat #fff;
		display: inline;
		width: 660px;
		float: left;
		min-height: 400px;
	}
		*html .template4 #content_right {height: 400px;}
		
		.template4 #body_left {
			padding: 0 0 0 45px;
			width: 600px;
		}
		
		.template4 #body_left p {
			margin-left: 0 0 0 10px;
		}
		
		.template4 #body_left h3 {
			margin-left: 0 0 0 10px;
		}
		.template4 #body_right {
			margin: 0 0 0 22px;
			width: 150px;
			float: right;
		}
		
		.template4 #content_right h2 { font-size: 110%; font-weight: bold;}
	/* END Styles For Template 4*/
	
	/*Styles For Template 5*/
	.template5 #content {
		background: url(images/bg_sub_left.gif) left top repeat-y;
		padding: 0;
		width: 950px;
	}
	.template5 #content_left {
		margin: 0;
		width: 270px;
		min-height: 290px;
		padding: 0;
	}
		*html .template5 #content_left  {height: 290px;}
		

	.template5 #content_right {
		margin: 0;
		padding: 35px 0 20px 0;
		background: url(images/bg_bottom_corner.gif) left bottom no-repeat #fff;
		display: inline;
		width: 660px;
		float: left;
		min-height: 400px;
	}
		*html .template5 #content_right {height: 400px;}
		
		.template5 #body_left {
			padding: 0 0 0 35px;
			width: 600px;
		}
		
		.template5 #body_right {
			margin: 0 0 0 22px;
			width: 200px;
			float: right;
		}
		
		.template5 #content_right h2 { font-size: 110%; font-weight: bold;}
	/* END Styles For Template 5*/
	
	
/*--------------Footer--------------*/

#footer {
	padding: 15px;
	clear: both;
	width: 920px;
	color: #ced8d6;
	font-size: .9em;
	text-align: right;
}

	#footer a { color: #ced8d6;}
