/* CSS Document */
@import url("layout.css");
@import url("home.css");
@import url("bulletin.css");
@import url("gallery.css");
@import url("contacts.css");
@import url("join.css");
@import url("toptench.css");
@import url("features.css");
@import url("style.css");

/*
#secondary p{ <---CHANGE THIS WHEN UPDATING SPONSOR - LINE 363
 */

/* GENERAL WEBSITE WIDE ITEMS START */
html, body{
	
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

img, form{
	border: 0px;
}

h1{
	background-color: #003200;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 1px 0px 0px 0px;
	padding: 5px;
}

h2{
	margin: 15px 0px 15px 0px;	
	font: bold 0.9em Verdana, Arial, sans-serif;
	line-height: 150%;
	color: #003200;
}

h3{
	margin: 15px 0px 15px 0px;	
	font: bold 0.8em Verdana, Arial, sans-serif;
	line-height: 150%;
	color: #3C6040;
}

h4{	
	margin: 15px 0px 15px 0px;	
	font: bold 0.7em Verdana, Arial, sans-serif;
	line-height: 150%;
	color: #000000;
}

h5{
	margin-top: 10px;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #003200;
}

p, ul{	
	margin: 15px 0px 15px 0px;	
	font: 0.7em Verdana, Arial, sans-serif;
	line-height: 150%;
	color: #000000;	
}

ol{
	margin: 15px 0px 15px 35px;		
	font: 0.7em Verdana, Arial, sans-serif;
	line-height: 150%;
	color: #000000;	
	}


strong{
	color: #003200;
}


a:link, a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003200;	
	text-decoration:underline;			
	margin: 0px;	
}

a:hover, a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003200;	
	text-decoration:none;			
	margin: 0px;	
}

.clearfix{
	clear: both;
}

.rightAlignImage
{
	float: right;
	display: block;
	margin: 15px 0px 0px 10px;
}

.rightAlignImage a{
	
}
.rightAlignImage img
{
	display: block;
	margin-top: 10px;
}

.rightAlignImage p
{
	margin: 0px;
	padding: 0px;
	font-size: 0.6em;
	font-weight: bold;
	color: #003200;
	text-align: center;
	
}

.popUpItem{
	text-align: center;
	margin: 5px;
}



/* GENERAL WEBSITE WIDE ITEMS END */





/* BRANDING START */
#branding ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

		#branding ul li{
			display: block;
			float: left;
			margin: 0px 10px 0px 0px;	
		}	

				#branding ul li.banner{
					padding: 10px 0px 0px 25px;
					
				}

				#branding ul li.brandingLogo2{
					float: right;
				}

/* BRANDING END */




/* MAIN NAV START */

#mainNav a{
	display: block;
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration:none;			
	margin: 0px;
	padding: 6px 9px 8px 9px;
			
}

#mainNav a:hover, #mainNav a:active{
	color: #FFCC00;
	text-decoration: underline;
}


#mainNav ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;	
}

		#mainNav ul li{
			background:url(../menu/mainNavSeperator.gif) no-repeat top right;
			clear:both;
			position:relative;	
			min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
			vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
			float:left;						
			margin: 0px 0px 0px 0px;	
			padding: 0px 0px 0px 0px;
			height: 27px;
		}	
		
			
		
			
		#mainNav ul ul 
		{
			clear:both;
			position:absolute;					
			top:auto;
			display:none;
			padding: 0px;				
			background-color:#3F5D41;
			font-size: 1em;				
			}
		
		#mainNav ul ul li
		{
			
			clear: both;
			width: 180px; /*IMPORTANT - control the border of sub menu items */			
			border-left: solid 1px #67966A;
			
			border-bottom: solid 1px #67966A;
			padding-right: 0px;
		}
		
		#mainNav ul ul ul 
		{
			clear:both;
			top:0;
			left:100%;
			}
		
		div#mainNav li:hover {
			cursor:pointer;
			}
		
						
		div#mainNav li:hover ul ul,
		div#mainNav li li:hover ul ul,				
		div#mainNav li li li:hover ul ul,	
		div#mainNav li li li li:hover ul ul
		{
			display:none;				
			
		}
		
		div#mainNav li:hover ul ul li
		{
			border: none;
			background: none;  /*need to set bg to nothing to fix IE7 bug */
		}
		
		div#mainNav li:hover ul li:hover li /* styling for list item duplicated here to fix IE7 */
		{
			clear: both;
			width: 178px; /*IMPORTANT - control the border of sub menu items */			
			border-left: solid 1px #67966A;
			border-right: solid 1px #67966A;
			border-bottom: solid 1px #67966A;
			padding-right: 0px;		
		}
	
		div#mainNav li:hover ul,		
		div#mainNav li li:hover ul,		
		div#mainNav li li li:hover ul,
		div#mainNav li li li li:hover ul
		{					
			display:block;			
			
		}
		
/* MAIN NAV END */




/* MAIN START */

#mainContent p{
	padding-right: 10px;
}

#mainContent ul.noListStyle
{	
	
	display: block;
	background: none;	
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}

#mainContent ul.noListStyle li a

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003200;
	text-transform: none;
	text-decoration: underline;
}

#mainContent #main ul.noListStyle li a:hover
{
	text-decoration: none;
}


#mainContent #main .item{
	clear: both;
	border-top: dashed 1px #999999;
	width: 680px;
}

#mainContent form p{
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}



/* MAIN END */





/* SECONDARY START */


#secondary h1{	
	background-color: #003200;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

#secondary h2{	
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

#secondary h3{	
	font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}


#secondary p{
	text-align: center;
	margin: 0px;
	padding: 13px 0px 14px 0px; /* VALUE CHANGES PADDING AROUND SPONSOR LOGO ON RIGHT */
}

		#secondary #latestInformation a{
			display: block;
			font: bold 0.7em Arial, Helvetica, sans-serif;
			/*color: #003200;*/
			color:#900;
			margin: 0px;			
			padding: 5px 0px 2px 0px;
			text-decoration: underline;
		}	
		
		#secondary #latestInformation a:hover, #secondary #latestInformation a:active {			
			text-decoration: none;
		}	


/* SECONDARY END */


/* FOOTER START */

#footer #footerElementMiddle ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}

		#footer #footerElementMiddle ul li{
			background: none;			
			display: inline;
			margin: 0px 0px 0px 0px;	
			padding: 4px 0px 0px 0px;			
			
		}	
		
				#footer #footerElementMiddle ul li a{
					font: 0.9em  Arial, Helvetica, sans-serif;
					color: #999999;		
					text-transform: none;			
					text-decoration:none;			
					margin: 0px;
					padding-right: 6px;
				}
				
				#footer #footerElementMiddle ul li a:hover, 
				#footer #footerElementMiddle ul li a:active{						
					text-decoration:underline;			
					
				}
#footer #footerElementMiddle p{
	clear: both;
	display: block;
	font: 0.7em  Arial, Helvetica, sans-serif;
	color: #999999;		
}

/* FOOTER END */