/*
Author: 	Erica Schreiber
Date:   	July 2008
Description:Priest Lake Search and Rescue website style sheet 
*/

* {
	margin: 0px;
	padding: 0px;
	}
body {
	postion: relative;
	background: #ed9b10 url(../images/plsar-background.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	min-width: 716px;	
	}
#wrapper {
	width: 719px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(../images/plsar-content-bg.png) no-repeat bottom center;
	}

/**************** header image and logo *************/
#header {
	width: 716px;
	/* width: 716px; */
	height: 432px;
	/** background: #fff url(../images/plsar-header-img-1.jpg) no-repeat top center; **/
	}
/*----- below adjustment to design so images come up sooner for dial-up users ------- */
#header_img_sec1 {
	width: 360px;
	height: 216px;
	background: #fff url(../images/header_img_slices/images/plsar-header-img-1_01.jpg) no-repeat top left;
	float: left;
	}
#header_img_sec2 {
	width: 356px;
	height: 216px;
	margin-left: 360px;
	background: #fff url(../images/header_img_slices/images/plsar-header-img-1_02.jpg) no-repeat top right;
	}
#header_img_sec3 {
	width: 360px;
	height: 216px;
	background: #fff url(../images/header_img_slices/images/plsar-header-img-1_03.jpg) no-repeat bottom left;
	float: left;
	}
#header_img_sec4 {
	width: 356px;
	height: 216px;
	background: #fff url(../images/header_img_slices/images/plsar-header-img-1_04.jpg) no-repeat bottom right;
	float: left;
	}
/*-------------------------------------------------------------------------------------- */
	
#logo {
	position: absolute;
	/* position: relative; */
	background: url(../images/plsar-logo-bg.png) no-repeat top center;
	width: 225px;
	height: 263px;
	left: 460px;
	
	top: 0px;
	}
#logo img {
	margin-top: 5%;
	border: none;
	}
#logo p {
	text-align: center;
	}

/**************** Horizontal Navigation *************/
#horizontal_nav{
	position: absolute;
	z-index: 1000;
	top: 378px;
	}
#horizontal_nav ul {
	font-size: 12px;
	list-style: none;
	float: left;
	font-variant: small-caps;
	}
#horizontal_nav ul li {
	float: left;
	}
#horizontal_nav ul a {
	display: block;
	padding: 0 16.9px;
	line-height: 4.5em;
	background-image: url(../images/divider.gif) repeat;
	text-decoration: none;
	color: #000;
	}
#horizontal_nav ul a:hover, ul .first a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: underline;
	}
#horizontal_nav ul .first a {
	background: none;
	}

/**************** Content *************/
#content {
	position: relative;
	padding-bottom: 20px;
	}
#content h1 {
	margin: 10px 20px;
	font-size: 23px;
	color: #990000;
	font-weight:lighter;
	}
#content h3 {
	margin-left: 20px;
	color: #2b4fa3;
	font-weight:lighter;
	}
#content h4 {
	font-weight: lighter;
	color: #2b4fa3;
	margin: 20px 0px 5px 20px;
	}
#content h5{
	font-size: 13px;
	margin: 0px 25px 0px 20px;
	}
#content .highlight {
	background-color:#FFFF00;
	}
#content .attention {
	color: #CC0000;
	font-weight: bold;
	}
#main_content {
	min-height: 409px;
	margin-left: 165px;
	}
#main_content p{
	margin: 5px 25px 15px 20px;
	}
#main_content ul {
	list-style: circle;
	margin: 5px 20px 20px 10px;
	padding-left: 22px;
	}
#main_content li {
	margin-bottom: 8px;
	}
#main_content dd {
	margin: 5px;
	}
.spacer {
	padding-bottom: 20px;
	}
.bold {
	font-weight:bold;
	}
	
/**************** Vertical navigation inside Content div *************/
#vertical_nav {
	float: left;
	width: 182px;
	margin: 0px 0px -5px -8px;
	min-height: 400px;
	}
#vertical_nav ul {
	margin: 15px 25px;
	line-height: 40px;
	list-style: none;
	}
#vertical_nav ul a {
	text-decoration: none;
	color: #FFFFFF;
	}
#vertical_nav ul a:hover {
	text-decoration: underline;
	}

/**************** Vertical navigation background div *************/
#blue_vertical_nav_bg {
	position: absolute;
	top: 432px;
	left: -8px;
	background: url(../images/plsar-vertical-nav-bg.png) no-repeat bottom center;
	width: 182px;
	height: 400px;
	}

/**************** Footer *************/
#footer {
	clear: both;
	text-align: center;
	line-height: 20px;
	}


