@import url("reset.css"); /* Theoretically get every browser on the same level */
@import url("SearchOverlay.css"); /* Google Search Box Customization */

/* 
Designed and coded by Stephen Shaw ( shshaw @ gmail.com ).

Table of Contents:
------------------
1. =General
2. =Specific Styles
3. =Design
	3.1 =Header
	3.2 =Navigation
	3.3 =Side-Navigation
	3.4 =Footer
	
/**************************************
 1. =General */

	html, body { height: 100%; }
	
	body {
		background: #1c1817;
		color: #FFF;
		text-align: center; /* IE <5.5 Fix */
		font: 100 80% Verdana, Tahoma, Arial, sans-serif; }
		

/**************************************
 2. =Specific Styles */				
		
	.p10px { 
		padding-left: 10px; 
		padding-right: 10px; }
	.p20px { 
		padding-left: 20px;
		padding-right: 20px; }	
	.p25px { 
		padding-left: 25px;
		padding-right: 25px; }	
	.p50px { 
		padding-left: 50px;
		padding-right: 50px; }
	
	a {
		color: #7fb6ba;
		font-weight: bold;
		text-decoration: none; }		
	a:hover, a:focus, a:active {
		color: #33b2bc;
		text-decoration: underline; }			
	a:active, a:focus { outline: none; }		
	a img, a:hover img, a:active img, a:focus img { border: none; }
	.Jump {
		display: inline-block;
		padding-top: 10px; }
	.Jump:hover, .Jump:active, .Jump:focus {
		padding-top: 0px;
		padding-bottom: 10px; }
	
	p { 
		font-family: Verdana, Arial, Tahoma, sans-serif;
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 1em 0;
		text-align: left;
		word-spacing: .1em;
		letter-spacing: .01em;  }
		
	strong { font-weight: bold; }
		
	em { font-style: italic; }
	
	sup { 
		vertical-align: top;
		padding-top: 3px; }
		
	dl { margin-bottom: 1em; }		
	dt { 
		font-size: 14px;
		font-weight: bold; 
		margin-bottom: .5em; }	
	dd { margin: 0 50px 1em; }
		
	h2, h3, h4, h5, h6, h2 a, h3 a, h4 a, h5 a {
		font-family: Tahoma, Arial, sans-serif;
		font-weight: bold;
		text-align: left;
		word-spacing: 2px; }
		
	h2 {
		color: #e39836;
		font-size: 32px; 
		margin: 0 0 12px;
		letter-spacing: .04em; }		
	h2 a { color: #f5af54; }		
	h2 a:hover, h2 a:focus, h2 a:active {
		color: #eec48c;
		text-decoration: none; }
		
	h3 {
		font-size: 22px; 
		margin: 24px 0 12px;
		color: #5f503f; }		
	h3 a { color: #5f503f; }		
	h3 a:hover, h3 a:focus, h3 a:active, h5 a:hover, h5 a:focus, h5 a:active {
		color: #a86a24;
		text-decoration: none; }
		
	h4 {
		font-size: 18px;
		color: #372e29;
		margin: 12px 0; }		
	h4 a, h5 a { color: #f5af54; }		
	h4 a:hover, h4 a:focus, h4 a:active, h5 a:hover, h5 a:focus, h5 a:active {
		color: #587378;
		text-decoration: none; }
		
	/**************************************
      Limelight styling */	
	h6 {
		font-size: 12px;
		color: #372e29;
		margin: 32px 0 12px 0; 
		background-color: #d6ed95}
		
/**************************************
	Limelight */
	
	.Limelight {
		display: block;
		width: 648px;
		margin: 0 auto 10px; }
		
	.Limelight.Two-Column { width: 324px; }
		
	.Limelight.Three-Column { width: 486px; }
		
	.Limelight li {
		float: left; }
		
	.Limelight li a {
		display: block;
		width: 150px;
		height: 20px;
		padding: 6px 6px 2px;
		background: url("../img/design/Page-Navigation-Button.jpg") no-repeat 0 0;
		font-size: 10px;
		color: #9a918b;
		text-align: center; }	
		
	.Limelight li a:hover, .Limelight li a:focus, .Limelight li a:active {
		background-position: 0 -50px;
		color: #88b800;
		text-decoration: none; }
	
	/***************************************/	
					
		
	.f10 { font-size: 10px; }
	.f12 { font-size: 12px; }
	.f14 { font-size: 14px; }
	.f16 { font-size: 16px; }
	.f18 { font-size: 18px; }
	
	.hr {
		display: block;
		width: 80%;	height: 1px;
		margin: 30px auto 30px;
		background: #DDD; }		
	hr { display: none; }	
	
	.FloatLeft { float: left; }
	.FloatRight { float: right; }
	
	.Clear { clear: both; }	
	.ClearLeft { clear: left; }
	.ClearRight { clear: right; }
	
	.center { 
		text-align: center;
		margin-left: auto;
		margin-right: auto; }
	.left { text-align: left; }
	.right { text-align: right; }
	
	blockquote { margin: 0 75px 1em; }
	
	.Bible-Verse {
		background: #F1F1F1;
		padding: 10px;
		border: solid 1px #AAA; }	
	.Bible-Verse p {
		margin-bottom: 0;
		font-style: italic; }
	/* .Bible-Verse sup {
		font-weight: bold; } */
		
	.Blog {
		background: #F1F1F1;
		padding: 10px;
		border: solid 1px #AAA; }	
	.Blog p {
		margin-bottom: 1;
		font-style: normal; }
		
	.Bible-Reference { 
		display: block;
		text-align: right; 
		font-weight: bold;
		color: #5f503f; }
		
	.Header-Img { margin: 5px auto 5px; }
		
	iframe.Calendar {
		width: 680px;
		height: 540px;
		border: none; }
		
	#Rotator {
		cursor: pointer;
		overflow: hidden;
		margin: 0;
		position: relative; }
	#Rotator img {
		border: 0;
		/*cursor: pointer;*/ }
	
	.Image-List {
		width: 680px;
		margin: 20px auto; }

	.Image-List img {
		margin: 0 10px 20px;
		border: solid 1px #aaa;
		padding: 5px; }

/* Table Setup */	
	table { margin: 0 auto 1em; }
	
	th { 
		font-weight: bold;
		padding: 0 10px; }
		
	tr { padding: 2px; }
		
		
/* List type classes */		
	.List-Alpha, .List-Numeric, .List-Roman, .List-Bullet, List-None { margin-bottom: 1em; }
	
	.List-Alpha li, .List-Numeric li, .List-Roman li, .List-Bullet li, .List-None li { margin: 0 50px 1em; }
		
	.List-Alpha { list-style-type: upper-alpha; }		
	ol .List-Alpha { list-style-type: lower-alpha; }
	
	.List-Numeric { list-style-type: decimal; }
	
	.List-Roman { list-style-type: upper-roman; }	
	ol .List-Roman { list-style-type: lower-roman; }
	
	.List-Bullet { list-style-type: disc; }
	ul .List-Bullet { list-style-type: circle; }
		
		
/* Div Box with a border to separate content */		
	.BoxWithBorder {
		padding: 20px 25px 10px;
		margin: 0 50px 1em;
		border: solid 1px #DDD; }
		
	.BoxWithBorder h2, .BoxWithBorder h3, .BoxWithBorder h4 {
		margin-top: 0;
		margin-bottom: 1em;
		text-align: center;  }
		
		
/* A Box intended for including thumbnails with a border to separate content */		
	.ThumbnailBox {
	padding: 20px 25px 10px;
	height: 130px;
	margin: 0 50px 1em; 
	border: solid 1px #DDD; }
		
	.ThumbnailBox h2, .BoxWithBorder h3, .BoxWithBorder h4 {
		margin-top: 0;
		margin-bottom: 1em;
		text-align: center;  }
		
		
/* Connection Group List */		
	.Connection-Group-List {
		width: 650px;
		margin: 10px auto 20px;
		font-size: 10px; }
		
	.Connection-Group-List thead th {
		padding: 3px 6px;
		border: 1px solid #C1DAD7;
		color: #4f6b72;
		font: bold 10px;
		text-align: left;
		background: #CAE8EA; }
		
	.Connection-Group-List tbody th {
		padding: 3px 6px;
		border: 1px solid #C1DAD7;
		background: #FFF;
		font-weight: bold; }

	.Connection-Group-List td {	
		padding: 6px 6px;
		background: #fff;
		border: 1px solid #C1DAD7;
		color: #000; }
		
	.Connection-Group-List td.Leaders {	min-width: 120px; }
		
	.Connection-Group-List .odd td, .Connection-Group-List .odd th { background: #fcfdfd; }
	

/* Discipleship Class */
	.Discipleship-Class {
		width: 600px;
		margin: 0 auto 20px;
		border: solid 2px #f2ede7; }
	
	.Discipleship-Class th {
		padding: 5px 10px;
		width: 75px;
		background-color: #f2ede7;
		border-bottom: solid 1px #fefaf9;
		font-size: 10px;
		text-align: right;
		color: #69635c; }
		
	.Discipleship-Class .Name th {
		background-color: #e5e1db; }
		
	.Discipleship-Class .Description th {
		padding-top: 7px;
		vertical-align: top;
		border-bottom:  solid 1px #f2ede7; }
		
	.Discipleship-Class td {
		padding: 5px 10px;
		border-bottom: solid 1px #f2ede7; }	
		
	.Discipleship-Class .Name td { 
		font-weight: bold; 
		font-size: 14px;
		text-align: center; }
		
	.Discipleship-Class .Description td {
		font-size: 12px }
		


		
/* Content Button */

	.Content-Buttons {
		display: block;
		width: 600px;
		margin: 20px auto; }
		
	.Content-Buttons li {
		float: left; }
		
	.Content-Buttons li a {
		display: block;
		width: 160px;
		height: 15px;
		padding: 25px 5px;
		margin: 10px;
		background: url("../img/design/Content-Button.jpg") no-repeat 0 0;
		font: bold 16px Arial, sans-serif;
		color: #4a423a;
		text-align: center;
		text-decoration: none; }
		
	.Content-Buttons li a.Two-Lines {
		height: 27px;
		padding: 19px 5px;
		font-size: 14px; }	
		
	.Content-Buttons li a:hover, .Content-Buttons li a:focus, .Content-Buttons li a:active {
		background-position: 0 -120px;
		color: #b44a16; }
		
		
	
	
/* Page Navigation */
	.Page-Navigation {
		display: block;
		width: 648px;
		margin: 0 auto 10px; }
		
	.Page-Navigation.Two-Column { width: 324px; }
		
	.Page-Navigation.Three-Column { width: 486px; }
		
	.Page-Navigation li {
		float: left; }
		
	.Page-Navigation li a {
		display: block;
		width: 150px;
		height: 20px;
		padding: 6px 6px 2px;
		background: url("../img/design/Page-Navigation-Button.jpg") no-repeat 0 0;
		font-size: 10px;
		color: #9a918b;
		text-align: center; }	
		
	.Page-Navigation li a:hover, .Page-Navigation li a:focus, .Page-Navigation li a:active {
		background-position: 0 -50px;
		color: #d55e2f;
		text-decoration: none; }
		
		
/* Class Selection */

	#Class-Selection {
		width: 620px;
		margin: 0 auto 10px; }
		
	#Class-Selection a {
		display: block;
		width: 290px;
		height: 150px;
		float: left;
		padding-left: 10px;
		padding-right: 10px; }

					
/**************************************
 3. =Design */	
 
 	#Container { background: url("../img/design/Background-Repeater.jpg") repeat-x top center; }
	
	#Container2 { background: #353230 url("../img/design/Texture.jpg") repeat top center; }
	
	#SecretChurch { background: #353230 url("../img/design/SecretChurch.jpg") repeat top center; }
	
	#Passion { background: #353230 url("../img/design/Passion.jpg") repeat top center; }
	
	#Fusion { background: #353230 url("../img/design/Fusion.jpg") repeat top center; }
	
	#Content {
		width: 880px;
		margin: 0 auto;
		padding: 0 40px;
		background: url("../img/design/Content-Background.jpg") repeat-y top center; 
		color: #372e29;
		text-align: left; }
		
	#SecretChurch-Content {
		width: 880px;
		margin: 0 auto;
		padding: 0 40px;
		background: url("../img/design/SecretChurch-Background.jpg") repeat-y top center; 
		color: #372e29;
		text-align: left; }
		
	#Passion-Content {
		width: 880px;
		margin: 0 auto;
		padding: 0 40px;
		background: url("../img/design/Passion-Background.jpg") repeat-y top center; 
		color: #372e29;
		text-align: left; }
		
	#Fusion-Content {
		width: 880px;
		margin: 0 auto;
		padding: 0 40px;
		background: url("../img/design/Fusion-Background.jpg") repeat-y top center; 
		color: #372e29;
		text-align: left; }
	
	.Prop {
		float: right;
		height: 367px;
		width: 1px;	}	
		
	.Photo {
	float: right;
	margin: 0 0px 0 20px;
	padding: 1px;
	border: solid 2px #ddd; }
	
	.Photoleft {
	align: left;
	margin: 0 0px 0 0px;
	padding: 1px;
	border: solid 2px #ddd; }
	
	.Photocentered {
	float: center;
	margin: 0 0px 0 20px;
	padding: 1px;
	border: solid 2px #ddd; }
	
	.Thumbnail{
	float: right;
	align: top;
	margin: 0 0px 0 20px;
	padding: 1px;
	border: solid 2px #ddd; }	
	
	/**************************************
	 3.1 =Header */
		#Header { 
			position: relative;
			width: 100%;
			background: url("../img/design/Header-Background.jpg") no-repeat top center; }
			
		#Header-Content {
			width: 900px;
			height: 160px;
			margin: 0 auto;
			padding: 0 30px;
			background: url("../img/design/Header-Background.jpg") no-repeat top center; }
			
		#Header2 { 
			position: relative;
			width: 100%;
			background: url("../img/design/Header-Background2.jpg") no-repeat top center; }
			
		#Header2-Content {
			width: 900px;
			height: 160px;
			margin: 0 auto;
			padding: 0 30px;
			background: url("../img/design/Header-Background2.jpg") no-repeat top center; }
		
		#Meta-Navigation {
			width: 430px;
			height: 25px;
			font-size: .75em;
			padding: 12px 0 0 0;
			margin: 0 25px 0 auto;
			text-align: center;
			/*background: #2a2724;*/ }
			
		#Meta-Navigation a { 
			color: #b57a2d;
			padding: 0 3px; }
		
		#Meta-Navigation a#New-To-Olive {
			padding: 0 7px;
			border-left: solid 1px #71685f;
			border-right: solid 1px #71685f; }
		
		#Meta-Navigation a:hover, a:focus, a:active { color: #e39836; }			
		
		#Meta-Navigation fieldset {
			float: right;
			padding: 0 6px 0 0;
			vertical-align: middle;
			position: relative;
			top: -2px; }
			
		#Meta-Navigation #Search-Box, #Meta-Navigation #q {
			color: #2a2724;
			font-size: 10px;
			margin: 0px;	padding: 2px;
			width: 115px; 	height: 12px;
			vertical-align: middle;
			border-style: solid;
			border-width: 1px;
			border-color: #FFF;
			padding: 0px;
			margin: 0px;
			z-index: 1; } 
			
		#Meta-Navigation #Search-Button, #Meta-Navigation #sa {
			display: inline-block;
			margin: 0px;	padding: 0 2px; 
			font-size: 10px; 
			width: 20px; 	height: 18px;
			color: #2a2724;
			vertical-align: middle;
			background: #aaa;
			border: solid 1px #888; }
			
		#Meta-Navigation #Search-Button:hover, #Meta-Navigation #sa:hover {
			background: #ccc;			
			color: #6e6b68; }
			
		#Header h1 a {
			display: block;
			width: 310px;	height: 75px; 
			position: absolute;
			top: 30px;
			text-indent: -999em; 
			/* border: solid 1px #F00; */ }
			
		#Skip-To-Navigation { 
			position:absolute;
			left:-999em;
			width:1px;
			height:1px;
			overflow:hidden;
			font-size: .75em; }		
		
		#Skip-To-Navigation:active, #Skip-To-Navigation:focus { 
			display: block;
			position:static;
			height: auto;
			width: 200px;
			margin: 0 auto;
			padding: 5px 10px;
			background: #2a2724;
			border: solid 1px #d4f1f6; }
		
				
	/**************************************
 	 3.2 =Navigation */
		#Navigation {
			position: absolute;
			top: 110px;
			width: 100%; }
		
		#Navigation h2 { display: none; }	
	
		#Navigation ul {
			position: relative;
			width: 860px;		height: 33px;
			margin: 0 auto;		padding: 0 50px; }
			 
		#Navigation li { float: left; }
			
		#Navigation li a.Navigation-Tab {
			display: block;
			width: 100px;
			padding: 8px 11px;
			margin: 0 0px;
			background: url("../img/design/Navigation.gif") no-repeat 0px 0px;
			text-indent: -999em; }			
		
		#Navigation li.About-Us a.Navigation-Tab { background-position: 0px 0px; }
		#Navigation li.Connect a.Navigation-Tab { background-position: -122px 0px; }	
		#Navigation li.Get-Involved a.Navigation-Tab { background-position: -244px 0px; }
		#Navigation li.Find-Help a.Navigation-Tab { background-position: -386px 0px; }
		#Navigation li.Resources a.Navigation-Tab { background-position: -508px 0px; }
		#Navigation li.Contact-Us a.Navigation-Tab { background-position: -630px 0px; }
			
		/* #Navigation .Navigation-Tab { text-indent: -999em; } */
			
		#Navigation li.About-Us { margin-left: 55px; }
		
		#Navigation li.Get-Involved a.Navigation-Tab { width: 120px; }		
		
		/**************************************
 	 	 3.2.2 Current Section Tab */
		.Highlight-About-Us #Navigation li.About-Us a.Navigation-Tab { background-position: 0px -75px; }
		.Highlight-Connect #Navigation li.Connect a.Navigation-Tab { background-position: -122px -75px; }		
		.Highlight-Get-Involved #Navigation li.Get-Involved a.Navigation-Tab { background-position: -244px -75px; }
		.Highlight-Find-Help #Navigation li.Find-Help a.Navigation-Tab { background-position: -386px -75px; }
		.Highlight-Resources #Navigation li.Resources a.Navigation-Tab { background-position: -508px -75px; }
		.Highlight-Contact-Us #Navigation li.Contact-Us a.Navigation-Tab { background-position: -630px -75px; }


		/**************************************
 	 	 3.2.1  Hover Navigation Tabs */
		#Navigation li.About-Us:hover a.Navigation-Tab, /* Seem excessive? Such is the price of accessibility */
		#Navigation li.About-Us a.Navigation-Tab:focus, 
		#Navigation li.About-Us a.Navigation-Tab:hover { background-position: 0px -38px; }
		
		#Navigation li.Connect:hover a.Navigation-Tab, 
		#Navigation li.Connect a.Navigation-Tab:focus,
		#Navigation li.Connect a.Navigation-Tab:hover { background-position: -122px -38px; }
		
		#Navigation li.Get-Involved:hover a.Navigation-Tab, 
		#Navigation li.Get-Involved a.Navigation-Tab:focus,
		#Navigation li.Get-Involved a.Navigation-Tab:hover { background-position: -244px -38px; }
		
		#Navigation li.Find-Help:hover a.Navigation-Tab, 
		#Navigation li.Find-Help a.Navigation-Tab:focus,
		#Navigation li.Find-Help a.Navigation-Tab:hover { background-position: -386px -38px; }
		
		#Navigation li.Resources:hover a.Navigation-Tab, 
		#Navigation li.Resources a.Navigation-Tab:focus,
		#Navigation li.Resources a.Navigation-Tab:hover { background-position: -508px -38px; }
		
		#Navigation li.Contact-Us:hover a.Navigation-Tab, 
		#Navigation li.Contact-Us a.Navigation-Tab:focus,
		#Navigation li.Contact-Us a.Navigation-Tab:hover { background-position: -630px -38px; }
		
		
		/**************************************
 	 	 3.2.2 Active Navigation Tab / Current Section Tab */
		#Navigation li.About-Us a.Navigation-Tab:active { background-position: 0px -76px; }		 
		#Navigation li.Connect a.Navigation-Tab:active { background-position: -122px -76px; }		
		#Navigation li.Get-Involved a.Navigation-Tab:active { background-position: -244px -76px; }		
		#Navigation li.Find-Help a.Navigation-Tab:active { background-position: -386px -76px; }		
		#Navigation li.Resources a.Navigation-Tab:active { background-position: -508px -76px; }		
		#Navigation li.Contact-Us a.Navigation-Tab:active { background-position: -630px -76px; }
		
		
		/**************************************
 	 	 3.2.3 Drop Down Lists */
		#Navigation li ul { 
			position: absolute;
			width: 210px;
			height: auto;
			background: #33b2bc;
			margin: 0;		padding: 5px 0;
			text-align: left;
			font-size: .9em;
			font-family: Verdana, Tahoma, Arial, sans-serif;
			display: none; }
			
		/* #Navigation li ul li { text-indent: 0em; } */
		
		#Navigation li ul a {
			display: block;
			padding: 4px 10px;
			width: 180px;
			color: #a3dde3;
			background: #2a7c85;
			border-left: solid 5px #33b2bc;			
			border-right: solid 5px #33b2bc; }
			
		#Navigation li ul a:hover { 
			color: #FFF;
			background: #33b2bc; }
		
		#Navigation li:hover ul, #Navigation li.sfhover ul { display: block; }


	/**************************************
 	 3.3 =Side-Navigation */
	 	#Left-Side {
			margin: 10px 10px 0;
			width: 160px;
			float: left; }
			
		#Center-Aligned {
			margin: 10px 50px 0;
			width: 600px;
			float: center; }
			
		#Left-Side ul { margin: 0; } /* Webkit (Chrome & Safari) Glitch Fix */
			
		.Side-Navigation { 
			padding-top: 5px;
			background: url("../img/design/Side-Navigation-Top.gif") no-repeat top center; }
		
		.Side-Navigation li a {
			display: block;
			width: 130px; }			
			
		.Side-Navigation .Up-Level {
			padding: 0 20px 10px 10px;
			background: #4c969c url("../img/design/Side-Navigation-Up-Level.gif") no-repeat bottom center;
			color: #b2d2d4; }
			
		.Side-Navigation .Up-Level:hover { color: #b2d2d4; }
			
		.Side-Navigation .Current-Level {
			padding: 0px 20px 10px 10px;
			background: #72b7bc url("../img/design/Side-Navigation-Current-Level.gif") no-repeat bottom center;
			color: #FFF; }
			
		.Side-Navigation .Current-Level:hover { color: #FFF; }
			
		.Side-Navigation .Sub {
			padding-bottom: 12px;
			font-size: 12px;
			background: #d8ebec url("../img/design/Side-Navigation-Bottom.gif") no-repeat bottom center; }
			
		.Side-Navigation .Sub a { 
			display: block;
			width: 140px;
			min-height: 10px;
			padding: 7px 5px 7px;
			margin: 0 5px;
			color: #4c969c;
			background-color: #d8ebec;
			border-bottom: dotted 1px #72b7bc; }
			
		.Side-Navigation .Sub a:hover { 
			background-color: #e5f2f3;
			color: #72b7bc; }
			
		#Left-Side .Box {
			margin: 20px 0; /* Margin added here due to a WebKit (Chrome / Safari) Glitch */
			padding: 4px 0 0;
			background: #f2ede7 url("../img/design/Left-Side-Box-Top.gif") no-repeat top center; }
			
		#Left-Side h3 {
			display: block;
			margin: 0;
			width: 140px;
			padding: 0px 10px 10px;
			background: #7c736e url("../img/design/Left-Side-Box-Header.gif") no-repeat bottom center;
			color: #FFF;
			font-size: 12px;
			font-weight: bold; }
			
		#Left-Side .Box-Content {
			padding: 0 10px 12px;
			margin: 0;
			background: #f2ede7 url("../img/design/Left-Side-Box-Bottom.gif") no-repeat bottom center;
			text-align: center; }
			
		#Left-Side .Box-Content img {
			display: block;
			margin: 5px auto;
			padding: 1px;
			border: solid 2px #ddd;  }
			
		#Left-Side .Box-Content a:hover img { border: solid 2px #ccc; }
			
		#Left-Side .Minister-Name, #Left-Side .Minister-Name a {
			font-size: 14px;
			color: #372e29;
			text-align: center;
			margin: 0 0 .25em; }
			
		#Left-Side .Minister-Title {
			font-size: 10px; }
			
		#Left-Side .Minister-Phone, #Left-Side .Minister-Email { font-size: 10px; }
		
		#Left-Side .More-Staff {
			display: block;
			width: 116px;
			height: 17px;
			margin: 10px auto 0px;
			padding: 5px 10px 0;
			background: url("../img/design/More-Staff.jpg") no-repeat 0 0;
			text-align: center;
			font-size: 10px;
			color: #60442f; }
			
		#Left-Side .More-Staff:hover {
			background-position: 0 -50px;
			text-decoration: none;
			color: #a6462f; }
			
		#Right-Side {
			width: 680px;
			margin: 5px 10px 0;
			float: right; }
			
			
	/**************************************
 	 3.35 =Side-Navigation */
	 	#Twitter {
			margin: 10px 10px 0;
			width: 160px;
			float: left; }
			
		#twitter_div li {
border-bottom: 1px solid #cccccc;
padding-bottom: 25px;
margin-bottom: 5px;
overflow: hidden;
}

		.twitter_div li a {
			display: inline; }	
			
		#twitter_update_list ul { padding-top: 10px; margin: 0; } /* Webkit (Chrome & Safari) Glitch Fix */
			
		.twitter_update_list li{ 
			padding-top: 25px;}
		
		
			
		#Twitter .Box {
			margin: 20px 0; /* Margin added here due to a WebKit (Chrome / Safari) Glitch */
			padding: 4px 0 0;
			background: #f2ede7 url("../img/design/Left-Side-Box-Top.gif") no-repeat top center; }
			
		#Twitter h3 {
			display: block;
			margin: 0;
			width: 140px;
			padding: 0px 10px 10px;
			background: #7c736e url("../img/design/Left-Side-Box-Header.gif") no-repeat bottom center;
			color: #FFF;
			font-size: 12px;
			font-weight: bold; }
			
		#LTwitter .Box-Content {
			padding: 0 10px 12px;
			margin: 0;
			background: #f2ede7 url("../img/design/Left-Side-Box-Bottom.gif") no-repeat bottom center;
			text-align: center; }
			
		#Twitter .Box-Content img {
			display: block;
			margin: 5px auto;
			padding: 1px;
			border: solid 2px #ddd;  }
			
		#Twitter .Box-Content a:hover img { border: solid 2px #ccc; }
			
		#Twitter-Right-Side {
			width: 680px;
			margin: 5px 10px 0;
			float: right; }

		
	/**************************************
 	 3.4 =Footer */
		#Footer {
			background: #2a2724 url("../img/design/Footer-Background1.jpg") repeat-x top center;
			font-size: .75em;
			height: auto;
			color: #686765;}
			
		#Footer a { color: #6b8a8e; }
			
		#Footer a:hover, #Footer a:active, #Footer a:focus { color: #7fb6ba; }
	
		#Footer-Content {
			width: 860px;
			height: 200px;
			margin: 0 auto;
			padding: 95px 50px 0px;
			background: url("../img/design/Footer-Background2.jpg") no-repeat top center;
			font-size: 1.1em; }
			
		#Fusion-Footer {
			width: 860px;
			height: 200px;
			margin: 0 auto;
			padding: 95px 50px 0px;
			background: url("../img/design/Fusion-Footer.jpg") no-repeat top center;
			font-size: 1.1em; }
			
		#Footer-Content, #Footer-Content p { text-align: left; /* Opera 9.52 Fix */}
			
		#Footer-Navigation h2 { display: none; }		
			
		#Footer-Navigation ul li {
			float: left; 
			width: 120px;
			padding: 0 10px;
			font-weight: bold;
			font-family: Arial, Tahoma, sans-serif;
			text-transform: uppercase; }
			
		#Footer-Navigation ul a {
			display: block;
			width: 115px;
			padding: 0 0 0 5px; }	
			
		#Footer-Navigation ul a:hover, #Footer-Navigation ul a:focus, #Footer-Navigation ul a:active {
			padding-left: 2px;
			border-left: solid 3px #e39836; }	
			
		#Footer-Navigation ul ul li { padding: 0px; }
			
		#Footer-Navigation ul ul li a {
			font-weight: normal;
			text-transform: none; }	
			
		#Footer-Navigation .About-Us, #Footer-Navigation .About-Us a { width: 110px; }
		#Footer-Navigation .Get-Involved, #Footer-Navigation .Get-Involved a { width: 135px; }
		#Footer-Navigation .Find-Help, #Footer-Navigation .Find-Help a { width: 120px; }
			
		#Footer-Navigation .Contact-Us { display: none; }
			
		#Address-And-Misc {
			width: 120px;
			padding: 0 13px;
			float: right;
			font-size: .9em; }

