@charset "utf-8";
/* CSS Document */

/*THIS IS THE NORMALIZING CODE FOR ALL BROWSERS-------------------------------------------------*/

/*Normalizes margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h1, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0;}

/*Removes list-style from lists*/
ol,ul
{ list-style: none;}

/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal;}

/*Collapses all tables*/
table
{ border-collapse: collapse; border-spacing: 0;}

/*Removes borders from fieldset and img*/
fieldset, img
{ border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{ text-align: left;}

/*Removes quotations from q*/
q:before, q:after
{ content: '';}

/*Aligns entire html page and starts layout.css-------------------------------------------------*/
html
{ text-align: center; background: #000000 url(../images/htmlbkgd.jpg) repeat-x top center; }

/*ALPHA FIXES FOR PNGS IE 6*/
* html img,
* html img a:hover,
* html .png,{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

/*clearfix*/
.clearfix {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	}

.clearfix { display: inline-block; }

/*Aligns body to center and sets width, aligns text left*/
body {
	width: 100%; 
	text-align: left; 
	position: relative; 
	background: transparent url(../images/bodybkgd.gif) no-repeat top center;
	font: small/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 15px;
	}
	
/*DEFAULT LINKS*/
a { text-decoration: none; color: #9966cc; }

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

/*PARAGRAPH*/
p {
	margin-bottom: 10px;
	padding: 5px 5px;
	}
	
p.dot { border:0 }

.center { text-align: center; }

.left { text-align: left; }

.zero { margin-top: 0; margin-bottom: 0; }

.pink { background: #FF99CC; text-align: center; font-weight: bold; }

.centerul { text-align: center; }
	
p#author, p#date { border: 0; margin: 0; padding: 2px 5px; }

.subject { font-size: 14px; color: #CC0033; border-bottom: 1px solid #000000; }

.page { font-size: 12px; }
	
/*HEADERS*/
h2 { font-size: 16px; font-variant: small-caps; color: #FFFFFF; padding-left: 5px; text-align: center; background: #9966cc; border-left: 1px solid #333333; border-right: 1px solid #333333; }

h3 { font-size: 13px; color: #333333; padding: 5px; }

h4 { font-size: 12px; color: #333333; padding: 5px; }
	
/*WRAPPER CONTAINER*/
#wrapper {
	width: 960px;
	margin: 0 auto;
	background: transparent;
	position: relative;
	height: auto;
	}	

#main_content{ background: #FFFFFF; width: 960px; float: left; }

#content_sub { width: 150px; float: left; padding: 10px; background: #FFFFFF; }

#contentLoad { width: 770px; float: right; padding: 10px; background: #FFFFFF;}

#subjects { background: white; }
	
/*BRANDING HEADER*/
#branding {
	float: left;
	width: 960px;
	position: relative;
	background: transparent;
	}
	
#branding img {
	border: 0; margin: 0; padding: 0;
	}
	
#branding h1 {
	display: none;
	}
	
#branding h1 a {
	display: none;
	}
	
#branding blockquote {
	display: none;
	}

/*COLUMNS 1,2,3*/
#col1 {
	float: left;
	width: 410px;
	margin: 0; padding: 5px;
	height: auto;
	}

#col2 {
	float: left;
	width: 310px;
	margin: 0; padding: 5px;
	height: auto;
	}

#col3 {
	float: left;
	width: 210px;
	margin: 0; padding: 5px;
	height: auto;
	}
	
#colwide { 
	float: left;
	margin: 0; padding: 5px;
	width: 720px;
	height: auto;
	}
	
/*DIV ID EVENTDATE*/
#eventdate {
	background: #333333; color: #FFFFFF;
	}

#eventdate h3 { color: #FFFFFF; }

/*VOLUNTEERS*/
#volunteers img { margin: 0 auto; padding: 5px; border: 1px solid #333333; }

/*FORM ACTION*/
table td, table tr { padding: 5px; }
.btn { margin: 5px 5px; }
td { text-align: left; }

/*ON STAGE SPAN AND DIVS*/
#stagelist { font-size: 14px; }

#stagelist tr { border-bottom: 2px dotted #660000; }

/*ADMIN DIVS*/
#adminnav { width:210px; float: left; padding: 5px 10px; background: #333333; color: #FFFFFF; }

#adminnav a { text-decoration: none; color: #FFFFFF; } 

#adminnav a:hover { color: #FFFFFF; text-decoration: underline; }

#page { width:710px; float: right; padding: 5px; }
	
/*SITE INFORMATION FOOTER*/
#site_info {
    padding-top: 10px;
	clear: both;
	width: 960px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	background: transparent url(../images/siteinfo.gif) no-repeat bottom center;
	height: 40px;
	}
	
#site_info p { padding: 0; border: 0 }

#site_info p a {
    color: #9966cc;
	text-decoration: none;
	}
	
#site_info p a:hover {
    color: #666666;
	text-decoration: underline;
	}
	
/*STRONG TAGS FOR FORM ELEMENTS AND MISC TAGS*/
strong { font-weight: bold; }

#sfpridemotto {
	border-top: 1px solid #000000;
	margin-top: 20px;
	font-size: 10px;
	font-style: italic;
	}
	
#sponsors img {
	padding: 1px;
	margin: 0 auto;
	border: 1px solid #000000;
	}
	
#stafflist img {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid #333333;
	}
	
p.staffp {
	clear: both;
	}
	
#sponsor_pic { margin-top: 20px; margin-top: 10px; }