/* Based on: A CSS Framework by Mike Stenhouse of Content with Style */
body {
	text-align: center;
	background-color: #DADABF;
}

#container {
	margin: 0 auto;
	text-align: left;
} 

/* TOP NAV BAR */
	div#logo {
		position: absolute;
		top: 0;
		left: 0;
	      z-index: 10;
	}

	div#legend {
		position: absolute;
		top: 0;
		left: 97;
	}

	div#contactInfo,
	div#contactInfo a {
		position: absolute;
      	right: 5px;
	      top: 20px;
		text-align: right;
		font-family: "Arial";
		font-weight: bold;
		color: #B7B790;
		font-size: 16px;
	}

	div#menuBar {
		position: absolute;
		top: 64;
		left: 0;
		width: 100%;
		height: 28px;
		background: url(images/menu_bg.jpg) repeat-x;
	    	z-index: 5;
	}

    	/* position of primary menu items */
	ul#pnav {
        position: absolute;
        padding: 0px;
        margin: 1px 0 0 100px;
	}

	/* memory verse */
    	div#verse {
		position: absolute;
      	right: 10px;
	      top: 5px;
		font-family: "Arial";
		font-style: italic;
		font-weight: bold;
		color: #B7B790;
		font-size: 10px;
	}

	/* Primary Menu */
	ul#pnav li {
    		position: relative;
		top: 0px;
		float: left;
		display: inline;
		margin: 0px 20px 0px 0px;
		padding: 0px;
        }

	ul#pnav a,
	ul#pnav a:link,
	ul#pnav a:active,
	ul#pnav a:visited {
		text-align: center;
		padding: 2px 0px 0px 0px;
		font-weight: bold;
	}

	/* COMMON MENU SETTINGS */
	div#menuBar a,
	div#menuBar a:link,
	div#menuBar a:active,
	div#menuBar a:visited {
		display: inline-block;
		/* hide from ie/mac \*/
		display: inline-block;
		/* end hide */
		text-decoration: none;
		white-space: nowrap;
		color: white;
		font-weight: bold;
		font-family: "Arial";
		font-size: 12px;
    }
    ul#pnav a:hover {
    	color: yellow;
    }

    div#menuBar ul#pnav li a.current {
    	color: yellow;
    }

/* CONTENT AREA */
	div#content {
		text-align: center;
		position: relative;
		top: 110px;
	}

	.subtitle {
		color: #744080;
		font-weight: bold;
		font-size: 16px;
		font-family: "Arial";
	}
		
	.missingPerson {
		border: 3px #B7B790 solid;
		background-color: white;
		color: #999;
		font-family: "Arial";
		font-size: .8em;
		margin-bottom: 10px;
		margin-right: 20px;
	}

	.photo {
		border: 3px #B7B790 solid;
		background-color: white;
		color: #999;
		font-family: "Arial";
		font-size: .8em;
		margin-bottom: 10px;
		margin-right: 20px;
	}

	.missingPerson img {
		margin: 3px 5px 3px 3px	;
	}

/* Search Alerts */
	.searchAlert {
		border: 3px #B7B790 solid;
		background-color: #FFFAA5;
		color: #999;
		font-family: "Arial";
		font-size: .8em;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	.alertHeader {
		text-align: center;
		background-color: #744080;
		color: yellow;
		font-weight: bold;
	}

	.alertContent {
		font-size: 1em;
		color: #333;
	}

	.alertContent a,
	.alertContent a:link,
	.alertContent a:active,
	.alertContent a:visited {
		color: #333;
		text-decoration: underline;
	}

	.alertContent a:hover {
		color: red;
	}

/* Notices */
	.notice {
		border: 3px #B7B790 solid;
		background-color: #B7B790;
		color: #999;
		font-family: "Arial";
		font-size: .8em;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	.noticeHeader {
		text-align: center;
		background-color: #744080;
		color: white;
		font-weight: bold;
	}

	.noticeContent {
		font-size: 1.1em;
		font-weight: normal;
		font-family: "Arial";
		color: white;
		text-align: center;
	}

	.noticeContent a,
	.noticeContent a:link,
	.noticeContent a:active,
	.noticeContent a:visited {
		color: white;
		text-decoration: underline;
	}

	.noticeContent a:hover {
		color: yellow;
	}

	p, li {
		font-family: Arial;
		font-size: .8em;
	}

/* Forms */
	.shadeform {
		BORDER: #000000 1px solid; 
		BACKGROUND-IMAGE: url(images/shadeform.jpg); 
		FONT: 12px arial, verdana, sans-serif; 
		WIDTH: 200px; 
		TEXT-ALIGN: left
	}
	
	.textarea {
		BORDER: #000000 1px solid; 
		BACKGROUND-IMAGE: url(images/shadeform.jpg); 
		FONT: 12px arial, verdana, sans-serif; 
		WIDTH: 275px; 
		HEIGHT: 135px; 
		TEXT-ALIGN: left
	}
	.formLabel {
		FONT: 12x arial, verdana, sans-serif; 
		font-weight: bold;
		TEXT-ALIGN: left
	}

