/* REDSPAN DANCE COMPANY STYLE SHEET v.1.0 9/10/2008 */
/* Creator - Nick Sommerville mail@nicksommerville.com.au */


/* CSS Reset starts here (courtesy Eric Meyer) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset end */

/* Basic Style and Layout */

html, body{height: 100%;min-height: 100%;}
body {font: 70% Geneva, Verdanda,Arial,sans-serif;background-color:#fff;color: #000;}
body > #contentWrap{height: 100%;}
#contentWrap > #content {height: 100%;}
#content > #bodytext {height: 100%;}
#bodytext > #myTabs {height: 100%;}

ul {margin-left: 50px;}
li {margin-left: -30px;}

#leftside{position: relative;float:left;width:180px; height:100%; background:#fff;border-right: 1px #8b0304 solid;}
#leftside img{position: absolute;top: 3em; left: 3em;}

#contentWrap{position: absolute;width: 960px;margin: 0 180px;float:right;min-height:100%;border-left: 1px #8b0304 solid;background: #fff;}
#header{ height: 0px;background: #fff;}
#content {position: relative; padding: 0 0 0 0;margin: 0 0 0 0;min-height: 100%;}

/*   Navigation  */
#navElements {position: relative;width: 1140px;margin-left: -180px;clear: both;border-top:1px #fff solid; border-bottom: 1px #fff solid;background:#8b0304;height:3em;}

#hero{position: relative;padding: 0 0 0 0; margin: 0 0 0 0;background: #fff;}
#hero img.largeImg{height:360px; width: 960px;display: block;}
#hero img.smallImg{height:180px; width: 960px;display: block;}

h2{padding:.1em .5em; color: #8b0304; text-transform: uppercase; text-align: left;background:#fff; line-height: 2;font-weight: bold;font-size: 110%;border-bottom:solid 1px #8b0304;}
span.date{ font-weight: bold;display:block;}


/* Forms */
input{font-family: monospace; display:block;}
fieldset, legend, label{margin: 5px .75em;display:block;}
label{color: #8b0304;}
input:focus{background: #ce7e7e;}
input.blur{color:#8b0304;}

/* End forms */

#bodytext{width: 960px;line-height: 1.5em;background-color:#fff;margin:  0; padding: 0 0 2em 0;border:none;overflow: hidden;border-left: 1px #8b0304 solid;margin-left:-1px;}
#bodytext p{font-size: 110%; margin:0 0 0 1em;padding:5px 5px;}
#bodytext p span{display: block; margin-bottom: 20px;}
#bodytext em, legend {font-weight: bold;font-variant:small-caps;}

.col1{float:left;width:50%; margin-bottom: -500px; padding-bottom: 500px;}
.col2{float:left;width: 50%; margin-bottom: -500px; padding-bottom: 500px;}
span.hline{border-bottom: 1px solid #ce7e7e;display:block;width: 100%;height: 1px;}


#myTabs {float:left;position: relative;width: auto; }
#myTabs ul{width: 140px;}
#myTabs ul h4{font-weight: bold; color: #8b0304;padding: 5px 10px 5px 10px;}
#myTabs li {height: 1.5em;padding: 0 0 10px 0;background: #fff;;text-align: left;border-bottom: solid 1px #fff;}
#myTabs li a, #bios li a:visited{width: auto;display:block;padding: 5px 10px 5px 15px;height: 1.5em;color: #ce7e7e;text-decoration: none; font-style:normal;border-bottom: solid 1px #fff;}
#myTabs li:hover, #myTabs li a:focus, #myTabs li a:hover, #myTabs li a:active #myTabs li a.selected{color: #fff;background: #ce7e7e;}
#myTabsContent {visibility: visible;display: block;position: relative; margin-left: 145px; margin-bottom: -500px; padding-bottom: 500px; }

.media {padding-left: 5px;}
.imagegrp {width: 100%;}
.flleft{float:left;}
.flright{float: right;}
.logo_block{float:right;}
.bio{display: block;position: relative;height: 100%;width: auto; overflow: auto; }
.scroll{overflow: auto;}
.img_right{position: relative;float:right; display: block;}
.img_left{position: relative;float:left; display: block;	}
.logo{width: 150px;display: block;clear:both; padding-bottom: 5px;margin-top:5px;}

#footer{clear: both;display: hidden;bottom:0;position: relative;border-top:solid 1px #ce7e7e;height: 2em;}