/*This is the core style sheet of the site.*/

body {
background-color: #cadb2a;
color: #ffffff;
font-family: Times, serif;
font-size: 1em;
background-image: url(images/page-bg.gif);
margin: 0;
}

h1 {
font-size: 1.2em;
text-align: left;
font-family: Times, serif;
font-weight: normal;
letter-spacing: 2px;
color: #cadb2a;
}

h2 {
font-size: .9em;
text-decoration: underline;
color: #000000;
}

strong {
color: #cadb2a;
}

p {
font-size: .8em;
text-align: justify;
line-height: 1.7em;
font-weight: light;
}

p.footer {
font-size: .5em;
text-align: center;
font-weight: bold;
}

a:link {
color: #cadb2a;
}

a:visited {
color: #666666;
}

a:hover {
color: #ffffff;
}

a:active {
color: #cadb2a;
}



#content {
position: absolute;
background-color: #003366;
width: 769px;
background-position: absolute;
background-repeat: repeat-y;
background-image: url(images/left_nav.jpg);
}

#header {height: 59px;
background-position: absolute;
background-repeat: no-repeat;
background-image: url(images/top.png);

}

#navbar {
position: absolute;
top: 0px;
left: 0px;
width: 146px;
font-family: Times, serif;
font-size: .8em;
}

#main-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/home.jpg);
background-position: 0px 0px;
}

#bio-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/bio.jpg);
background-position: 0px 0px;
}

#press-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/press.jpg);
background-position: 0px 0px;
}

#rep-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/rep.jpg);
background-position: 0px 0px;
}

#theme-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/themes.jpg);
background-position: 0px 0px;
}

#seas-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/seas.jpg);
background-position: 0px 0px;
}

#rec-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/rec.jpg);
background-position: 0px 0px;
}

#man-text {
background-color: #000000;
margin-left: 146px;
padding-top: 430px;
padding-left: 35px;
padding-bottom: 10px;
padding-right: 35px;
width: 407px;
background-repeat: no-repeat;
background-image: url(images/man.jpg);
background-position: 0px 0px;
}

#player {
position: absolute;
margin-left: 623px;
top: 0px;
left: 0px;
width: 146px;
}

#header p {
font-size: .6em;
}

#rep-text p {
font-size: .8em;
text-align: justify;
line-height: 1.2em;
font-weight: light;
}

#seas-text p {
font-size: .8em;
text-align: justify;
line-height: 1.2em;
font-weight: light;
}

#man-text p {
font-size: .8em;
text-align: justify;
line-height: 1.2em;
font-weight: light;
}

#theme-text p {
font-size: .8em;
text-align: justify;
line-height: 1.2em;
font-weight: light;
}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 146px;
	text-align: left;
	}
	
#navbar ul li {
	position: relative;
	}
	
#navbar li ul {
	position: absolute;
	left: 148px;
	top: 0;
	display: none;
	}
	
#navbar ul li a {
	display: block;
	text-decoration: none;
	color: #cadb2a;
	background: #000000;
	padding: 5px;
	border-bottom: 0;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navbar ul li a:hover { color: #ffffff; background: #cadb2a; } /* Hover Styles */
		
#navbar li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#navbar li:hover ul, li.over ul { display: block; } /* The magic */