@charset "utf-8";
/* CSS Document */

#main_nav a:link, #main_footer a:link { color: #FFFFCC; }
#main_nav a:visited, #main_footer a:visited { color: #FFFFCC;}
#main_nav a:hover, #main_footer a:hover  { color: orange;}
#main_nav a:active, #main_footer a:active { color: red;}

header, section, footer, nav, aside, article, figure, figcaption, hgroup {
  display: block;
}

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%; /* so i can use percentages for height in children */
}

a, img {
	border: none; /* IE puts borders around images used in links */
}

li {
	list-style-position: inside;
}

body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
	background-color: #FFFFCC;	
}

#main_header {
	width: 100%;
	max-height: 29%;
	border-top: 4px solid #009933;
	overflow: hidden;
}

#main_nav {
	height: 35px;
	width: 100%;	
	padding-top: 8px;		
	border-top : 4px solid #009933;
	border-bottom: 4px solid #009933;
	background-color: #666666;
	text-align: center;	
}

#main_nav li {
	display: inline-block;
	padding-left: 2%;
	padding-right: 2%;
	color: #FFFFCC;		
	list-style: none;
}

#main_nav li a {
	text-decoration: none;
	outline: none;
}

#newspagenav #main_nav li.newspage,
#aboutpagenav #main_nav li.aboutpage, 
#docspagenav #main_nav li.docspage, 
#picspagenav #main_nav li.picspage,
#calendarpagenav #main_nav li.calendarpage,
#loginpagenav #main_nav li.loginpage,
#memberspagenav #main_nav li.memberspage,
#referralspagenav #main_nav li.referralspage,
#adminpagenav #main_nav li.adminpage
{
	position: relative;
	top: 0px;
	background-color: #FFFFCC;
	background-clip: border-box;
	border-top: 4px solid #009933;
	border-left: 4px solid #009933;
	border-right: 4px solid #009933;
	border-bottom: 5px solid #FFFFCC;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	
}
	
#newspagenav #main_nav li.newspage a,
#aboutpagenav #main_nav li.aboutpage a, 
#docspagenav #main_nav li.docspage a, 
#picspagenav #main_nav li.picspage a,
#calendarpagenav #main_nav li.calendarpage a,
#loginpagenav #main_nav li.loginpage a,
#memberspagenav #main_nav li.memberspage a,
#referralspagenav #main_nav li.referralspage a,
#adminpagenav #main_nav li.adminpage a
{
 	color: #666666;
}

#main_section {
	display: inline-block;
	width: 71%;
	min-height: 47%;
	max-height: 100%;
	padding: 1%;
}

#admin_main_section {
	display: inline-block;
	width: 71%;
	height: 98%;
	padding: 1%;
}

#main_section_wide {
	width: 98%;
	height: 98%;
	padding: 1%;
}

#adminmenu {
	display: inline-block;	
	width: 23%;
	padding: 1%;
	vertical-align: top;	
}

#main_aside {
	display: inline-block;
	width: 23%;
	padding: 1%;
	vertical-align: top;
}

#help_main_section, #help_main_aside {
	width: 45%;
	height: 58%;
	padding: 2%;
	float: left;
	vertical-align: top;	
}

#help_main_section li, #help_main_aside li {
	text-indent: -12px;
	margin-left: 24px;
}

#main_footer {
	display: inline-block;		
	width: 100%;
	color: #FFFFFF;	
	background-color: #009933;
	border-bottom: 4px solid #009933;
}

#main_footer li {
	list-style-type: none;	
}

#main_footer a {
	text-decoration: none;
	outline: none;
}

iframe {
	display: block;	
	width: 98%;
	height: 98%;
	padding: 1%;
}

.graybar {
	width: 100%;
	height: 15px;
	border-top : 4px solid #009933;
	background-color: #666666;
}

.message {
	color: red;
}

label {
	display: inline-block; 
	width: 150px;	
	text-align: left;
}

@font-face {
	font-family: "Custom Font 1";
	src: url(../fonts/Copperplate-Gothic-Bold-Regular.ttf) format("truetype");
}

@font-face {
	font-family: "Custom Font 2";
	src: url(../fonts/Mistral.TTF) format("truetype");
}

.customfont1 { 
    font-family: "Custom Font 1", Verdana, Tahoma, sans-serif;
	font-size: 36px;
}

.customfont2 { 
    font-family: "Custom Font 2", Verdana, Tahoma, sans-serif;
	font-size: 36px;
}

.customfont3 { 
    font-family: "mistralregular", "Custom Font 2", Verdana, Tahoma, sans-serif;
	/*font-size: 24px;*/
	font-size: x-large;
	font-weight: normal;
}

.boldblack {
	color: #000000;
	font-size: larger;
	font-weight: bold;
}

#bottomLeft {
	display: inline-block;
	min-width: 31%;
	min-height: 98%;	
	padding: 1%;
	background-color: inherit;	
}

#bottomCenter {
	display: inline-block;
	min-width: 31%;
	min-height: 98%;	
	padding: 1%;
	text-align: center;
	background-color: inherit;	
}

#bottomRight {
	display: inline-block;
	min-width: 31%;
	min-height: 98%;	
	padding: 1%;
	text-align: right;
	background-color: inherit;	
}
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }