/***************************************
**	Global
****************************************/
body {
	background: #02457c url("/design/images/bgs/bg-navy.jpg") repeat-x top left;
	margin-top: 0px;
	font-family: "Trebuchet MS", Verdana, Geneva;
	font-size: 100%;
	margin: 0px;
	text-align: center;
}
a {
	color: #cb1172;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	background-color: transparent;
	text-decoration: underline;
}
a:visited {
	background-color: transparent;
}
h1 {
	padding-top: 0px;
	font-size: 1.5em;
	color: #8d0e4f;
}
p {
	padding: 0px 10px 5px 10px;
}

/***************************************
**	Site Structure
****************************************/
#wrap {
	position: relative;
	width: 830px;
	margin: 0px auto;
	text-align: left;
	z-index: 25;
}
#container {
	background-color: #d8edfe;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 25;
}
#content {
	background-color: #d8edfe;
	z-index: 25;
	font-size:.85em;
	padding: 15px;
}

/***************************************
**	Navigation Menu
****************************************/
#navWrap {
	*margin-top: -5px;
	height: 40px;
	*height: 42px;
	width: 830px;
	background-color: #00447b;
}
#nav{
	background-color: #00447b;
    display: inline; /* IE6 double margin float bug hack */
    float: left;
    list-style: none;
}
#nav li{
   float: left;
   margin-right: 3px;
   font-size: .8em;
}

#nav li:hover,
#nav li.sfhover{
   padding-left: 9px;
   background: url(http://fwcchoir.org/images/bg_nav_li_hover.gif) no-repeat;
   cursor: pointer;
}

#nav li a{
   display: block;
   padding: 7px 12px 17px;
   color: #FFF;
   text-decoration: none;
   outline: 0;
}

#nav li:hover a,
#nav li.sfhover a{
   padding-left: 3px;
   background: url(http://fwcchoir.org/images/bg_nav_li_a_hover.gif) no-repeat right top;
}

#nav li ul{
   *margin-top: -2px;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px;
   margin-left: -9px;
   list-style: none;
   line-height: 1;
}
#nav li ul li a {
	margin-left: -40px;
	*margin-left: 0px;
}
#nav li:hover li,
#nav li.sfhover li{
   padding: 0;
   background: none;
   font-size: 1em;
}

#nav li ul ul{
   margin: -27px 0 0 150px;
   border-top: 0;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li:hover li a,
#nav li.sfhover li a{
   width: 170px;
   *width: 130px;
   padding: 7px 13px 8px 7px;
   border-top: 1px solid #23333A;
   background: #00447b;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   padding-top: 8px;
   border: 0;
   color: #00447b;
   background: #d8eefe;
}
#nav, #nav * {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/***************************************
**	Other Styles
****************************************/
#musicalNotesBG {
	/*border-top: 70px solid #00447b;*/
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 1;
	width: 158px;
	height: 781px;
	background: url('/images/TrebleClef.png') no-repeat top left;
	_background: transparent;
}
#gallery {
	position: relative;
	width: 830px;
	height: 275px;
	overflow: hidden;
}
#gallery img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#logo {
	width: 400px;
}
#footer-bg {
	width: 830px;
	font-size: 70%;
	margin-top: 0px;
	margin-bottom: 10px;
	height: 20px;
	text-align: center;
	background: url(../images/bottom-bg.gif) no-repeat center bottom;
}
#footer {
	width: 830px;
	float: left;
	font-size: .7em;
	color: #00447b;
	margin-bottom: 20px;
	text-align: center;
}
#footer a {
	color: #00447b;
}
.jqueryFileTree a:hover {
	z-index: 1000;
	background: #000;
}
#songTitles {
	padding-top: 5px;
	float: right;
	font-size: 12px;
	width: 480px;
}
#albumArt {
	text-align: center;
	width: 300px;
	float: left;
}
#songTitles ul {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
#songTitles li {
	list-style-type: none;
	padding-left: 25px;
}
#songTitles li.playable {
	padding-left: 0px;
}
#songTitles li.playable a {
	padding-left: 25px;
	background: url('images/music.png') no-repeat center left;
}