* {
	margin:		0;
	padding:	0;
}

body {
	background-color:	#f0f0f0;
	margin:		0;
	font-family:	"Trebuchet MS", Trebuchet, sans-serif;
	font-size:	0.8em;
	line-height:	1.33em;
	color:		#333333;
}

div#skip {
	visibility:	hidden;
	height:		0;
}

div#masthead {
	background:	#f0f0f0 url(/assets/site/styles/images/masthead.png) no-repeat top center;
	height:		136px;
	width:		800px;
	margin:		0 auto;
}

div#masthead.tickets {
	background:	#f0f0f0 url(/assets/site/styles/images/tickets_masthead2.png) no-repeat top center;
}

div#container {
	background:	#f0f0f0 url(/assets/site/styles/images/container-bg.png) repeat-y top center;
	width:		800px;
	margin:		0 auto;
	position:	relative;
}

div#footer {
	background:	#f0f0f0 url(/assets/site/styles/images/footer-bg.png) no-repeat top center;
	width:		800px;
	margin:		0 auto;
	padding-top:	20px;
	color:		#666666;
	text-align:	center;
	font-size:	0.85em;
}

div#footer a, div#footer a:visited {
	color:		#666666;
}

div#content {
	padding:	0 26px 0 38px;
}

div#rightcol {
	float:		right;
	width:		450px;
	padding-right:	22px;
}

div#rightcol.tickets {
	float:		left;
	padding:	0 2em;
	width:		700px;
}

div#leftcol {
	float:		left;
	width:		240px;
}

div#servicelinks {
	font-size:	1.33em;
	line-height:	1.66em;
	text-align:	right;
	padding-top:	0.66em;
}

div#servicelinks a, div#servicelinks a:visited {
	color:		#999999;
	text-decoration:	none;
}

div#servicelinks a:hover {
	text-decoration:	underline;
}

/* Blog, events, latest news, and Facebook box styles */

div#blogtop,
div#eventstop,
div#latesttop {
	background:	transparent url(/assets/site/styles/images/latest-top.png) no-repeat top center;
	width:		232px;
	height:		12px;
	float:		right;
}

div#blogcontainer,
div#eventscontainer,
div#latestcontainer {
	background:	transparent url(/assets/site/styles/images/latest-bg.png) repeat-y top center;
	width:		232px;
	float:		right;
}

div#blog,
div#eventbox,
div#latest {
	margin-top:	-12px;
	padding:	0 24px 0 12px;
	font-size:	0.85em;
	line-height:	1.33em;
}

div#fbfan {
	padding:	6px 0 8px 8px;
	float:	        right;
}

div#blog h2, div#blog h3,
div#eventbox h2, div#eventbox h3,
div#latest h2, div#latest h3 {
	text-transform:	lowercase;
}

div#blog h2,
div#eventbox h2,
div#latest h2 {
	font-size:	1.33em;
	padding:	0.66em 0 0 0;
}

div#blog h2 a, div#blog h2 a:visited,
div#eventbox h2 a, div#eventbox h2 a:visited,
div#latest h2 a, div#latest h2 a:visited {
	text-decoration:	none;
}

div#blog h2 a:hover,
div#eventbox h2 a:hover,
div#latest h2 a:hover {
	text-decoration:	underline;
}

div#latest h3 {
	font-size:	1.0em;
	padding:	0;
}

div#blog h3,
div#eventbox h3 {
	font-size:	1.0em;
	padding:	0.2em 0;
}

div#blog h3 a, div#blog h3 a:visited,
div#eventbox h3 a, div#eventbox h3 a:visited,
div#latest h3 a, div#latest h3 a:visited {
	color:		#dd0022;
	text-decoration:	none;
}

div#blog h3 a:hover,
div#eventbox h3 a:hover,
div#latest h3 a:hover {
	text-decoration:	underline;
}

/* events, latest news box and news archive styles */
div.pager,
p.newslink {
  text-align:		right;
  font-size:		0.85em;
}

div.pager a,
p.newslink a {
  text-decoration:	none;
}

div.pager a:hover,
p.newslink a:hover {
  text-decoration:	underline;
}

.eventspages,
.newspages {
	font-size:	1.33em;
	letter-spacing:	0.33em;
	vertical-align:	-0.1em;
}

div#blogbottom,
div#eventsbottom,
div#latestbottom {
	background:	transparent url(/assets/site/styles/images/latest-bottom.png) no-repeat top center;
	width:		232px;
	height:		12px;
	float:		right;
}

div#tophead1 {
	position:	absolute;
	top:		84px;
	right:		26px;
	text-align:	right;
	color:		#999999;
	font-size:	1.33em;
	font-weight:	bold;
	text-transform:	uppercase;
	z-index:	1;
}

div#tophead2 {
	position:	absolute;
	top:		106px;
	right:		26px;
	text-align:	right;
	color:		#999999;
	font-size:	1.2em;
	font-weight:	bold;
	text-transform:	uppercase;
	z-index:	1;
}

div#tophead1 a, div#tophead2 a {
	padding-left:	1em;
}

div#tophead1 a, div#tophead2 a,
div#tophead1 a:visited, div#tophead2 a:visited {
	color:		#999999;
	text-decoration:	none;
}

div#tophead1 a:hover, div#tophead2 a:hover {
	color:		#dd0022;
	text-decoration:	none;
}

div#tophead1 em, div#tophead2 em,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-style:	normal;
	color:		#dd0022;
}

div#tophead2 a img { display: none; }

h1 {
	color:		#999999;
	font-size:	1.33em;
	text-transform:	uppercase;
	padding:	.66em 0;
}

h2, h3, h4, h5, h6 {
	color:		#999999;
	text-transform:	uppercase;
}

h2 {
	font-size:	1.1em;
	padding:	0.66em 0;
}

h3, h4, h5, h6 {
	font-size:	1.0em;
	padding:	0.33em 0;
}

p {
	padding-bottom:	0.66em;
}

a {
	color:		black;
	text-decoration:	underline;
}

a:visited {
	color:		#999999;
}

img, img a {
	border:		none;
}

ul {
	list-style-type:	disc;
}

ul.nobullet {
	list-style-type:	none;
}

ol {
	list-style-type:	decimal;
	text-indent:	-1.0em;
}

ul, ol {
	list-style-position:	inside;
	padding:	0 0 0.75em 0;
}

li {
	padding:	0 0 0.5em 1em;
}

address {
	font-style:	normal;
}

.yellow {
	color:		#886611;
}

p.error,
.red {
	color:		#ff0033;
}

.fixme {
	color:		red;
	font-size:	200%;
}

.floatright {
	float:		right;
}

.floatleft {
	float:		left;
}

.clear {
	clear:		both;
	padding-top:	1.0em;
}

.center {
	text-align:	center;
}

img.middle {
	vertical-align:		middle;
}

a.nounder {
	text-decoration:	none;
}

.indent {
	padding-left:	2.0em;
	padding-right:	2.0em;
}

.tallstaff	{
		min-height: 40px;
		}
		
div#content div.floatleft,
div#staff div.floatleft,
div#contactaddress div.floatleft,
div#contactphone div.floatleft,
div#contactemail div.floatleft {
	width:		200px;
	text-align:	right;
	padding:	0.5em 0;
}	

div#content div.floatright,
div#staff div.floatright,
div#contactaddress div.floatright,
div#contactphone div.floatright,
div#contactemail div.floatright {
	width:		220px;
	text-align:	left;
	padding:	0.5em 0;
}	

div#content div.floatleft h2,
div#content div.floatright h2,
div#staff div.floatright h2,
div#staff div.floatleft h2 {
	color:		#999999;
	padding:	0.66em 0 0 0;
}	

div#officers div.floatleft,
div#chorushead div.floatleft h2,
div#staff div.floatleft  {
	color:		#886611;
}

div#content div.floatright h2,
div#content div.floatleft h2,
div#content div.floatright h3,
div#content div.floatleft h3,
div#staff div.floatright h3,
div#staff div.floatleft h3,
div#contactaddress div.floatright h2,
div#contactphone div.floatright h2,
div#contactemail div.floatright h2,
div#contactaddress div.floatleft h2,
div#contactphone div.floatleft h2,
div#contactemail div.floatleft h2 {
	padding:	0;
}

div#logo {
	position:	absolute;
	top:		16px;
	left:		17px;
}

img#logolink {
	height:		110px;
	width:		110px;
}

/* dropdown menu handling */
div#nav {
	position:	absolute;
	top:		12px;
	left:		132px;
	font-size:	12px;
	font-family:	Georgia, serif;
	text-transform:	lowercase;
}

/* Sitemap styles */
ul.listmap {
	padding:	0;
	list-style-type:	none;
}

ul.listmap li {
	padding-top:	0;
	padding-bottom:	0;
}

form#contactform fieldset {
        padding:                1em;
        margin:                 0 auto;
        width:                  36em;
        border:                 none;
}

form#contactform label {
        width:                  14em;
        display:                block;
        float:                  left;
        text-align:             right;
        padding-right:          1.5em;
}

form#contactform input {
        margin:                 1px 0;
        width:                  18em;
}

form#contactform textarea {
        margin:                 1px 0;
        width:                  98%;
        text-align:             left;
}

/* Rio De Sangre countdown timer */
div#countdown_dashboard {
 position: relative;
 width: 450px;
 height: 286px;
 background-color: #3f0303;
 color: #d61;
 overflow: hidden;
 margin-bottom: 20px;
 padding: 0;
}

div#rio-title img {
 width: 450px;
 height: auto;
}

div#dashes {
 position: absolute;
 top: 194px;
 right: 4px;
}

div.dash {
 position: relative;
 width: 100px;
 height: 102px;
 background: transparent url(/assets/site/styles/images/countdownbg.png) no-repeat top left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 60px;
 line-height: 56px;
 text-align: center;
 padding: 4px 3px 0 3px;
 margin-right: 2px;
 float: left;
}

div.dash_title {
 position: absolute;
 bottom: 0;
 right: 10px;
/* float: left;
 width: 100px; */
 text-align: right;
 font-size: 14px;
}

div.digit {
 float: left;
 margin: 0 2px;
}

div#pagegraphic {
 position: relative;
}

/* Rio De Sangre pagegraphic video countdown */
div#pagegraphic div#rio_video {
 position: absolute;
 top: 42px;
 left: 20px;
 height: 385px;
 width: 480px;
 border: 3px solid #200202;
 z-index: 2;
}

div#pagegraphic div#countdown_dashboard {
 position: relative;
 width: 736px;
 height: 440px;
 background-color: transparent;
 overflow: hidden;
 margin-bottom: 20px;
 padding: 0;
 z-index: 1;
}

div#pagegraphic div#countdown_dashboard div#dashes {
 position: absolute;
 top: 48px;
 right: 10px;
 width: 120px;
}

div#pagegraphic div#countdown_dashboard div.dash {
 position: relative;
 width: 120px;
 height: 103px;
 background: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 68px;
 line-height: 56px;
 text-align: center;
 padding: 0;
 margin: 0;
}

div#pagegraphic div#countdown_dashboard div.digit {
 float: left;
 margin: 0;
 width: 60px;
 color: black;
/*  filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity: 0.85; */
}

img.biopic {
  float: left; 
  margin: 0.5em 1.0em 0.5em 0;
}