/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:  12px;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #3d291c;
}

/* container stylez */
.oneColFixCtr #container {
	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #homeContainer {
	text-align:center;
}

.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.oneColFixCtr #menu {
	text-align: right; /* this overrides the text-align: center on the body element. */
	padding: 5px;
}

.oneColFixCtr #darkContainer {
	width: 700px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
}

/* text stylez */	
.lightText  {
	color: #fcefb5;
}

.lightItalText  {
	color: #fcefb5;
	font-style:italic;
}

.ital  {
	font-style:italic;
}

.subHead  {
	font-weight:bold;
	}

/* heading stylez */		
.mayan  {
	font-size: 13px;
	font-weight:  bold;
	color: #ebb03e;
	font-style: normal;
}

.mint  {
	font-size: 13px;
	font-weight:bold;
	color: #52a244;
}

.chiccan  {
	font-size: 13px;
	font-weight:bold;
	color: #d16429;
}

h1 {
	font-size:  16px;
	margin:  0;
	}

	
h2 {
	font-size:  13px;
	margin:  0;
	}
	
h3 {
	font-size:  16px;
	margin:  0;
	color:  #fcefb5;
	}
	
h4 {
	font-size:  22px;
	margin:  0;
	color:  #52a244;
	font: Geneva, Arial, Helvetica, sans-serif;
	}

/* image stylez */	

.imageStyle{
	border: 0px;
	padding: 5px;
	}
	
/* text links stylez */	


a, a:visited{
	color: #3B0100;
	text-decoration: none;
	}

a:hover {
	color:  #643E1B;
	}
	
.lightText a, .lightText a:link, .lightText a:visited, .lightText a:active {
	color: #fcefb5;  /*light colour */
	font-size:12px;
	}	
	
.lightText a:hover {
	color:  #faf6e1;  /*white */
	font-size:12px;
	}
	
.greenLink a, .greenLink a:link, .greenLink a:visited, .greenLink a:active {
	color: #52a244;  /*green */
	font-size:12px;
	}	
	
.greenLink a:hover {
	color: #35b382;  /* light green */
	font-size:12px;
	}
/* navigation stylez */	

.activePage {
	color: #ce672c;  /*chocolate colour */
	text-decoration:  none;
	font-size:  12px;
	font-weight:  bold;
}

.nav a, .nav a:link, .nav a:visited, .nav a:active {
	color: #3B0100;  /*chocolate colour */
	text-decoration: underline;
	font-size:12px;
	}	
	
.nav a:hover {
	color:  #247d32;  /*green */
	}
	
.lightNav a, .lightNav a:link, .lightNav a:visited, .lightNav a:active {
	color: #fee096;  /*light colour */
	font-size:12px;
	}	
	
.lightNav a:hover {
	color: #FFFFCC;  /*lighter colour */
	font-size:12px;
	}

.activePageLight{
	color: #fee096;  /*light colour */
	font-size:  12px;
	font-weight:  600;
}