/* 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:180px;
top:150px;
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:40px;
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;
}