/* CSS Document */
/*color purple used in site #58093F;*/
*,body,td {
	font-family: verdana, arial, helvetica, geneva, sans-serif;
	}
/*I generally set headers and lists to no margins/paddings/etc and then reset them*/
/*specifically as needed, within the style sheet, --  so I dont have browser issues*/
h1,h2,h3,h4 {
	margin:0;
	padding:0;
	}
ul,dl,li,dd,dt {
	margin:0;
	padding:0;
	}
ul{
	list-style-type:none;
	}
img.paragraph{
	 float: left;
	 margin-right: 10px;
	 margin-bottom: 5px;
 	}
/*the margin on the bottom give the footer a little clearance*/
/*whatever you do, don't apply margin or padding to the body tag (or to anything set at 100%)*/
body{
	background-color:#000000;
	margin:0 0 40px 0;
	padding:0;
	text-align:center;
	font-size:85%;
	}
/********************************************************************************/
/****************************LINKS***********************************************/
/********************************************************************************/
/*default site links -- purple*/
a:link {
	color:#58093f;
	text-decoration:underline;
	}
a:visited {
	color:#58093f;
	text-decoration:underline;
	}
a:hover {
	color:#e00d9d;
	text-decoration:underline;
	}
a:active {
	color:#e00d9d;
	text-decoration:underline;
	text-decoration:underline;
	}

/*for the white links on black background - for the links at the top of the page*/
a.white:link {
	color:#ffffff;
	text-decoration:none;
	}
a.white:visited {
	color:#ffffff;
	text-decoration:none;
	}
a.white:hover {
	color:#ffffcc;
	text-decoration:underline;
	}
a.white:active {
	color:#ffffcc;
	text-decoration:none;
	}
/*for the links in the footer*/
a.footer:link {
	color:#ffffcc;
	text-decoration:underline;
	}
a.footer:visited {
	color:#ffffcc;
	text-decoration:underline;
	}
a.footer:hover {
	color:#ffffff;
	text-decoration:underline;
	}
a.footer:active {
	color:#ffffcc;
	text-decoration:underline;
	}
/********************************************************************************/
/****************************end of LINKS****************************************/
/********************************************************************************/

/********************************************************************************/
/****************************GENERIC STYLES****************************************/
/********************************************************************************/

.smaller{
					font-size:						80%;
					}


.fineprint{
					font-size:						70%;
					}
					
.alert{
					color:							red;
					}
p.first{
					margin-top:0;
					padding-top:0;
				}
p.title{
					margin-bottom:0;
					padding-top:0;
				}
.small_caps{
				 font-variant: small-caps;
			 }

/********************************************************************************/
/****************************end of GENERIC STYLES****************************************/
/********************************************************************************/


/********************************************************************************/
/*****************************page layout containers*****************************/
/********************************************************************************/
/*this is the container for the map/directions, buy tickets and phone number at top*/
div#toplinks{
	background-color:#000;
	color:#ffffff;
	width:795px;
	text-align:right;
	margin:5px auto;
	font-weight:bold;
	font-size:90%;
	}
/*this is the main container - the one with the purple border*/
div#container{
	background-color:#fff;
	width:795px;
	margin:0 auto;
	text-align:left;
	border:4px solid #58093F;
}
/*this simply contains the masthead graphic*/
div#header{
	background-color:#000;

	}
/*the main nav is in a table - would have been a real challenge to make it a list*/
div#mainnav{
	background-color: #58093f;
	}

/*I wrapped the breadcrumb, subnav and contents in this container - called "contentwrapper"*/
/*doing this will ensure the margin stays consistant accross browsers, -- this is the simplist way to do it!*/
div#contentwrapper {
	margin:5px 20px 20px 20px;
	}
/*obvious: breadcrumbs*/
div#breadcrumb {
	margin:0 0 15px 0;
	font-size:70%;
	}
/*this is where all page content goes fot the internal pages*/
div#contents {
	margin-left:195px;
	}
	
div#contents_form {
	margin-left:295px;
	}
	
/*use this for large titles*/
#contents h1,#contents_form h1{
	color:#e00d9d;
	font-size:180%;
	margin-bottom:15px;
	}
	
/*use this for the page title*/
#contents h2,#contents_form h2{
	color:#58093f;
	font-size:130%;
	margin-bottom:15px;
	}
	
/*use this for the page subtitles*/
#contents h3,#contents_form h3{
	color:#58093f;
	font-size:100%;
	}
	
/*use this for the small headings*/
#contents h4,#contents_form h4{
	color:#58093f;
	font-size:80%;
	}
/*footer - note footer link style is at top with other links*/
div#footer {
	width:795px;
	text-align:center;
	color:#ffffff;
	margin:20px auto 50px auto;
	font-size:80%;
	}

/*this prevents the phenomenon of floated material spilling out of the bottom of the container*/
/*you should place this just above the closing contentwrapper div tag */
/*its also 40px high to create a little extra clearance below the content if theres not much on a page*/
div#clearfix	{
	clear:both;
	width:1px;
	height:20px;
}
/*your supposed to put a non-cleared div after a cleared div to prevent a browser float bug*/
div#clearfixafter	{
	width:1px;
	height:1px;
}


/********************************************************************************/
/****************************left side subnav************************************/
/********************************************************************************/
/*note its a floated element, so be aware if you try to float content in the content div*/
div#subnav {
	width:175px;
	border: 1px solid #58093F;
	float:left;
	margin:0;
	padding:0  0 30px 0;
	}
div#subnavheader {
	background-color:#58093F;
	color:#ffffff;
	margin:0;
	}
/*this is for the title of the section you are currently in*/
#subnavheader h3{
	font-family:Georgia, Times, Times New Roman, Courier, Tacoma, Serif;
	font-size:100%;
	text-transform:uppercase;
	padding:5px 0 5px 10px;
	}
/*this subnav layout is created by nested two unordered lists: see example in template*/
ul#subnavlist {
	margin:10px 0 0 10px;
	font-size:80%;
	text-transform:uppercase;
	}
ul#subnavlist li {
	font-weight:bold;
	}
ul#subnavlist ul{
	margin:0 15px;
	}
ul#subnavlist ul li{
	margin:0 15px;
	font-weight:normal;
}
/********************************************************************************/
/****************************end of left side subnav*****************************/
/********************************************************************************/

/********************************************************************************/
/****************************user content management area*****************************/
/********************************************************************************/
div#ucm_contents {
	}
	
div#ucm_contents_form {
	margin-left:0px;
	}
/*use this for the page title*/
#ucm_contents h2,#ucm_contents_form h2{
	color:#58093f;
	font-size:130%;
	margin-bottom:15px;
	}
	
/*use this for the page subtitles*/
#ucm_contents h3,#ucm_contents_form h3{
	color:#58093f;
	font-size:100%;
	}

/********************************************************************************/
/****************************user content management area*****************************/
/********************************************************************************/


/********************************************************************************/
/**************THESE STYLES SPECIFIC TO HOMEPAGE*********************************/
/********************************************************************************/
div#homepagecontent {
	margin:20px;
	}
div#homepageleft {
	margin-right:420px;
	padding-left:20px;
	padding-right: 10px;
	text-align:left;
	}
div#homepageright {
	width:400px;
	float:right;
	border:1px solid #58093F;
	}
div#homepageright h2 {
	background-color:#58093F;
	color:white;
	margin:3px;
	padding: 3px 10px;
	font-size:120%;
	}
/*page title on homepage - Pegasus Players*/
div#homepageleft h1{
	color:#58093f;
	font-size:150%;
	}
/*this for the black WebLinks header on the homepages*/
div#homepageleft h3{
	color:#000000;
	font-size:120%;
	}
	
div#homepage_announcements {
	margin-right:200px;
	padding-left:20px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align:left;
	}
div#homepage_announcements h1{
	color:#58093f;
	font-size:150%;
	}
div#homepage_announcements h3{
	color:#666;
	font-size:120%;
	}
/*basically a row for each of the shows on hompages*/
/*this needs to have an explicit width to fix float issue in IE/MAC*/
div.show {
	width:375px;
	margin:15px 5px;
	}
/*this puts the purple border around the performance thumbnail image*/
div.show img {
	border:1px solid #58093f;
	clear:none;
	float:left;
	}
/*contains the description: title, date, and brief descriptive text*/
div.showdescription {
	float:left;
	clear:none;
	width:290px;
	margin-left:10px;
	font-size:95%;
	}
.clearfixhome {
/*this keeps the image from spilling out its row on the bottom.*/
	width:1px;
	height:1px;
	visibility:hidden;
	clear:both;
	}
/*the web links list*/
ul#weblinks {

	}
/*for the purple show title on the homepage*/
/*make sure this span tage sits outside the anchor tag so the links are the right color!*/
.showtitle {
	color:#58093F;
	font-weight:bold;
	}
.showdate {
	font-weight:bold;
	}
/********************************************************************************/
/****************************END HOMEPAGE STYLES*********************************/
/********************************************************************************/

/**********************************************************************************/
/****************************FORMS************************************************/
/*********************************************************************************/
.error_msg{
					display:							none;
					padding-left:					40px;
					color:							red;
					font-size:						70%
					}
.submit{
					text-align:						right;
					}

.submit input{
					font-weight:					bold;
					background: 					#58093F;
					border: 							1px solid #666;
					color:							white;
					}
fieldset{
					border: 							1px solid #666;
					padding:						5px;
					width:							90%;
					}

legend{
					color: 							#fff;
					background: 					#58093F; 
					border: 							1px solid #666;
					padding: 						2px 6px;
					}

.label{
					width: 							9em;
					float: 							left;
					text-align: 					right;
					margin-right: 					0.3em;
					display: 						block;
					}
.spacer{
					height:							5em;
					width:							100%;
					}
.form_rows{
					padding:						4px;
					}
input{
					color: 							#666;
					background-color: 			#eee; 
					border: 							1px solid #666;
					}

/**********************************************************************************/
/****************************END FORMS************************************************/
/*********************************************************************************/