html, body
{
padding: 0;
margin: 0;
background: #000 url(/departments/a&s/dram/assets/main_bg.jpg) repeat-x;
color: #e2e2e2;
}

a
{
color:#FFD304;
text-decoration:none;
}
a:hover
{
color:#FFD304;
text-decoration:underline;
}

.faculty
{
	background-image: url(/departments/a&s/dram/assets/bg_fac.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.request
{
	background-image: url(/departments/a&s/dram/assets/bg_request.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.season
{
	background-image: url(/departments/a&s/dram/assets/bg_season.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.design
{
	background-image: url(/departments/a&s/dram/assets/bg_design.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.photos
{
	background-image: url(/departments/a&s/dram/assets/bg_photos.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.dnotes
{
	background-image: url(/departments/a&s/dram/assets/bg_dnotes.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.contact
{
	background-image: url(/departments/a&s/dram/assets/bg_contact.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.finaid
{
	background-image: url(/departments/a&s/dram/assets/bg_finaid.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.tickets
{
	background-image: url(/departments/a&s/dram/assets/bg_tickets.jpg);
	background-repeat: no-repeat;
	width: 772px;
}


.awards
{
	background-image: url(/departments/a&s/dram/assets/bg_awards.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.alumni
{
	background-image: url(/departments/a&s/dram/assets/bg_alumni.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.quotes
{
	background-image: url(/departments/a&s/dram/assets/bg_quotes.jpg);
	background-repeat: no-repeat;
	width: 772px;
}



.workshop
{
	background-image: url(/departments/a&s/dram/assets/bg_class.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.venues
{
	background-image: url(/departments/a&s/dram/assets/bg_venues.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.rick3
{
	background-image: url(/departments/a&s/dram/assets/bg_rich3.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.guests
{
	background-image: url(/departments/a&s/dram/assets/bg_guests.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.manseason
{
	background-image: url(/departments/a&s/dram/assets/bg_manseason.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.medea
{
	background-image: url(/departments/a&s/dram/assets/bg_medea.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.crip
{
	background-image: url(/departments/a&s/dram/assets/bg_cripple.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.quake
{
	background-image: url(/departments/a&s/dram/assets/bg_quake.jpg);
	background-repeat: no-repeat;
	width: 772px;
}

.captionl 
{ 
font-family: Georgia,'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
text-align: center; 
float: left;
padding: 10px;
margin: 8px;
border: 1px solid #ccc;
}
.captionl img
{
	margin: 5px;
}

.captionr 
{ 
font-family: Georgia, 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
text-align: center; 
float: right;
padding: 10px;
margin: 8px;
border: 1px solid #ccc;
}

.captionr img
{
	margin: 5px;
}

.captionc
{ 
font-family: Georgia, 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
text-align: center;
padding: 10px;
margin: 8px;
border: 1px solid #ccc;
}

.captionc img
{
	margin: 5px;
}


.menu
{
	width: 10%;
	vertical-align: top;
}

.text
{
	width: 90%;
	vertical-align: top;
	padding-left: 10px;
}

.holder
{
	padding-top: 125px;
}
.content
{
	width: 100%;
}

.content h1
{
	font-family: Georgia, Arial, Verdana, Tahoma serif;
	font-size: 18px;
	color: #CEE0F7;
}

.content h2
{
	font-family: 'Trebuchet MS', Arial, Verdana, Tahoma serif;
	font-size: 16px;
	line-height: 16px;
	color: #FFD304;
}

.content .credits
{
	font-family:  Verdana, Arial,Tahoma serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
	margin-right: 4px;
	color: #FFD304;
}

.content .date
{
	font-family:  Tahoma, Verdana, Arial, serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #FFaaaa;
}

.content .quote
{
	font-family:  Tahoma, Verdana, Arial, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #696969;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
	margin-right: 4px;
	text-align: right;
}

.content h3
{
	font-family:  Arial, Verdana, Tahoma serif;
	font-size: 14px;
	color: #D1CDFF;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

.content h4
{
	font-family: Tahoma, Arial,  Tahoma serif;
	font-size: 12px;
}

.content a img {
padding:4px;
border:1px solid #696969;
background:#000;
margin: 10px;
}


.links
{
   padding-top: 310px;
	vertical-align: top;
}

.page
{
	vertical-align: top;
	padding-top: 270px;
	font-family: Georgia, "Times New Roman", Verdana,Geneva, Arial, Helvetica, serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.vline
{
	width:4px;
	background-image: url(assets/v_sep.gif);
	background-repeat: repeat-y;
}

td.footer
{
	background: #0D4270;
}

td.footlinks
{
padding-left: 30px;
vertical-align: middle;
background: #0D4270;
font: normal 11px Tahoma, Verdana, Geneva, Arial, Helvetica, serif;
}

div.copy
{
margin-top: 10px;
color: #000;
}

a.backlink
{
	font: bold 11px Verdana,Geneva, Arial, Helvetica, serif;
	color: #86A1B8;
	text-decoration: none;
}

a.backlink:hover
{
	font: bold 11px Verdana,Geneva, Arial, Helvetica, serif;
	color: #ffffff;
	text-decoration: none;
}

.shifted
{
padding: 15px 10px 10px 10px;
float:left;
}

.shifted ul
{
list-style: none;
padding:0 0 0 10px;
}

.shifted h3
{
font: bold 14px Arial, Verdana, Tahoma serif;
color: #D1CDFF;
}

.shifted h3 a
{
font: bold 14px Arial, Verdana, Tahoma serif;
color: #D1CDFF;
}

.seps
{ 
background: url(/departments/a&s/dram/assets/h_dots.gif) repeat-x 0 0;
height:1px;
clear:both;
}

#spaced ul
{
 margin: 15px;
}

#spaced li
{
	margin: 10px;
}

blockquote
{
font:normal 14px Georgia, "Times New Roman", serif; 
font-style:italic;
float:left;
clear:both;
margin-bottom:20px;
}

blockquote span
{
text-align:right;
font:normal 11px Verdana,Tahoma,Arial,serif; 
display:block;
float:right;
}


.production {
clear:both;
background: url(/departments/a&s/dram/assets/h_dots.gif) repeat-x 0 100%;
padding:0 0 1px 0;
}

.production h1 {
font-family: 'Trebuchet MS', Arial, Verdana, Tahoma serif;
font-size:20px;
letter-spacing:-1px;
color:orange;
font-weight:normal;
font-style:italic;
margin:5px 0;
padding:0;
line-height:20px;
}

.production img {
float:left;
margin:5px 10px 10px 0;
}

.production cite {
font-style:normal;
font-size:14px;
color:#ffd304;
line-height:14px;
display:block;
}

.production ul {
margin:10px 0;
padding:0;
list-style:none;
font-size:16px;
line-height:16px;
color:orange;
}