/*  based on andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . */
/*    Free to use for any purpose as long as the proper credits are given to the original author. */
/*    Version: 1.3 (Nov 28, 2005) */
/* Form css added Apr 14, 2007 - based on CSS Mastery by Andy Budd */
/*    Screen layout: */

body{
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(bg.gif) top center repeat-y;
color:#303030;
}

#wrap{
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
}

#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}

#header h1{
width:250px;
margin:0 0 10px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:0 0 10px 0;
border:0;
}

#avmenu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#avmenu ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}	
	
#avmenu li a:hover{
background:#eaeaea;
color:#8a4685;
border-left:4px solid #513c7c;
}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

.specialannounce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#fff;
background-color:#000;
line-height:1.3em;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
margin:0 130px 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#specialcontent{
margin:0 0 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
background: #000;
}

#specialcontent h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#specialcontent h1 {color: #FFF; background: rgb(17%, 9%, 34%);
  font: bold 200%/1em Arial, Verdana, sans-serif;
  padding: 1em 1em 0.5em 0.5em; margin: 0;
  border: 1px solid rgb(2%, 2%, 22%);
  border-width: 2px 0;}

#specialcontent img{
padding:1px;
display:inline;
background:#000000;
color:#303030;
border:4px solid #f0f0f0;
}

#specialcontent #nav {margin: 0; padding: 0;}

#specialcontent #nav li {list-style: none; float: left;
  margin-left: 1px; padding-left: 16px;
  font-size: 10px; line-height: 20px; white-space: nowrap;
  background: #BBB url(tabs2-big.gif) 0 100% no-repeat;}
  
#specialcontent #nav a {display: block; float: left; padding: 0 16px 0 0;
  text-decoration: none; font-weight: bold;
  background: #DDD url(tabs2-big.gif) 100% 100% no-repeat;
  color: #a8a8a8;
  width: .1em;}
html>body #specialcontent #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#specialcontent #nav a {float: none;}            /* End IE5-Mac hack */
#specialcontent #nav a:hover {color: rgb(62%,35%,22%);}
#specialcontent #nav #current, #specialcontent #nav #current a {color: #FDB; 
  background-image: url(tabs2-big-ct.gif);}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
font-weight:bold;
color:#8a4685;
}

a:hover{
text-decoration:underline;
color:#8a4685;
}

a img{
border:0;
}

.eventitem
{
  margin:5px auto;
	padding: 0 24px 0 34px;
  margin: 5px 0 0 0;
	border: solid 1px #000;
	background: #f4f4f4
}

.specialeventitem
{
  margin:5px auto;
	padding: 0 24px 0 34px;
  margin: 5px 0 0 0;
	border: solid 1px #000;
	background: #95DC8C
}

#specialeventpage
{
  margin:5px auto;
	padding: 0 24px 0 34px;
  margin: 5px 0 0 0;
	border: solid 1px #000;
	background: #000000;
	color: #FFFFFF
}

#specialeventpage h3{
font-size:1.3em;
margin:5px 0 -5px 0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

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

.right{
margin:10px 0 5px 10px;
float:right;
}

.rightnoborder{
margin:10px 0 5px 10px;
float:right;
border: 0;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

form {
	width: 435px;
}


/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
	background-color:#F5F5F5
}

/* legend styling */
legend {
	font-weight: bold;
}

/* style for  labels */
label {
	display: block;
}

/* style for required labels */
.required {
	font-size: 0.83em;
	color:#760000;
}

input {
  width: 300px;
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}

input.radio {
  float: left;
	margin-right: 1em;
}

textarea {
	width: 300px;
	height: 100px;
}
.cdtrack{
line-height:18px;
text-align:left;
padding-bottom: 3px;
}

.title {
  padding-left: 120px;
  min-height: 120px;
  background-image: url(http://images.apple.com/downloads/images/essentials_quicktime20070611.png);
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}