/* 
Title:		Bethel main CSS stylesheet for screen media.
Author:		Fabrice Million
Email:		fabrice@madeinspace.com.au
Website:	www.madeinspace.com.au
*/

body {
	color: #4E3328;
	margin: 0;
	padding: 0;
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	background: #8f1711;
	}

/** html  body {
	font-size: 12px;
}*/

#wrapper {
	background: url(../images/bg_header2.jpg) repeat-x white;
	margin: 0;
	padding: 0;
	}

#maincontainer {
	width: 600px;
	text-align: left;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 55px;


/*border: 1px solid #FF66FF;*/
	}

#header {
	height: 173px;
	width: 600px;
	border-width: 1px;
	}

#header h2 {
	width: 245px;
	height: 165px;
	position: relative;
	margin: 0;
	padding-top: 8px;
	padding-left: 0px;
	}

#header h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/header_logo2.png);
	background-repeat: no-repeat;
	padding-left: 0;
	}

/**********************************************Headings***********************************************/

#home #container h2 {
	color: #A78010;
	width: 548px;
	height: 25px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#home #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_home.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

#about #container h2 {
	color: #A78010;
	width: 99px;
	height: 19px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#about #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_about.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

#facilities #container h2 {
	color: #A78010;
	width: 98px;
	height: 19px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#facilities #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_facilities.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

#gallery #container h2 {
	color: #A78010;
	width: 83px;
	height: 25px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#gallery #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_gallery.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

#application #container h2 {
	color: #A78010;
	width: 173px;
	height: 25px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#application #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_application.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

/*#moreInfo #container h2 {
	color: #A78010;
	width: 179px;
	height: 19px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
}

#moreInfo #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_moreInfo.gif);
	background-repeat: no-repeat;
	padding-left: 0;
}
*/

#fees #container h2 {
	color: #A78010;
	width: 179px;
	height: 19px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#fees #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_fees.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

#contact #container h2 {
	color: #A78010;
	width: 115px;
	height: 19px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#contact #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_contact.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

#faq #container h2 {
	color: #A78010;
	width: 280px;
	height: 24px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#faq #container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/heading_faq.gif);
	background-repeat: no-repeat;
	padding-left: 0;
	}

/**********************************************End Headings***********************************************/

#nav {
	position: relative;
	margin: 0;
	list-style: none;
	width: 100%;


/*background: #c5c2a3;
	color: #776B5D;*/
	padding: 0 0 0 55px;
	border-bottom-color: navy;
	top: 0px;
	}

#nav li {
	float: left;
	}

#nav a {
	display: block;
	background: none repeat-y left top;
	text-decoration: none;
	color: #776B5D;
	position: relative;
	top: 30px;
	margin-right: 1em;
	margin-left: 1em;
	}

#nav a:hover {
	color: #4E3328;
	}

#home #nav .home, 
#about #nav .about, 
#facilities #nav .facilities, 
#gallery #nav .gallery,
#application #nav .application, 
#moreInfo #nav .moreInfo,
#fees #nav .fees,
#contact #nav .contact, 
#faq #nav .faq {
	background: url(../images/nav_hover2.gif) repeat-x;
	background-position: right top;
	}

#home #nav .home a, 
#about #nav .about a, 
#facilities #nav .facilities a, 
#gallery #nav .gallery a, 
#application #nav .application a, 
#moreInfo #nav .moreInfo a, 

#fees #nav .fees a,
#contact #nav .contact a,
#faq #nav .faq a {
	color: #8C1915;
	cursor: default;
	}

#container {
	margin-top: 120px;
	padding-bottom: 25px;
	padding-left: 55px;
	width: 100%;
	}

#container img {
	padding-top: 20px;
	padding-bottom: 20px;
	}

#ornament img {
	float: right;
	margin-left: 70px;
	border: 1px solid #a97f00;
	margin-bottom: 50px;
	padding: 3px;
	display: inline;
	}

#footer {
	background: url(../images/bg_footer.png) repeat-x top #8f1712;
	height: 237px;
	

/*width: 100%;*/
	clear: both;
	font-size: 80%;
	color: #C6BA85;
	text-align: center;
	}

#container h2 {
	color: #A78010;
	width: 191px;
	height: 19px;
	position: relative;
	font-size: medium;
	padding-bottom: 40px;
	}

#container h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../images/Heading_home.png);
	background-repeat: no-repeat;
	}

#container h3 {
	font-size: 100%;
	padding-bottom: 10px;
	padding-top: 35px;
	}

#container ul {
	margin-top: 20px;
	margin-bottom: 20px;
	}

#container a {
	color: #CC6600;
	text-decoration: underline;
	}

#container a:hover {
	color: #A78010;
	text-decoration: underline;
	}

#faqList {
	padding-bottom: 30px;
	padding-top: 30px;
	}

#faqList li {
	list-style-type: none;
	list-style-image: url(../images/bullet_faq.gif);
	}

#faqList li a {
	text-decoration: none;
	color: #4E3328;
	cursor: default;
	}

#faqList li a:hover {
	text-decoration: underline;
	color: #A78010;
	}

.backToTop {
	cursor: default;
	float: right;
	}

.centered {
	text-align: center;
	}

#credit_footer {
	width: 600px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;


/*border: 1px solid #33FF00;*/
	}

#footer ul {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	}

* html #footer ul {
	padding-left: 0px;
	}

#footer ul li {
	float: left;
	padding-right: 5px;
	list-style: none;
	}

.code_valid a {
	text-decoration: none;
	color: #C6BA85;
	padding-right: 12px;
	}

.code_valid a:hover {
	background: url(../images/icon_check.gif) no-repeat right;
	text-decoration: none;
	color: #EFB613;
	}

.credit {
	margin-right: 10px;
	}

.credit a {
	text-decoration: none;
	color: #C6BA85;
	}

.credit a:hover {
	color: #EFB613;
	}

/*Popoup tips*/

#previewimageid {
	font-size: 0.75em;
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	height: 0;
	z-index: 200;
	text-align: left;
	}

h4 {
	font-size: 100%;
	}

#previewimageid p {
	margin: 0;
	color: #6D3328;
	}