/*lt blue #98e9fe  */
/*nav lt blue #03a7cc  */
/*nav dk blue #0a7499  */
/* gray #728293  */
/* top gold bar #dbc16c */
/* side nav gold bar #c39448 */
/* side nav blue bar #03a7cc */
/* outline: 1px solid red;  */

* {
	margin: 		0;
	padding: 		0;
	outline: 		none;
	border: 		none;
}

body {
	font-family: 	"Trebuchet-MS", Arial, Helvetica, sans-serif;
	width: 				960px;
	margin: 			0 auto;
	font-size: 			62.5%;
	background: 		#76c7dc;
}
/* header */
div#header {
	height: 			325px;
	margin: 			0px;
	background: 		url(images/header.jpg) no-repeat  center;
}
div#wrapper {
	position: 			absolute;
	width: 				960px;
	margin: 			0 auto;
	background:			white;
}

/* set text off screen for images*/
h1 {
	text-indent: 		-3000em;
}

/*  nav   ---------------------------------------*/
ul.nav, 
ul.nav ul {
	list-style-type: 	none;
	float: 				left;
	background-color: 	#03a7cc;
}
ul.nav li {
	float: 				left;
	width: 				160px;
}
ul.nav li ul {
	position: 			absolute;
	width: 				192px;
	left: 				-999em;
	margin-left:		-1px;
}
.nav li:hover ul {
	left: 				auto;
}
ul.nav a {
	display: block;
	color: white;
	text-decoration: 	none;
	font-size: 			1.5em;
	font-weight:		bold;
	line-height: 		3em;
	text-align:			center;
	text-transform: 	uppercase;
	border-right: 		1px solid white;
}
ul.nav li li a {
	border-top: 		0;
	border-bottom: 		0;	
	border-left: 		0;
	border-right: 		0;
}
ul.nav li:last-child a {
	border-right: 		0;
	border-bottom: 		0;
}
ul a:hover,
ul a:focus {
	color: 				white;
	background-color: 	#c39447;
}

/* sidebar nav --------------------------------------------------------------*/
div#sidebar {
	width: 				200px;
	float: 				right;
	clear:				both;
	overflow:			hidden;
}
div#sidebar ul {
	list-style: 		none;
	margin: 			10px 10px 10px 0px;
}
div#sidebar ul li {
	margin: 5px 0;
}
div#sidebar ul li a {
	display: 			block;
	height: 			30px;
	line-height: 		30px;
	font-size: 			1.6em;
	font-weight:		bold;
	color: 				white;
	text-decoration: 	none;
	text-indent: 		13px;
	border-right: 		1px solid #9b6328;
	border-bottom: 		1px solid #9b6328;
}
div#sidebar ul li a:link {
	color: 				white;
	background: 		url("images/sidebar-a.png") 0 0;
}
/*dark blue #124097 */
div#sidebar ul li a:hover {
	color: 				white;
	background:			url("images/sidebar-a.png") 0 -30px;
}

/* safe call now button --------------------------------------------------*/
div#safe-call-now	{
	position:  			 relative;
}
a.safe-call-now {	
	display: 			block;
	width: 				200px;
	height: 			200px;
	margin: 			30px 0px 0px 0px;
	text-indent:		-1000em;
	background: 		url(images/safe-call-now.jpg) left top no-repeat;
}
a.safe-call-now:hover {
	background-image: 	url(images/safe-call-now-hvr.jpg);
}

/* donate button --------------------------------------------------*/
div#donate	{
	position:  			 relative;
}
a.donate {	
	display: 			block;
	width: 				200px;
	height: 			67px;
	margin: 			5px 0px 0px 0px;
	text-indent:		-1000em;
	background: 		url(images/donate-btn.jpg) left top no-repeat;
}
a.donate:hover {
	background-image: 	url(images/donate-btn-hvr.jpg);
}

/* div for image to float to left --------------------------------------------------------------*/
div#left-photo { 
	float: 				left;
	width: 				274px;
	margin: 			30px 0px 0px 10px;
}
div#left-photo p {
	font-size: 			1.4em;
	line-height:		1.3em;
	color:				#728293;
}
div#left-photo h3 {
	font-size: 			1.7em;
	font-weight:		bold;
	line-height:		1.7em;
	color:				#1b5594;
}
div#the-good-news {
	width: 				284px;
	height:				420px;
	margin:				7px 12px 0px 0px;
	background: 		url(../images/the-good-news.jpg) left top no-repeat;
}
div#the-good-news p {
	font-size: 			1.7em;
	line-height:		1.5em;
	color:				white;
	padding:			50px 27px 0px 10px;
}
div#the-good-news-2 {
	width: 				284px;
	height:				324px;
	padding:			7px 12px 0px 7px;
	background: 		url(../images/the-good-news-2.jpg) left top no-repeat;
}
div#the-good-news-2 p {
	font-size: 			1.7em;
	line-height:		1.5em;
	color:				white;
	padding:			50px 27px 0px 10px;
}

/* main content --------------------------------------------------------------*/
div#main {
	float: 				right;
	width: 				410px;
	margin: 			30px 30px 10px 30px;
}
div#main p {
	font-size: 			1.7em;
	line-height:		1.5em;
	color:				#0a7499;
}
div#main h2 {
	font-size: 			2.1em;
	font-weight:		bold;
	line-height:		.7em;
	color:				#0a7499;
}
div#main h3 {
	font-size: 			1.7em;
	font-weight:		bold;
	line-height:		1.1em;
	color:				#1b5594;
}
/* stories  --------------------------------------------------------------*/
div#stories {
	width: 				700px;
	margin: 			75px 0px 0px 10px;
}
div#stories p {
	font-size: 			1.7em;
	line-height:		1.4em;
	color:				#0a7499;
}
div#stories h2 {
	font-size: 			2.1em;
	font-weight:		bold;
	line-height:		.7em;
	color:				#0a7499;
}

/*	Documentary 1 - Code 9 - Officer Needs Assistance The Documentary Trailer */
div#documentaries {
	width: 				732px;
	margin: 			75px 0px 0px 10px;
}
div#documentaries h2 {
	font-size: 			2.1em;
	font-weight:		bold;
	line-height:		.7em;
	color:				#0a7499;
}

a.doc-1 
{	
	float:				right;
	clear:				left;
	width: 				356px;
	height: 			240px;
	text-indent: 		-1000em;
	background: 		url(../videos/images/doc-1.jpg) left top no-repeat;
}
a.doc-1:hover {
	background-image: 	url(../videos/images/doc-1-hvr.jpg);
}
/*	Documentary 2 - Code 9 Officer Needs Assistance Trailer 2 */
a.doc-2 
{	
	float:				left;
	clear:				left;
	width: 				356px;
	height: 			240px;
	text-indent: 		-1000em;
	background: 		url(../videos/images/doc-2.jpg) left top no-repeat;
}
a.doc-2:hover {
	background-image: 	url(../videos/images/doc-2-hvr.jpg);
}

/*	Documentary 3 - Resurrected Honor - PTSD Resources */
a.doc-3 
{	
	float:				left;
	clear:				left;
	width: 				356px;
	height: 			240px;
	text-indent: 		-1000em;
	background: 		url(../videos/images/doc-3.jpg) left top no-repeat;
}
a.doc-3:hover {
	background-image: 	url(../videos/images/doc-3-hvr.jpg);
}

/* float an image to the right in the side bar ----------------------------*/
div#image-right-in-sidebar {
	float: 				right;
	width: 				195px;
	margin: 			0px;
}

/* float an image to the right in the side bar ----------------------------*/
div#image-right-in-sidebar {
	float: 				right;
	width: 				195px;
	margin: 			0px;
}

/* footer --------------------------------------------------------------*/
div#footer {
	clear: 				both;
	overflow: 			auto;
	margin: 			0px;
	width: 				960px;
	background:			#03a7cc;
}
div#footer p{
	margin: 			0px;
	font-size: 			1.7em;
	line-height: 		1.7em;
	text-decoration: 	none;
	text-align: 		center;
	color: 				white;
}

/* tagline --------------------------------------------------------------*/
div#tagline {
	clear: 				both;
	overflow: 			auto;
	margin: 			0px;
	width: 				960px;
}
div#tagline p{
	margin: 			0px;
	font-size: 			2em;
	font-style:			italic;
	line-height: 		2em;
	text-decoration: 	none;
	text-align: 		center;
	color: 				#c39448;
}

/* credits - Starfish Graphics---------------------------------------------*/	
div#credits{
	margin: 			0px;
	font-size: 			1em;
	line-height: 		1em;
	text-indent: 		12px;
	text-decoration: 	none;
	text-align: 		center;
	color: 				#728293;
}
div#credits a:link {
	color: #728293;
	text-decoration:	 none;
}
div#credits a:visited {
	color: #728293;
	text-decoration:	 none;
}
div#credits a:hover {
	color: #6a1f88;
	text-decoration:	 underline;
}
div#credits a:active {
	text-decoration:	 none;
}

.bold {
    font-weight: 		bold;
}

/* styling for links  ---------------------------------*/
a:link {
	color: 				#0a7499;
	text-decoration:	none;
}
a:visited {
	color: 				#0a7499;
	text-decoration: 	none;
}
a:hover {
	color: 				#6a1f88;
	text-decoration: 	underline;
}
a:active {
	text-decoration: 	none;
}

#text-indent p {
	font-size: 			1.9em;
	line-height:		1.9em;
	text-indent: 		-0.5em;
	padding-left: 		0.5em;
}
/* testimonial names */
.credit {
	font-style:			italic;
	line-height:		1em;
}