@charset "utf-8";


body {
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../_assets/Graphics/bg-tile.jpg);
	background-repeat: repeat-x;
	background-color: #F5F4BF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #F5F5F1;
}


div#outer {
	width: 950px;
	margin: 0px auto;
}


#outer a:link {
	text-decoration: none;
	color: #F5F4BF;
}

#outer a:visited {
	text-decoration: none;
	color: #F5F4BF;
}
#outer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #F5F4BF;
	color: #FEFEB4;
}

#outer a:active {
	text-decoration: none;
	color: #F5F4BF;
}



div#topMenu {
	float: left;
	width: 950px;
	height: 25px;
	font-size: 0.8em;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px;
	text-align: right;
}

div#topSpacer {
	float: left;
	width: 950px;
	height: 5px;
	padding: 0px;
}
div#header {
	float: left;
	width: 950px;
	height: 290px;
	padding: 0px;
	border: 1px none #000;
	background: #4B5715 url(../_assets/Graphics/bg-header-tile.jpg);
}

div#stageTabs {
	float: left;
	width: 950px;
	height: 32;
	padding: 0px;
}


/* the following is to remove border around image links - in IE and MF */

#stageTabs a:link {
	text-decoration: none;
}

#stageTabs a:visited {
	text-decoration: none;
}

#stageTabs a:hover {
	text-decoration: none;
	border-bottom: 0px ;
	outline: none;
}

#stageTabs a:active {
	text-decoration: none;
}

/* -------------------------- */

div#stageMenu {
	float: left;
	width: 935px;
	height: 25px;
	font-size: 1em;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 15px 0px 0px;
	text-align: right;
}

#stageMenu p {
	margin: 0 0 1em 0;
	text-align:right;
}

#stageMenu a:link { color: #F5F4BF; }
#stageMenu a:visited { color: #F5F4BF; }
#stageMenu a:hover {
	border-bottom: 1px dotted #C8945B;
	color: #C8945B;
}
#stageMenu a:active { color: #F5F4BF; }


div#stage {
	float: left;
	width: 950px;
	padding: 0px;
}

div#stageGallery {
	float: left;
	width: 206px;
	padding: 7px 15px 15px;
}

div#stageGallery img {
	border: 2px solid #57651D;
	margin: 0px 0px 25px;
	padding: 0px;
}

/* This eliminated underlining of anchor images */
#outer #stage #stageGallery a {
	border-bottom: 0px none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}



div#stageContent {
	float: left;
	width: 680px;
	padding: 2px 19px 15px 15px;
	font-size: .9em;
	min-height: 600px;
}

div#stageContent h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #F5F4BF;
}


div#stageContent p {
	margin: 0 0 1em 0;
	text-align: justify;
}

div#stageContent ul {
	font-size: 1.1em;
	font-weight: normal;
	color: #F5F4BF;
	line-height: 1.5em;
}


div#contactForm {
	font-size: 3em;
	color: #57641D;
	font-family: Arial, Helvetica, sans-serif;
}

div#footer {
	float: left;
	width: 950px;
	height: 150px;
	padding: 60px 0px 0px;
	background: url(../_assets/Graphics/footer.png) no-repeat;
	font-size: 0.8em;
	color: #25221D;
	line-height: .3em;
}

#footer a:link { color: #25221D; }
#footer a:visited { color: #25221D; }
#footer a:hover {	
	border-bottom: 1px dotted #56641D;
	color: #900;}
#footer a:active { color: #25221D; }

#footerLPane {
	text-align: left;
	float: left;
	width: 485px;
	padding-left: 15px;
}

#footerRPane {
	text-align: right;
	float: left;
	width: 435px;
	padding-right: 15px;
}

img {
	border: 0px;
	text-align: center;
}

img.a { 
	border: 0px;
	outline: none;
}


p {
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em 0;
}

h5 {
	font-size: .7em;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.offWhite { color: #F5F4BF; 
}

.Orange { color: #CC6633; 
}

.tabSpacer { margin-right: 2px; }

.center { 
	text-align: center;
	margin: 0px auto;
}


/* 

to use the .blue class selector, use as follows: 

 <p class="blue">  or <h1 class="blue">   

*/