@charset "UTF-8";
/* CSS Document */

#navbar {
	position: absolute;
	top: 225px;
	left: 0px;
	width: 1100px;
	height: 20px;
	font-family: 'Raleway', sans-serif;
	color: #ffffff;
	background-color:;
	border: none;
	z-index: 80;
}


#navbar ul 
{
list-style-type:none;
margin:0;
padding:0;

}

#navbar li
{
float:left;
position:relative;
}

#navbar a:link,a:visited

{
display:block;
width:80px;
font-family: 'Raleway', sans-serif;
font-size:8pt;
color:#ffffff;
background-color:none;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:inherit;

}
#navbar a:hover,a:active
{
	background-color:none;
color:;
	text-decoration:underline;
	font-size: 10pt;
}

#navbar li a
{color:#ffffff; text-decoration:none;}

#navbar li a:hover
{text-decoration:none;
font-size: 10pt;
color:#ffffff;}

#navbar li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
top:20px;
color:#ffffff;
}

#navbar li:hover ul
{
display:block;
width:100px;
}

#navbar li li
{
list-style:none;
display:list-item;
}

#navbar li li a
{color:#ffffff; text-decoration:none;}

#navbar li li a:hover
{text-decoration:none;}

/* section below keeps button lit up no matter what page you are on for user navigation  */
/*NOTE    almost have to modify the html menu list and body tag so this works  **  look at html  body id="home" do for all pages etc */

body#title a#titlenav,
body#men a#mennav,
body#women a#womennav,
body#writers a#writersnav, 
body#screenplays a#screenplaysnav,
body#books a#booksnav,
body#services a#servicesnav,
body#staff a#staffnav,
body#contact a#contactnav,
body#resources a#resourcesnav, 


{font-size:12pt; color:#fffff; text-decoration:underline;}