/*----------------------MAIN CONTENT------------------------
---------------------------------------------------------*/

* {	
	margin: 0;
	padding: 0;
}
html{
	margin: 0;
	padding: 0;
}
body
{
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;
	margin: 20px 0;
	font: 76% Arial, Verdana, sans-serif;
	/*font: 76% "trebuchet MS", Tahoma, Arial, Verdana, sans-serif;*/
}
h1 
{
	font-size: 100%; 
	text-transform:uppercase; 
	text-align:center; 
	letter-spacing: .6em;
	color: #ccc;
	font-weight: normal;
}
h2{
	font-size: 110%;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
	color: #666;
	padding: 10px 0;
	letter-spacing: 0.1em;
	/*text-decoration: underline;*/
	text-decoration: none;
	/*background-color: #EFEFEF;*/
	/*border-bottom: 1px dashed #ccc;*/
}
h3 
{
	font-size: 97%;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 0.1em;
	font-weight: normal;
	padding-bottom: 5px;
	color: #7D6A28;
	/*color: #7D6A28;*/
	/*#620000;*/
	margin-top: 10px;
}
a:link 
{
	color:black; 
	text-decoration: none;
}
a:visited {
	color:black; 
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:active {
	color:black; 
	text-decoration: none;
}
ul 
{
	list-style-type: none;
}
p{
	font-size: 100%;
	padding-bottom: 10px;
}

/*-------------HIDDEN TEXT--------------
----------------------------------------*/
h1 span{
	display: none;
}
/*---------------PAGE DIVS---------------
----------------------------------------*/
#container
{
	position: relative;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	/*#2C2C2C */
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;/**/
	background-image: url(../images/header05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color: #cccccc;*/
}
#header
{
	position: absolute;
	top: 0;
	height: 104px;
	width: 550px;
	margin-left: 220px;
	background-image: url(../images/mainName.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mainContent {
	margin-left: 170px;
	margin-top: 114px;
	/*margin-top 10+header height now absolute 104*/
	/*was 624 but extra pixel needed for IE on mac*/
	width: 600px; 
	/*background-color: #666666;*/
}
#content{
	margin-left: 25px;
	background-color: #FFFFFF;
	border: 1px solid #666;
	padding: 10px 20px;
}
#navigation {
	position: absolute;
	left: 0;
	top: 180px;
	/*150*/
	width: 110px;
	padding: 20px 10px 0 30px;
	font-size: 100%;
	letter-spacing: .1em;
	/*background-color: #666;*/
}
#footerMain{
	width: 770px;
	margin: 0 auto;
	text-align: center;	
}
#footer{
	text-align: center;
	/*same as mainContent + content marginLeft*/
	margin-left: 195px;
	/*background-color: #666;*/
	color: #8A8A8A;
	font-size: 88%;
}
/*-----------------------------*/
.main a{
	font-weight: bold;
	color: #666;
}
.main a:active, .main a:hover{
	text-decoration: underline;
}
#footer a{
	color: #8A8A8A; 
	text-decoration: none;
}
/*-----------------------------------------------*/
.enter{
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 105%;
	color: #6D6B61;
	letter-spacing: 0;
	/*font-size: 105%;
	color: #57554D; - grey
	color: #7D6A28;
	letter-spacing: 0.1em;*/
}
.enter a{
		font-weight: bold;
		color: #6D6B61;
		/*color: #7D6A28;*/
}
.enter a:active, .enter a:hover {
	text-decoration: underline;
}
/*---------------NAVIGATION--------------*/
/*ISSUES: for some reason won't allow top padding*/
#navigation ul {
	padding: 10px 0 10px 0;
}
#navigation li {
	padding-bottom: 4px;
}
#navigation a:link, #navigation a:visited {
	color: #666666;
}

#navigation a:hover, #navigation .active a{
	text-decoration: underline;
}
/*---------------FOOTER-----------------*/
#footer li {
	display:inline;
}
/*---------------CLEAR FIX---------------
----------------------------------------*/
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/*---------END CLEAR FIX-----------
----------------------------------*/