body {font-family: verdana; font-size: .8em; margin: 0px; padding: 0px;}
table#main {}
td {vertical-align: top;}
td {padding: 2px 20px 5px 3px;}
td.title {width: 100px; font-size: .7em; padding: 3px 3px 3px 10px;}
ul {list-style: none; margin: 0px; padding: 0px;}
li {margin-bottom: 5px;}

table#heading {height: 98px; border-collapse: collapse; margin: 0px; padding: 0px; border: 0px; }
table#heading td {padding: 0px; margin: 0px}
table#heading td.categories {text-align: right;}
.cats {border-left: solid 1px #808080; }


form#quicksearch {position: absolute; right: 0px; top: 0px; margin: 2px; padding: 0px; vertical-align: top;}
form#quicksearch input {vertical-align: top; font-family: verdana, arial, sans-serif; font-size: .8em; padding: 1px; margin-left: 3px; border: solid 1px #808080;}
form#quicksearch label {background: url('../web_images/searchbg f.jpg') bottom right black; font-size: .8em; color: white; padding: 2px 2px 4px 4px;}


h2 {font-family: arial; font-size: 1.2em;}

h4 {font-size: 1em; margin-left: 10px;}

a:link {color: black; text-decoration: underline;}
a:visited {color: #686868; text-decoration: underline;}
a:hover {color: white; background-color: black; }

div#content { padding: 0px; margin: 0px; margin-right: 200px; padding-bottom:30px; margin-top: 0px; border-top: solid 1px white;}
div#content h3 {padding: 0px 0px 0px 10px;}

.arc-content {background: url('../web_images/arcline.gif') top right repeat-y white;}
.art-content {background: url('../web_images/artline.gif') top right repeat-y white;}
.film-content {background: url('../web_images/filmline.gif') top right repeat-y white;}
.lit-content {background: url('../web_images/litline.gif') top right repeat-y white;}
.theater-content {background: url('../web_images/theaterline.gif') top right repeat-y white;}


.arc-content td.title {border-top: solid 1px #669B53;}
.art-content td.title {border-top: solid 1px #FA9200;}
.film-content td.title {border-top: solid 1px #5088CE;}
.lit-content td.title {border-top: solid 1px #895B9E;}
.theater-content td.title {border-top: solid 1px #B55D63;}


div#contentSearch { border-top: solid 1px white; padding: 20px; padding-left: 15px; margin: 0px; padding-top: 0px; }


/* Style Advances Search forms */
div#contentSearch form{margin-left: 10px; padding-left: 10px; border-left: solid 4px #808080; margin-bottom: 30px;}

div#banner {height: 98px; background: url('../web_images/headbg.gif') bottom left repeat-x; min-width: 600px;}

div#banner img {border: none;}

img#head {margin: 27px 10px 0px 10px;}
div#sections {position: absolute; top:0px; right: 0px; margin-left: 215px; width: 485px;}


div#seealso {width: 173px; float: right; margin: 7px; padding-top: 0px;}
div#seealso ul {margin-top: 5px; width: 173px; text-align: left;}
div#seealso li {background-color: #BEBEBE; font-size: .8em; padding: 3px 3px 4px 12px; text-align: left;}
div#sections img {padding: 0px; margin: 0px;}

div.arcnav { background: url('../web_images/arcbg.gif'); padding: 3px 10px 4px 5px; font-size: .75em; color: white; margin: 0px; }
div.arcnav a:link {color: white; text-decoration: none;}
div.arcnav a:visited {color: white; text-decoration: none;}
div.arcnav a:hover {color: white; text-decoration: underline;}

div.artnav { background: url('../web_images/artbg.gif'); padding: 3px 10px 4px 5px; font-size: .75em; color: white; margin: 0px; }
div.artnav a:link {color: white; text-decoration: none;}
div.artnav a:visited {color: white; text-decoration: none;}
div.artnav a:hover {color: white; text-decoration: underline;}

div.filmnav { background: url('../web_images/filmbg.gif'); padding: 3px 10px 4px 5px; font-size: .75em; color: white; margin: 0px; }
div.filmnav a:link {color: white; text-decoration: none;}
div.filmnav a:visited {color: white; text-decoration: none;}
div.filmnav a:hover {color: white; text-decoration: underline;}

div.litnav { background: url('../web_images/litbg.gif'); padding: 3px 10px 4px 5px; font-size: .75em; color: white; margin: 0px; }
div.litnav a:link {color: white; text-decoration: none;}
div.litnav a:visited {color: white; text-decoration: none;}
div.litnav a:hover {color: white; text-decoration: underline;}

div.theaternav { background: url('../web_images/theaterbg.gif'); padding: 3px 10px 4px 5px; font-size: .75em; color: white; margin: 0px; }
div.theaternav a:link {color: white; text-decoration: none;}
div.theaternav a:visited {color: white; text-decoration: none;}
div.theaternav a:hover {color: white; text-decoration: underline;}

div.searchnav { background: url('../web_images/searchbg.gif'); padding: 3px 10px 4px 5px; font-size: .75em; color: white; margin: 0px; }
div.searchnav a:link {color: white; text-decoration: none;}
div.searchnav a:visited {color: white; text-decoration: none;}
div.searchnav a:hover {color: white; text-decoration: underline;}



li.art {background: url('../web_images/relatedbgsart.gif') top right;}
li.film {background: url('../web_images/relatedbgsfilm.gif') top right;}
li.arc {background: url('../web_images/relatedbgsarc.gif') top right;}
li.lit {background: url('../web_images/relatedbgslit.gif') top right;}
li.theater {background: url('../web_images/relatedbgstheater.gif') top right;}
div#footer {border: solid 1px #BBBBBB; border-width: 1px 0px 1px 0px; clear: both; }
div#closing {border-right: solid 1px #BBBBBB; margin: 0px; margin-right: 200px; padding: 0px; height: 100px; font-size: .7em; padding-left: 5px; background: #EFEFEF;}
div#closing p {padding: 5px; margin: 0px;} 


/* Style the links at the bottom of the page */
p.related {font-size: .8em; margin: 40px 5px 5px 15px; padding: 0px;}
a.art {color: black; text-decoration: none; border-bottom: solid 2px; border-color: #5088CE;} a:hover.art {color: white;}
a.film {color: black; text-decoration: none; border-bottom: solid 2px; border-color: #FA9200;} a:hover.film {color: white;}
a.arc {color: black; text-decoration: none; border-bottom: solid 2px; border-color: #669B53;} a:hover.arc {color: white;}
a.lit {color: black; text-decoration: none; border-bottom: solid 2px; border-color: #895B9E;} a:hover.lit {color: white;}
a.theater {color: black; text-decoration: none; border-bottom: solid 2px; border-color: #B55D63;} a:hover.theater {color: white;}

div#contentSearch ul {font-size: .9em; margin-left: 10px; padding: 0px 10px 0px 10px; margin-bottom: 10px;}
div#contentSearch li {padding-left: 10px; padding-bottom: 2px;}

/*links to all in search results */
li.showMore {margin-left: 90px; margin-top: 20px;}

/* Set the background of the search results to match the record category */
ul.arcResults {background: url('../web_images/arcline2.gif') top left repeat-y;}
ul.artResults {background: url('../web_images/artline2.gif') top left repeat-y;}
ul.filmResults {background: url('../web_images/filmline2.gif') top left repeat-y;}
ul.theaterResults {background: url('../web_images/theaterline2.gif') top left repeat-y;}
ul.litResults {background: url('../web_images/litline2.gif') top left repeat-y;}


p.searchApp {margin-left: auto; margin-right: auto; margin-top: 30px; font-size: .8em; text-align: center;}
p.searchApp big {font-size: 1.2em; font-weight: bold;}


#frontpage p {padding: 10px; text-indent: 1em; margin: 0px;}
p.no-indent {text-indent:0px; }
img.preview {vertical-align: middle; border: solid 1px black; margin: 0px; margin-right: 10px;}

img.fullImage {border: solid 4px #BBBBBB}

/*Film Clip page */


div#contentClip { border-top: solid 1px white; padding: 20px; padding-left: 15px; margin: 0px; padding-top: 0px; width: 680px;}
div#clip {width: 360px; text-align: center; padding-top: 20px; padding-bottom: 30px; float: left;}
p.quicktime {font-size: .7em; background-color: #E3E3E3; padding: 5px; text-align: left;}
div#clipdetails {width: 300px; padding-top: 20px; padding-left: 20px; float: left;}
div#clipdetails h4 {margin-left: 0px; margin: 0px;}
div#clipdetails p {margin: 0px; padding-bottom: 10px;}