/* LAST UPDATED 01.12.09 */

/*

	Table of Contents

	I.	 GENERAL
	II.	 NAVIGATION
	III. STRUCTURE & TYPOGRAPHY
	IV.	 TABLES
	V.	 FORMS
	VI.	 HEADINGS
	VII. CLEARFIX

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

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

body {
	background: #e2d1b5 url('/images/bg.jpg') center top no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #838383;
}

p, ul, ol { padding: 0 0 14px 0; }

a {
	color: #ef7503;
	text-decoration: underline;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #366492; }

a img { border: 0; }

.small { font-size: 90%; }

ul, ol { margin-left: 40px; }

ul.arrows { list-style: none; }
ul.arrows li {
	background: url('/images/li-arrows.gif') 0 5px no-repeat;
	padding: 0 0 3px 17px;
}

ul.arrows li a {
	color: #366492;
	text-decoration: none;
}
ul.arrows li a:hover { color: #ef7503; }

.right { float: right }
.left { float: left }
.center { text-align: center }
.post	{
	clear:both;
}
.bold 	{
	font-weight: bold;
}


.photo {
	display: inline-block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px gray solid;
	font-size:.7em;
	line-height:normal;
}

.donatebutton	{
	display: inline-block;
	padding: 1px;
	background-color: #ffffff;
	border: 1px #369afe solid;

}

.address	{
	margin-top: -10px;
	margin-left: 10px;
	padding-top: 0;
}

.videoholder	{
	padding-bottom: 15px;
}

.nl_container	{
	clear:both;
}
.newsletter-thumbs	{
	width: 85px; 
	display: inline;
	padding: 5px 0 0 6px;
	float: left;  
}

.blockquote{
	margin-left: 30px;
	font-style:italic;
}
/* -----------------------------------------------------------
		II. NAVIGATION
----------------------------------------------------------- */

#nav ul {
	float: right;
	height: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 5px #d78935 solid;
}

#nav li {
	float: left;
	/*height: 25px;*/
	padding: 0 7px;
	margin: 0 7px;
}

#nav li:hover { border-bottom: 5px #366492 solid; }

#nav li.current { border-bottom: 5px #366492 solid; }

#nav li a {
	line-height: 25px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

#nav li a:hover { color: #366492; }




#sideNav ul {
	margin: 0;
	padding: 17px 0 0 0;
	list-style: none;
}

#sideNav li.current { background: url('/images/li-sideNav_current.gif') 7px 14px no-repeat; }

#sideNav li a { 
     display: block; 
     width: 136px; 
     padding: 8px 0 8px 17px; 
     color: #366492; 
     text-decoration: none;
     background: url('/images/li-sideNav.gif') top left no-repeat;
}



#sideNav ul.subpages {
	width: 100px;
	margin: 0;
	padding: 0 0 0 20px;
}
#sideNav ul.subpages li{

		font-size: .85em;
		padding: 0 0 0 15px;
	}


	#sideNav ul.subpages li a { 
		display:block;
		width: 100px;
		color: #366492;	
	}

#sideNav ul.subpages li.current { background: url('/images/li-sideNav_current.gif') 7px 14px no-repeat;	}	
	
#sideNav li a:hover, #sideNav li.current a, #sideNav ul.subpages li a:hover, #sideNav ul.subpages li.current a { color: #ef7503; }



/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 858px;
}

	#header {
		height: 118px;
		background: url('/images/bg-header.png') top no-repeat;
	}

		#logo {
			float: left;
			padding: 14px 0 0 40px;
		}

		.donate {
			float: right;
			margin: 4px 40px 0 0;
		}

		#nav {
			clear: right;
			float: right;
			height: 35px;
			padding: 37px 19px 0 0;
			text-align: right;
		}

	#content {
		padding: 20px 40px;
		background: url('/images/bg-content.png') top no-repeat;
	}

		#main {
			float: left;
			width: 573px;
		}

			#sideNav {
				float: left;
				width: 153px;
				padding-top: 20px;
			}

			#mainContent {
				float: right;
				width: 381px;
				line-height: 1.4em;
				background: #ffffff;
			}

			#home #mainContent { float: left; }

		#secondContent {
			float: right;
			width: 377px;
		}

			#middle {
				float: left;
				padding-top: 20px;
				width: 178px;
				color: #366492;
			}

				#middle h3, #middle h4, #middle p { padding-left: 17px; }

				.divider {
					height: 21px;
					margin: 10px 0;
					background: url('/images/bg-divider.gif') top center no-repeat;
				}

			#sidebar {
				float: right;
				padding-top: 2px;
				width: 176px;
			}

				#sidebar p { padding: 0 0 20px; }
				
				#sidebar	 a img	{
					border:1px solid black;
					}

				#sign-up {
					margin: 20px 0 0;
					border: 1px #444 solid;
				}
				
				
				
				/* ############  Calendar of Events  #############  */
								
		ul.eventlist	{
			text-decoration:none;
			margin:0;
			padding:0;
		}

		ul.eventlist li	{
			list-style-type:none;
			margin-bottom: 20px;
		}

		.eventtitle	{
			font-size:1.1em;
			font-weight: bold;
			color: #356492;
		}

		.eventdate	{
			color: #666666;
			margin-top:-10px;
		}
		/* ############  End Events  #############  */

#footer {
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #5d5d5c;
	padding: 24px 0;
	width: 858px;
	background: url('/images/bg-contentFooter.png') top no-repeat;
}

/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

	table table { margin-bottom: 0; }

td {
	vertical-align: top;
	padding: 0;
}

.stafflist{
	
margin-top: 20px;

}

.stafflist th	{
	color: #9f0000;
	padding-bottom: 10px;
	text-align:center;
}

.stafflist td	{
	padding-bottom: 5px;
	font-size:small;
}


table#honorarium	{
	width: 400px;
	font-size: .9em;
	border: 1px solid gray;
}

#honorarium th, td{
	padding: 2px 5px;
	height: 30px;
}	

#honorarium th	{
	font-family: Georgia;
	background-color:#336699;
	color: #fff;
	}
	
	
tr.d1 td	{
	background-color:#e1e1e1;
}
/* -----------------------------------------------------------
		V. FORMS
----------------------------------------------------------- */

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
}

input.textbox {
	margin: 0 0 3px 0;
	padding: 2px;
	width: 145px;
	border: 1px #aaa solid;
}

#sign-up form { padding: 10px; }

#contactform	{
	width: 100%;
	padding: 10px;
	background-color:#dedede;
	border: 1px solid black;
}

.bigred	{
	color: #9f0000;
	font-weight: bold;
}


.additional 	{
	display: none;
}
/* -----------------------------------------------------------
		VI. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 { font-size: 25px; }

	#logo h1 { display: inline; }

	#logo h1 a {
		display: block;
		width: 197px;
		height: 80px;
		text-indent: -4440px;
		background: url('/images/bakersfieldrescuemission.png') top no-repeat;
	}

h2 { font-size: 22px; }

	#content h2 {
		font-size: 18px;
		color: #9f0000;
	}

h3 { font-size: 19px; }

	#content h3 {
		font-size: 15px;
		color: #9f0000;
	}

	#sign-up h3 {
		color: #fff;
		background: #356492;
		padding: 10px;
	}

h4 { font-size: 16px; }

/* -----------------------------------------------------------
		VII. CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */