/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: May 2008
CONTACT: heidi@soundwebsolutions.net

NOTES: horizontal navigation
****************************/
.skip { /* accessibility: provides option to skip navigation */
display:none;
}
.layerAbove { /* so IE renders the dropdown menus correctly */
z-index:10;
}


#navigation {
background-color:#000033; /*DARK PURPLE*/
width:100%;
font-family:Helvetica, Arial;
position:relative;
float:right;
z-index:5;

}
#navigation h3 {
font-family:Helvetica, Arial;
color:#ffffff;
font-weight:normal;
padding:3px 0px 10px 0px;
/*float:right;*/
}
#navigation .layerAbove h3 {
padding-top:10px;
padding-bottom:3px;
}

#navigation ul {
float:right;
width:600px;
width:45em;
width:37em;
width:42em;
padding:0px 0px;
}
#navigation li {
letter-spacing:.1em;
list-style:none;
float:right;
position:relative;  /*THIS CREATES A PARENT CONTAINING BLOCK FOR THE DROP-DOWN LIST ITEMS*/
margin-left:15px;
}

#navigation a {
text-decoration:none;
color:#ffffff;
font-size:1.1em;
padding:0px 10px 0 20px;

}

/*#navigation h3:hover, #navigation a:active, #navigation li:hover {*/
#navigation li:hover {
background-color:#7C2F38; /*dark pink*/
}

/*******************2nd LEVEL****************/
#navigation ul ul {
font-size:.8em;
width:auto;
min-width:14em;
min-width:20em;
position:relative;
position:absolute; /*BUT WITHIN ITS PARENT ELEMENT (the last element w/position, <html> by default*/
top:34px;
top:1.7em;
top:2.2em;
top:100%;
left:-6em;
left:0px;
background-color:#7C2F38; /*dark pink*/
background-color:#3B5064; /*gray blue*/
}
#navigation ul ul li {
clear:both;
height:2em;
float:left;
width:20em;
margin-left:0;
padding-right:0;
padding-top:6px;
}
#navigation ul .long li {
width:27em;
width:23em;
}
#navigation ul ul a {
float:left;
color:#ffffff;
/*width:14em;*/
width:92%;
width:90%;
padding-top:5px;
padding-bottom:5px;
}
#navigation ul ul a:hover {
}


/*#navigation ul ul li:hover, #navigation ul ul a:hover {*/
#navigation ul ul li:hover{
background-color:#E5A1A9; /*light pink*/
background-color:#669999; /*sea green*/
color:#000000;
}

div#navigation ul ul, div#navigation ul li:hover ul ul { /*SEPARATE FOR VISUAL EASE*/
display:none;
}
div#navigation ul li:hover ul, div#menu ul ul li:hover ul {
display:block;
}


/*********************** SECONDARY NAVIGATION, 1ST LEVEL ***************/
#secondaryNav {
padding-top:20px;
/*float:left;
`top:150px;*/
position:absolute;
float:left;
top:162px;
top:230px;
left:10px;
left:1px;
left:0px;
height:auto;
width:36%;
width:27%;
}


#secondaryNav ul {
z-index:10;
width:inherit;
width:auto;
margin-left:14px;
margin-left:0;
}
#secondaryNav a{
padding:8px 20px 8px 29px;
text-align:left;
/*width:8em;*/
width:auto;
color:#ffffff;
text-decoration:none;	
display:block;
}
#secondaryNav h3 {
font-weight:normal;
font-family:Helvetica, Arial;
font-size:1.2em;
letter-spacing:.1em;
margin:0;
}
#secondaryNav .bold a {
}
#secondaryNav a:hover, #secondaryNav a:active {
border:1px solid #E5A1A9; /*light pink*/
border:1px solid white;
padding:7px 19px 7px 28px; /* to offset the border*/
/*background-image:url(../images/backgroundTransparent.jpg);*/
}
#secondaryNav li {
list-style:none;
clear:right;
width:100%;
height:100%;
}
#secondaryNav li img.FaceBook {
width:30px;
margin-left:inherit;
margin-top:inherit;
border:none;
}
#secondaryNav img {
position:relative;
margin:0; /* to counteract previous margin settings */
margin-left:2px;
top:1px;
margin-top:30px;
/*width:216px;*/
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
#secondaryNav #FeaturedSponsors img {
	width:175px;
}
#secondaryNav #FeaturedSponsors h4 {
	margin-top:29px;
	margin-left:29px;
}
#secondaryNav #FeaturedSponsors img {
	margin:0;
}
#secondaryNav #FeaturedSponsors a {
padding:0px 20px 8px 29px;
}
#secondaryNav #FeaturedSponsors a:hover, #secondaryNav #FeaturedSponsors a:active {
	border:none;
padding:0px 20px 8px 29px;
}

#secondaryNav .Donations {
	margin-bottom:30px;
	margin-top:40px;
	margin-left:20px;
}

#secondaryNav .Donations a{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #acb322) );
	background:-moz-linear-gradient( center top, #ededed 5%, #acb322 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#acb322');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#0a070a;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 40px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}#secondaryNav .Donations a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #acb322), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #acb322 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#acb322', endColorstr='#ededed');
	background-color:#acb322;
}#secondaryNav .Donations a:active {
	position:relative;
	top:1px;
}