body {
 font-family: "verdana","sans-serif";
 color: purple;
 background: white;
 margin-left: 20px;
 margin-right: 20px;
 padding: 0;
}
a:link {
 color: purple;
}
a:visited {
 color: maroon;
}
a:hover {
 color: #f0bc4d;
 background: purple;
}


#header {
 width: 100%;
 background: #f0bc4d;
 color: purple;
}
#header h1 {
 font-family: "times new roman","times", "serif";
 font-size: 24pt;
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 5%;
 vertical-align: middle;
}
#header p {
 color: olive;
 font-style: italic;
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 5%;
 vertical-align: middle;
}

#leftbox{
 float: left;
 vertical-align: middle;
}

#rightbox{
 float: right;
 vertical-align: middle;
}

#navbar {
 width: 150px;
 float: left;
 border: 0px;
 margin:0px;
 padding: 0px;
}
#navbar div.bubble {
 border: 2px solid #f0bc4d;
 margin: 4px;
 margin-top: 10px;
}
#navbar div.active_bubble {
 border: 2px solid purple;
 margin: 4px;
 margin-top: 10px;
}
#navbar h2 {
 font-family: "times new roman","times", "serif";
 width: 100%;
 font-size: 16pt;
 background: #f0bc4d;
 color: purple;
 padding: 0;
 margin: 0;
}
#navbar p {
 margin-left: 3px;
 margin-right: 3px;
 margin-top: 3px;
 margin-bottom: 3px;
 padding: 0;
 font-size: 12pt;
}


#content h2 {
 font-family: "times new roman","times", "serif";
 background: #f0bc4d;
 color: purple;
 font-size: 20pt;
 margin-top: 20px;
 margin-bottom: 12px;
 clear:right;
}
#content h3 {
 font-family: "times new roman","times", "serif";
 color: purple ;
 font-size: 16pt;
 margin-top: 0;
 margin-bottom: 12px;
 clear:right;
}
#content P {
 margin-top: 0;
 margin-bottom: 12px;
 margin-right: 12px;
}
#content hr {
 background-color: #f0bc4d;
 color:  #f0bc4d;
 margin-right: 12px;
}
#content dt {
 font-weight: bold;
 margin-right: 12px;
}

#content dd {
 margin-left: 0px;
 margin-bottom: 12px;
 margin-right: 12px;
}
#content dd em {
 margin-left: 15px;
 margin-right: 12px;
}
#content img{
 float: right;
 margin-top: 15px;
 margin-right: 12px;
}
#content p {
 clear: right;
 margin-right: 12px;
}
ul {
 margin-top: 0px;
 padding-top: 0px;
}
li {
 margin-right: 12px;
}
li.movie {
 list-style-image: url(/images/movie_icon.gif);
 padding-bottom: 12px;
 clear: right;
}
li.newmovie {
 list-style-image: url(/images/digicon.gif);
 padding-bottom: 12px;
 clear: right;
}
li.book {
 list-style-image: url(/images/bookicon.gif);
 padding-bottom: 12px;
 clear: right;
}
li.play {
 list-style-image: url(/images/theatreicon.jpg);
 padding-bottom: 12px;
 clear: right;
}
.indent {
 margin-left: 10px;
 margin-bottom: 0px;
 margin-right: 12px;
} 

#footer {
 clear: both;
 width: 100%;
 background: #f0bc4d;
 color: purple;
 margin-bottom: 12px;
}
#footer a {
 margin-left: 20px;
}

#legend {
 margin-left: 20px;
 margin-right: 20px;
 font-size: 10px;
}
#menu {
 padding: 0px;
 margin-top:0px;
 margin-right: 0px;
 margin-left: 0px;
 spacing: 0;
 list-style: none;
 text-align: left;
}

#menu ul {
 list-style: none;
 margin-left: 0px;
 margin-right: auto;
 padding: 0;
 margin: 0;
}

#menu li {
 padding: 0;
 spacing: 0;
 margin: 0;
 width: 25%;
 float: left;
 position: relative;
 background-color: #f0bc4d;
 color: purple;
 font-size: 18px;
}

#menu li.sub {
 width: 100%;
 text-align:left;
}

#menu li ul {
 position: absolute;
 display: none;
 padding: 0;
 margin: 0;
}

#menu ul li {
 list-style: none;
 float: none;
 border: 1px solid purple;
 background-color: #f0bc4d;
 margin: 0;
 padding: 0;
}

#menu li > ul {
 top: auto;
 left: auto;
}

#menu li:hover ul {
 display: block;
}

#menu A:link,#menu A:visited {
 display: block;
 color: purple;
 padding: 1px;
}