
/* Clearing margin and padding from
 * all components
 */
* {
	
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

img {
	border:0;
}


body {
	background: #e1e1a1 
		url(img/bg.gif)
		repeat fixed center;
	text-align:center;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #663300;
}

div#mainContainer {
	width:780px;
	background-color:transparent;
	background-image:url(img/main_background.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	margin:0 auto;
	text-align:center;
	min-height:100%;
}


div#topMenus{
	float:right;
	width:100%;
	background-image:url(img/menu_background.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	height:39px;
}


ul#mainMenu {
	float:right;
	list-style:none;
	text-transform:uppercase;
	font-size: 85%;
	font-weight:bold;
	margin: 0px 0 1px;
	letter-spacing:2px;
	width:550px;
}

ul#mainMenu li {
	float:right;
	width:125px;
	text-align:left;
	padding:10px 0 1px;
	overflow:hidden;
}

ul#mainMenu li.movedUp{
	padding-top:3px;
	border-bottom: 1px solid #b0b060;
}

	ul#mainMenu a, ul.mainSubMenu a {
		text-decoration:none;
	}

	ul#mainMenu li a:link, 
	ul#mainMenu li a:visited,
	ul#mainMenu li a:active {
		color: #552200;
		outline:none;
	}
	
	ul#mainMenu li a:hover {
		color:#885522;
	}
	
	ul.mainSubMenuHidden{
		display:none;
	}

	ul#mainSubMenu {
		float:right;
		width:515px;
		list-style:none;
		position:relative;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:lowercase;
		font-size: 85%;
		display:block;
		letter-spacing:1px;
	}
	
	ul#mainSubMenu li {
		float:left;
		padding: 0 7px 0 15px;
	}
	
	ul#mainSubMenu li a:link,
	ul#mainSubMenu li a:visited,
	ul#mainSubMenu li a:active {
		outline:none;
		color:#885544;
		text-decoration:none;
	}
	
	ul#mainSubMenu li a:hover {
		color: #AA8877;
	}


ul.buttonMenu {
	float:left;
	list-style:none;
	width:200px;
	margin-top:-2px;
	padding-left:20px;
}

ul#buttonMenuUpCompensate {
	margin-top:-22px;
}

	ul.buttonMenu li {
		float:left;
		height:24px;
		padding-left:5px;
		padding-right:5px;
	}
	
	ul.buttonMenu a {
		outline:none;
	}
	

div#mainClearingBox {
	width:100%;
	clear:both;
	height: 60px;
}


div#mainFooter {
	width:765px;
	height:25px;
	margin: -45px auto 0;
	color:#d8d880;
}

	div#mainFooter a:link,
	div#mainFooter a:visited,
	div#mainFooter a:active {
		color: #d8d880;
		text-decoration:none;
	}
	
	div#mainFooter a:hover {
		color:white;
	}

	div#mainFooter p.leftAligned {
		float:left;
		text-align:left;
	}
	
	div#mainFooter p.rightAligned {
		float:right;
		text-align:right;
	}

div.generalClearingBox{
	height:1px;
	overflow:hidden;
	clear:both;
}

div#mainContent{
	width:756px;
	margin: 10px auto 0;
	text-align:left;
}

div#mainContent h1 {
	font-size:80%;
	color:white;
	margin:0 0 5px 0px;
	display:block;
	text-transform:uppercase;
	border-bottom:1px solid #8d4c2e;
}

div#mainContent h1 span{
	background-color: #8d4c2e;
	padding: 2px 1em 0px 5em;
}

	div#mainContent h1.move{
		margin-top:2.5em;
	}

div#mainContent h2 {
	font-size:110%;
	margin:0;
	padding:0;
}


div#mainContent p {
	margin: 0 0 1em;
}

div#mainContent p a:link,
div#mainContent p a:active,
div#mainContent p a:visited {
	color:#716907;
	text-decoration: none;
}

div#mainContent p a:hover {
	color:#ACAC3C;
}


div#mainContent ul#pageResources {
	margin:0;
	list-style:none;
}

div#mainContent ul#pageResources li {
	margin:0;
	padding:0;
}

div#mainContent ul#pageResources a:link,
div#mainContent ul#pageResources a:visited,
div#mainContent ul#pageResources a:active {
	color: #716907;
	text-decoration: none;
}

div#mainContent ul#pageResources a:hover {
	color:#ACAC3C;
}

div#mainContent blockquote{
	margin:1em 2em;
	background-color:#e5e5a5;
	padding:1em;
	border-top:1px dashed #c1c181;
	border-bottom:1px dashed #c1c181;
}



div#mainContent p.imageContainer {
	background-color: #F7F6E5;
	float:right;
	overflow:hidden;
	margin-left:10px;
	margin-top:10px;
	clear:right;
	text-align:center;
}

div#mainContent p.imageContainer img {
	margin: 6px;
	border:1px solid #EFE7E2;
	display:block;
}

div#mainContent p.imageContainer span {
	font-size:70%;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	display:block;
}


div#mainContent div.generalImages {
	text-align:center;
	float:left;
}

div#mainContent div.generalImages p.imageContainer {
	float:left;
}


div#flashBannerContainer {
	height:250px;
	background-image: url('img/ebenezer_header.jpg');
	background-repeat:no-repeat;
	display:block;
}

