/****************************************/
/*            PAGE Sub Menu             */
/****************************************/

.submenu {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

/****************************************/
/*              PAGE Main               */
/****************************************/

body {
	padding-top: 16px;
}

#page {
	margin: 0 auto;       /* this centers wrapper */
	position:relative;
	width:977px;
}

#logo {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 230px;
	height: 83px;
	float: left;
}

#top_tabs {
	margin: 0px 19px 0px 0px;
	padding: 0px;
	float: right;
	height: 30px;
}

#top_tabs li {
	list-style: none;
	float: left;
	text-indent: -9999px;
	width: 146px;
	height: 30px;
	overflow: hidden;
	margin-left: 7px;
	display: inline;
}

#top_tabs li a {
	display: block;
	height: 30px;
}

#top_tabs li a:hover {
	background-position: 0px -30px;
}

#tab_calendar a {
	background-image: url('../images/tab_calendar_2012.png');
}

#tab_ticket_info a {
	background-image: url('../images/tab_ticket_info.gif');
}

#tab_buy_tickets a {
	background-image: url('../images/tab_buy_tickets.gif');
}
#wrapper {
	margin-top: 46px;
	width: 943px;	
	background-color: #FFFFFF;
	padding: 14px;
	border: 3px solid #000000;
	clear: right;
}

#header {
	height: 111px;
	background-image: url('../images/header_bg.jpg');
	background-repeat: no-repeat;
	vertical-align: top;
}

.imrcmain0 {
	clear: right;
	margin: 0px 0px 0px 180px;
}

#header_slideshow {
	margin: 0px;
	padding: 0px;
	height: 320px;
	background-color: #000000;
}

ul.slideshow {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}

ul.slideshow li {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/****************************************/
/*                TEXT                 */
/****************************************/

p, td {
        font: 12px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 12px;
}

ul, ol {
        font: 12px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 20px;
}


li {
	margin-bottom: 5px;
}


.small {
        font: 11px/15px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 12px;
}

.page_title {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.section_title {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
}

#video_title {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top:-20px;
	margin-bottom:5px;
}


.smalltext {
        font: 11px/15px Arial, Helvetica, sans-serif;
	color: #000000;
}


.red_title {
        font: 16px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
}

.red_title a:link, .red_title a:visited{
	color: #990000;
	text-decoration:none;
}

.red_title a:hover{
	color: #990000;
	text-decoration:underline;
}


.cap_red_title {
        font: 14px/16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	text-transform:uppercase;
	margin: 0 0 8px 0;
	
}
.photo_credit {
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #999999;
	font-style: italic;
}

.copyright {
	font: 10px/12px Arial, Helvetica, sans-serif;
	color: #CAB8B5;
}

/****************************************/
/*                COLORS                */
/****************************************/

.red {
	color: #990000;
}
.darkred {
	color: #4F140B
}
.gray {
	color: #666;
}

/****************************************/
/*                HEADERS                 */
/****************************************/

h1{
    font: bold  19px/24px Arial, Helvetica, sans-serif;
	margin:4px 0px;
	padding:0px;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:150%;
	font-weight: bold;
	margin-top:15px;
}

h3 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h4 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

h5 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

h6 {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}


hr {
height: 1px;
border: 0;
color: #990000;
background-color: #990000;
width: 100%;
margin:40px 0px 25px 0px;
padding:0px;
} 

/****************************************/
/*                LINKS                 */
/****************************************/


a:link        {text-decoration: underline; color : #255477}
a:visited     {text-decoration: underline; color : #255477}
a:active      {text-decoration: underline; color : #255477}
a:hover       {text-decoration: underline; color : #000000}

*.footer a:link        {text-decoration: none; color : #666666}
*.footer a:visited     {text-decoration: none; color : #666666}
*.footer a:active      {text-decoration: none; color : #666666}
*.footer a:hover       {text-decoration: none; color : #000000}

*.submenu a:link        {text-decoration: underline; color : #255477}
*.submenu a:visited     {text-decoration: underline; color : #255477}
*.submenu a:active      {text-decoration: underline; color : #255477}
*.submenu a:hover       {text-decoration: underline; color : #000000}

*.copyright a:link        {text-decoration: none; color : #CAB8B5}
*.copyright a:visited     {text-decoration: none; color : #CAB8B5}
*.copyright a:active      {text-decoration: none; color : #CAB8B5}
*.copyright a:hover       {text-decoration: none; color : #FFFFFF}

A:link img    {text-decoration: underline; border: 0px; text-decoration: none}
A:visited img {text-decoration: underline; border: 0px; text-decoration: none}
A:active img  {text-decoration: underline; border: 0px; text-decoration: none}
A:hover img   {text-decoration: underline; border: 0px; text-decoration: none}

/****************************************/
/*                FORMS                 */
/****************************************/
form {
	margin: 0px;
	padding: 0px;
}
.submit {
	background-color: #BF311A;
	border: 0px;
	height: 18px;
	font: 11px/11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 2px;
}

#reviewform {
	float: right;
	width: 200px;
	border: 1px solid #CFCFCF;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#reviewform h4 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	margin-bottom: 0px;
}


input[disabled=disabled] {
    background-color: #a9a9a9;
}


/****************************************/
/*             TOP Links                */
/****************************************/


#toplinks {
	margin: 5px 10px 12px 0px;
	float: right;
	text-align:right;
	padding:0px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #999;
}
#toplinks a{
	text-decoration:none;
	font-weight:bold;
	color:#333;
}

#toplinks a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#000;
}

/****************************************/
/*             TOP Buttons              */
/****************************************/

#topbtns {
	position:absolute;
	right:14px;
	top:60px;
	margin:0px;
	padding:0px;
	width:248px;
	height:29px;
	background:transparent;
}

/****************************************/
/*          TOP Social Media           */
/****************************************/

#topmedia {
	clear: right;
	float: right;
	margin:0px 10px 31px 0px;
	padding:0px;
	width:350px;
	height:22px;
	font: 10px/14px Arial, Helvetica, sans-serif;
}
#topmedia p{
	font: 10px/14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:right;
	padding:14px 0px 0px 14px;
	margin:0px;
}

#topmediahome {
	position:absolute;
	left:18px;
	top:64px;
	margin:0px;
	padding:0px;
	width:281px;
	height:57px;
	background: url(/images/home/social-media-home-bkg.jpg) no-repeat top right;
}

#topmediahome p{
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left;
	padding:10px 0px 0px 14px;
	margin:0px;
}

#topmedia a, #topmediahome a{
	color: #000;
	text-decoration:none;
	font-weight:normal;
}
#topmedia a:hover, #topmediahome a:hover{
	color: #000;
	text-decoration:underline;
	font-weight:normal;
}

/****************************************/
/*            HOME Sidebar              */
/****************************************/

.gray_header_bkg {
	background:url(http://www.shakespearesantacruz.org/images/home/headerbkg.gif);
	width:175px;
	height:23px;
	margin:0px 0px 6px -9px;
	padding:8px 0px 0px 9px;
	color:#990000;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	position:relative;
}

.video_header_bkg {
	background:url(/images/home/headerbkg.gif);
	width:175px;
	height:23px;
	margin:0px 0px 6px -9px;
	padding:8px 0px 0px 9px;
	color:#000000;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	position:relative;
}
#homeleft {
	margin:0px;
	padding:0px;
	width:173px;
}
#homeleft p{
	font: 11px/16px Arial, Helvetica, sans-serif;
	margin:4px 0px;
	padding:0px;
}

/****************************************/
/*            HOME Main Area            */
/****************************************/


#homeright {
	margin:0px;
	padding:0px;
	width:634px;
}

.ucsc_credit {
	font: 10px/13px Arial, Helvetica, sans-serif;
	color: #666;
	position:absolute;
	bottom:90px;
	right:44px;
	width:655px;
}

.ucsc_credit2011 {
	font: 10px/13px Arial, Helvetica, sans-serif;
	color: #666;
}


#season_year {
	margin:16px 10px 0px 10px;
	padding:0px;
	font: bold 20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
}

#season_date {
	margin:3px 10px 9px 10px;
	padding:0px;
	font: bold 16px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#b10000;
	text-align:center;
}


p.play { /**text style under button**/
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	padding:0px;
	text-align:center;
}

.venue {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
	font-style: italic;
}

.smallgradient{
	background:url(../images/home/small-gradient.gif) no-repeat top right;
}

.importantdate{
	background:url(../splash/images/btn-gray.gif) repeat-x top left;
	color:#FFF;
	font: 14px/16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px 30px -3px 0px;
	padding:7px;
	text-transform:uppercase;
	text-align:center;
	
}

/****************************************/
/*            PAGE Sidebar              */
/****************************************/

#sidebar {
	margin:0px -16px 0px 0px;
	padding:0px;
	width:150px;
	
}

#sidebar p{
	font: 11px/16px Arial, Helvetica, sans-serif;
	margin:4px 0px;
	padding:0px;
}

/****************************************/
/*        TABLE 4-ways to order         */
/****************************************/
#fourways {
	border: 1px solid #990000;
	background:url(/images/buttons/table-gradient.gif) repeat-x bottom left;
	margin-top:20px;
}


#fourways p{
	font: 11px/15px Arial, Helvetica, sans-serif;
	margin:0px 5px 3px 13px;
}

.head{
	background:#990000;
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing:2px;
	text-transform:uppercase;
	margin:0px;
	padding:6px 6px 6px 10px;
}
.line {
	border-right: 1px solid #BEBEBE;
}

.whiteline {
	border-right: 1px solid #FFF;
}

.number {
	margin:4px 6px 6px -10px;
}

#fourways p.largetext {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	margin-top:4px;
	margin-bottom:16px;
}

/****************************************/
/*        PLUGS Helpful Info        */
/****************************************/
#helpful {
	margin-top:10px;
	margin:10px 0px 20px -10px;
	position:relative;
}
.capspread{
	letter-spacing:2px;
	text-transform:uppercase;
}


/****************************************/
/*        TABLE tickets landing        */
/****************************************/
#ticketslanding {
	border: 1px solid #990000;
	background:url(/images/buttons/table-gradient.gif) repeat-x bottom left;
	margin-top:20px;
}


#ticketslanding p{
	font: 12px/15px Arial, Helvetica, sans-serif;
	margin:16px 15px 3px 13px;
}

#ticketslanding p.small{
	font: 9px/12px Arial, Helvetica, sans-serif;
	margin:6px 5px 0px 13px;
}

.whiteline {
	border-right: 1px solid #FFF;
}

#ticketslanding ul {
	margin:8px 5px 10px 25px;
	padding:0;
}
#ticketslanding li {
	font: 12px/15px Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	padding:0;
}



/****************************************/
/*        PLAY pages with buttons        */
/****************************************/
#playpages {
	background:#F3F3F3;
	margin-top:4px;
}

#playpagesbtns {
	margin:0px -5px 5px -4px;
}


/****************************************/
/*      PAGE  Buy Tix Online          */
/****************************************/
#pagebuytixonline {
	margin:0;
	padding:0;
	top:364px;
	right:30px;
	position:absolute;
}

/****************************************/
/*      BLOG                            */
/****************************************/

#blog_photo {
	position: absolute;
	top: 185px;
	left: 38px;
	width: 169px;
}

#blog_photo p {
	margin: 5px 8px;
}

#blog_sidebar {
	margin: 0px;
	padding: 170px 0px 0px 0px;
}

#blog_sidebar ul {
	margin: 0px 0px 35px 0px;
	padding: 0px;
}

#blog_sidebar li {
	list-style: none;
}

#blog_sidebar li ul li {
	margin-bottom: 7px;
}

.widgettitle {
	background:url(/images/home/headerbkg.gif);
	width:175px;
	height:23px;
	margin:0px 0px 6px -9px;
	padding:8px 0px 0px 9px;
	color:#990000;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	position:relative;
}

.post {
	margin-bottom: 50px;
}

.post h2, .post h2 a {
	font-size: 18px;
	line-height: 22px;
	color:#990000;
	text-decoration: none;
}

.postmetadata {
	margin: 20px 0px 10px 0px;
	padding-top: 10px;
	border-top: 1px solid #CFCFCF;
}

.comments {
	float: right;
}

.aligncenter {
	display: block;
	margin: 0px auto;
}        

.alignright {      
	margin: 0px 0px 10px 20px;
	float: right;
} 

.alignleft {
	margin: 0px 20px 10px 0px;
	float: left;
}

.navigation {
	display: block;           
	margin-bottom: 20px;
}


/****************************************/
/*        PLAN YOUR VISIT               */
/****************************************/

#planlanding{
	background:url(../images/plan-your-visit/landing-bkg.jpg) top left no-repeat;
	width:688px;
	height:925px;
	position:absolute;
	top:372px;
	right:38px;
}
#planlanding a{
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
}

#planlanding a:hover{
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	text-decoration:underline;
}


.clear {
	clear:both;
}

#plan{
	background:url(../images/plan-your-visit/bkg.jpg) top left no-repeat;
	width:688px;
	height:925px;
	position:absolute;
	top:372px;
	right:38px;
	margin:0;
	padding:0;
}

#plan h1{
	font: bold  26px/30px Arial, Helvetica, sans-serif;
	margin:30px 0px 20px 30px;
	padding:0px;
}

#plan h2 {
    font: 14px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990000;
	margin:15px 18px 0px 20px;
}

#plan p{
	margin:10px 18px 20px 20px;
}


#plan p.justify{
	text-align:justify;
	font-size:11px;
	margin:10px 18px 20px 20px;
}


#seatingchart{
	width:153px;
	float:right;
	margin:-10px 20px 20px 20px;
}

#seatingchartglen{
	width:223px;
	float:right;
	margin:-10px -30px 20px 20px;
}

#groundling{
	margin-top:20px;
	padding:5px 22px 20px 0px;
	background:url(../images/plan-your-visit/gradient-bkg.gif)repeat-x;
}
#partnership{
	margin: 0px 0px 20px 10px;
	padding:3px 20px 20px 20px;
	width:230px; float:right;
	background:url(../images/plan-your-visit/gradient-bkg.gif)repeat-x -100px 0px;
}

#partnership2{
	margin: -30px 0px 0px 10px;
	padding:3px 20px 20px 20px;
	width:232px; float:right;
	background:url(/images/plan-your-visit/gradient-bkg.gif)repeat-x -100px 0px;
}

#partnership p, #partnership2 p{
	text-align:justify;
	font-size:11px;
}



/****************************************/
/*    TABLE LINE / PHOTO MARGINS        */
/****************************************/

.fadedvertline{
	background:url(../images/plan-your-visit/faded-vert-line.gif) no-repeat top right;
}

.photoright {
	margin-left:15px;
	margin-bottom:10px;
}

#donorlist td{
	font-size:90%;
	line-height:180%;
}

/****************************************/ 
/*        UL ARROW BULLET LIST          */
/****************************************/

ul.arrows{
        font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 20px 20px 20px 10px;
	list-style:none;
	padding:0;
	
}
.arrows li {
	margin:0px 0px 10px 8px;
	list-style:none;
	background:url(../images/ul-arrow.gif) 0px -4px no-repeat;
	padding:0 0 0 24px;
}


/****************************************/ 
/*    FADE CONTENTS TOP AND BOTTOM      */
/****************************************/

		
#fadebottom{
	background: transparent url(/images/donors/fade-bottom.png) repeat-x;
	position:absolute;
	top:326px;
	right:16px;
	height:50px;
	width:314px;
	z-index:400;
		}
		
		#fadetop{
	background: transparent url(/images/donors/fade-top.png) repeat-x;
	position:absolute;
	top:36px;
	right:16px;
	height:50px;
	width:314px;
	z-index:400;
		}
		

/****************************************/ 
/*      CREATE COLUMNS / COLUMNIZE      */
/****************************************/
	
		.column{ padding-right: 10px; }
#columnize p, #tableofnames p{
	margin:0px 5px 8px 0px;
	font-size:11px;
	line-height:12px;
	
}

#tableofnames { width:320px; float:left; }
		
		#colmunize { clear:both; width:300px;}
		
/****************************************/ 
/*           DONOR SPOTLIGHT            */
/****************************************/
		
		#donorspotlight {
			width:290px; 
			height:auto; 
			text-align:justify; 
			overflow-y:hidden; 
			overflow-x:hidden; 
			font-size:11px;
			margin: 0px 0px 20px 0px;
	padding:20px 20px 20px 20px;
	 float:right;
	background:#F4F4F3;
	border-top:2px solid #990000;
	border-bottom:2px solid #990000;
		}
		
			
		
			#donorspotlight h1 {
				font-size:16px;
	line-height:18px;
	color:#990000;
	margin-top:15px;
		}
		
		#donorspotlighttitle {
			width:301px; 
			margin: 0px 0px 0px 20px;
	padding:3px 20px 0px 10px;
	 float:right;
		}
		
		#donorspotlight p {
				font-size:11px;
	line-height:15px;
	margin:0px 0px 12px 0px;
		}

		
		#donorspotlightcaption{
			background:#e3e3e0; padding:10px;
		}
		
		#donorspotlightcaption p{
			font-size:9px;line-height:11px; margin-bottom:0px;
		}
		
		#donorspotlightcredit{
			font-family:Arial, Helvetica, sans-serif;
			text-align:right;
			font-size:8px;line-height:11px;
			color:#999;
			margin-top:2px;
			float:right;
		}
		
		
		.last_col { width: 25%; float: right; }


/****************************************/ 
/*      RANDOM UL / LI LIST PULL      */
/****************************************/
		
		#random, #random li{
	margin:0;
	padding:0;
	list-style:none;
	}
#random li{
	padding:0px;
	margin:0;
	display:none; /* hide the items at first only */
	}