/* CSS Document */

body {	height: 100%;
	margin: 0px;
	background-color: #d5c4b6;
	background-image: url('images/lines.gif');
	background-repeat: repeat-x; }
	
p.addy {
	text-indent:0;
	font: 10pt/14pt "Arial", "Helvetica";
	color: #CCCCCC; }
	
p.addy2 {
	text-indent:0;
	text-align: right;
	font: 8pt/10pt "Arial", "Helvetica";
	color: black; }
	
p.showlist {
	font: italic 200 8pt/10pt "Arial", "Helvetica";
	color: #990000;
}
	
* div { position: absolute; }

* td {
	color: black;
	text-align: center;
	font-family: Geneva, Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt; }
	
div#lines {
	left: 31px;
	top: 0px;
	width: 725px;
	height: 100%;
	background-image: url('images/bottomlines.gif');
	background-repeat: repeat-y;}
	
div#top { 
	width: 726px;
	left: 30px; }	

div#topnav {
	left: 30px;
	top: 86px;
	height: 30px;
	width: 726px;
	background-image: url('images/top_nav.gif');
	background-repeat: no-repeat;}
	
div#topspacer {
	left: 30px;
	top: 116px;
	height: 25px;
	width: 726px;
	background-image: url('images/hspacer_top.gif');
	background-repeat: no-repeat; }
	
div#topspacer p {
	margin: 5px 144px 0 0;
	color: white;
	text-align: right;
	font-family: Geneva, Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	line-height: 12pt; }	
	
div#textbackground {
	left: 30px;
	top: 141px;
	height: 439px;
	width: 582px;
	background-image: url('images/textbox.gif');
	background-repeat: no-repeat; }
	
div#title {
	float: left;
	position: relative;
	top: 0px; }
	
div#clear { 
	position: relative;
	clear: both;}
	
div#textholder {
	position: relative;
	left: 0px;
	width: 582px;
	height: 400px;}
	
div#textholder p {
	margin: 10px 15px 15px 30px;
	color: #666;
	text-align: justify;
	font-family: Geneva, Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	line-height: 12pt; }
	
div#textholder-index {
	overflow: auto;
	position: relative;
	left: 0px;
	width: 582px;
	height: 400px;}
	
div#textholder-sched {
	position: relative;
	left: 0px;
	width: 582px;
	height: 438px;
	overflow: auto; }
	
div#textholder-index p {
	margin: 10px 15px 15px 30px;
	color: #666;
	text-indent: -10px;
	text-align: justify;
	font-family: Geneva, Arial, Tahoma, Sans-Serif;
	font-size: 9pt;
	line-height: 12pt; }
	
div#midspacer {
	left: 612px;
	top: 141px;
	height: 439px;
	width: 14px;
	background-image: url('images/vspacer_mid.gif');
	background-repeat: no-repeat; }
	
div#gallerylist {
	left: 626px;
	top: 141px;
	height: 439px;
	width: 116px;
	background-image: url(images/showhist.gif);
	background-repeat: no-repeat;
	font: italic 200 10pt/10pt "Arial", "Helvetica";
	color: #990000;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	}
	
div#newsletters {
	left: 626px;
	top: 141px;
	height: 439px;
	width: 116px;
	text-indent: 20px;
	text-align: justify;
	background-image: url('images/newsletters.gif');
	background-repeat: no-repeat; }
	
div#newsletters ul {
	font-family: Geneva, Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0; }
	
div#newsletters ul li { padding: 10px 0 0 0}

div#rightspacer {
	left: 742px;
	top: 141px;
	height: 439px;
	width: 14px;
	background-image: url('images/vspacer_right.gif');
	background-repeat: no-repeat; }
	
div#bottomnav {
	left: 30px;
	top: 580px;
	height: 32px;
	width: 726px;
	background-image: url('images/bottom_nav.gif');
	background-repeat: no-repeat; }
	
/* Link Decoration */
a:link {
	text-decoration:underline;
	color:#CC0000; }
a:visited {
	text-decoration:underline;
	color:#990000; }
a:hover {
	text-decoration:underline;
	color:#FF0000; }
a:active {
	text-decoration:underline;
	color:#FF0000; }
	
/* Link Decoration for jaduke home*/
div#topspacer p a:link {
	text-decoration:none;
	color:white; }
div#topspacer p a:visited {
	text-decoration:none;
	color:white; }
div#topspacer p a:hover {
	text-decoration:none;
	color:#FFFFCC; }
div#topspacer p a:active {
	text-decoration:none;
	color:#FFFFCC; }

/* Top Nav Buttons */
div#schedule {
	left: 13px;
	width: 158px; }
div#workshops {
	left: 206px;
	width: 157px; }
div#classes {
	left: 399px;
	width: 63px; }
div#staff {
	left: 493px;
	width: 51px; }
div#home {
	right: 0px;
	width: 62px; }
	
/* Bottom Nav Buttons */
div#dance {
	left: 0px;
	width: 87px; }
div#acting {
	left: 87px;
	width: 99px; }
div#vocal {
	left: 186px;
	width: 87px; }
div#register {
	left: 273px;
	width: 111px; }
div#gallery {
	right: 14px;
	width: 116px; }

/* Gallery Layout */

div#picturebox {
	position: absolute;
	left: 117px;
	top: 194px;
	width: 409px;
	height: 273px;
	}
	
div#thumbsbox {
	position: absolute;
	left: 32px;
	top: 491px;
	height: 88px;
	width: 580px;
	}
	
div#arrows {
	position: absolute;
	left: 32px;
	top: 491px;
	height: 88px;
	width: 580px;
	}
	
div#arrow_left {
	position: relative;
	left: 5px;
	top: 25px;
	height: 38px;
	width: 41px;
	clear: both;
	z-index: 1;
	}
	
div#arrow_right {
	position: relative;
	left: 542px;
	top: -13px;
	height: 36px;
	width: 41px;
	clear: both;
	z-index: 1;
	}
	
a img { border:none }