/* Page Structure*/

@import url("../css/content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 10px 0;
		padding: 0;
		background-color: darkgreen;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		max-width: 988px;
		min-width: 760px;
		padding: 0 10px;
		margin: 0 auto;
		background: #fff url(../images/generic/container-bg-leftcol.gif) 10px 10px repeat-y; /* background for leftCol */
		}
		
	a {
		color: red;
		}
		
	a:hover {
		color: magenta!important;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		clear: both;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 75px;
		background: #fff url(../images/generic/DazzlingLights.gif) 53% 22px no-repeat;
		}

	.mainLogo {
		position: absolute;
		width: 102px;
		height: 115px;
		margin: 16px 0 0 30px;
		text-indent: -9999px;
		background: url(../images/generic/elf.gif) 0 0 no-repeat;
		z-index: 2;
		}
		
	.searchBar {
		float: right;
		text-align: right;
		margin: 20px 3px 0;
		background: url(../images/elements/searchBar-title.gif) 0 7px no-repeat;
		padding-left: 55px;
		}
		
	.searchText {
		border: 1px solid #9e9e9e;
		font-size: .95em;
		color: #333;
		vertical-align: top;
		margin-top: 2px;
		margin-right: 1px;
		padding: 3px;
		}
		
	.searchButton {
		vertical-align: top;
		}

/* 3 :-------- Main Nav ------------ */


	#mainNav {
		padding: 0;
		margin: 0 0 15px -5px;
		padding-top: 0px;		
		float: left;
		background-color: #fff;
		}
				
	#mainNav ul {
		/*position: absolute;*/
		float: left;
		width: 160px;
		/*height: 286px;*/
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 1;
		}
		
	#mainNav li {
		clear: left;
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}
		
	#mainNav a {
		display: block;
		height: 40px;
		text-indent: -9999px;
		background: 0 0 no-repeat;
		}
		
	#mainNav a:hover {
		background-position: 0 -40px;
		}
		
	#mainNav li.level01On a,
	#mainNav li.level02On a {
		background-position: 0 -80px!important;
		}
		
	#mainNav ul ul {
		display: none;
		}
		
	#mainNav ul li.level01On ul {
		display: block;
		}
		
	#mainNav ul ul {
		background-color: #C7DBEE;
		/*position: static;*/
		width: 159px;
		height: auto;
		padding: 10px 0;
		margin: 1px 0;
		}
		
	#mainNav ul ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		border: 0;
		background: url(../images/generic/mainNav-subBullet.gif) 15px .8em no-repeat;
		}
		
	#mainNav ul ul a {
		display: block;
		height: auto;
		text-indent: 0;
		text-decoration: none;
		color: #043579;
		padding: 7px 0 5px 24px;
		margin: 0;
		}
		
	#mainNav ul ul a:hover {
		font-weight: bold;
		background-position: 0 0!important;
		}
		
	#mainNav ul ul li.level02On a {
		font-weight: bold;
		}
		
/* nav backgrounds */
			
	#mainNav .navHome {background-image: url(../images/buttons/btn_home.gif);}
	#mainNav .nav2007Display {background-image: url(../images/buttons/btn_2007display.gif);}
	#mainNav .navOldDisplays {background-image: url(../images/buttons/btn_olddisplays.gif);}
	#mainNav .navFAQ {background-image: url(../images/buttons/btn_FAQ.gif);}
	#mainNav .navExternalLinks {background-image: url(../images/buttons/btn_externallinks.gif);}
	#mainNav .navMusic {background-image: url(../images/buttons/btn_music.gif);}
	#mainNav .navTechInfo {background-image: url(../images/buttons/btn_techinfo.gif);}
	#mainNav .navWhatsNew {background-image: url(../images/buttons/btn_whatsnew.gif);}
	#mainNav .navVisiting {background-image: url(../images/buttons/btn_visiting.gif);}
	#mainNav .navWhat {background-image: url(../images/buttons/btn_whatwedo.gif);}
	#mainNav .navGet {background-image: url(../images/buttons/btn_getinvolved.gif);}
	#mainNav .navMemberships {background-image: url(../images/buttons/btn_memberships.gif);}
	#mainNav .navTraining {background-image: url(../images/buttons/btn_training.gif);}
	#mainNav .navCommunications {background-image: url(../images/buttons/btn_communications.gif);}
	#mainNav .navContact {background-image: url(../images/buttons/btn_contactus.gif);}
						
	
/* 4 :-------- Content ------------ */
	
	.leftCol {
		clear: left;
		float: left;
		padding: 0 5px 15px;
		width: 150px;
		}
	
	.rightCol {
		float: right;
		padding: 17px 0;
		width: 214px;
		}
	
	#content {
		padding: 00px 0 15px;
		margin-left: 180px; /* adjust to leftCol width */
		margin-right: 20px; /* adjust to rightCol width */
		}
	

/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		clear: both;
		padding: 5px 15px;
		background-color: darkgreen;
		font-size: .95em;
		color: #fff;
		}
	
	.footer ul {
		float: right;
		margin: 0;
		padding: 0;
		}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.footer a {
		padding: 2px 5px;
		color: #fff;
		text-decoration: none;
		}
		
	.footer a:hover {
		color: #6CA7F5!important;
		}
		
	.Email {
		background-color: #fff;
		font-size: .95em;
		padding: 11px 14px;
		color: #5484C5;
		}
		
	.Email a {
		color: #5484C5;
		text-decoration: none;
		}