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


html {
	padding:0;
	margin:0;
}


body {
	font-family: serif;	
	color: #fff;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	/* background: rgb(0,0,0); /* Old browsers */

/* background: -moz-linear-gradient(left,  rgba(0,0,0,1) 76%, rgba(255,255,255,1) 76%); /* FF3.6+ */

/*background: -webkit-gradient(linear, left top, right top, color-stop(76%,rgba(0,0,0,1)), color-stop(76%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

/*background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 76%,rgba(255,255,255,1) 76%); /* Chrome10+,Safari5.1+ */

/*background: -o-linear-gradient(left,  rgba(0,0,0,1) 76%,rgba(255,255,255,1) 76%); /* Opera 11.10+ */

/*background: -ms-linear-gradient(left,  rgba(0,0,0,1) 76%,rgba(255,255,255,1) 76%); /* IE10+ */

/*background: linear-gradient(to right,  rgba(0,0,0,1) 76%,rgba(255,255,255,1) 76%); /* W3C */

/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

	height: 100%;
	overflow-y:scroll;
	position:relative;
	background: #000 url('/com/special/schroeter/cornerShape.png') no-repeat top right;
}

img.logo {
	display: block;
	margin-bottom:1em;
	
}

#wrapper {
min-height: 100%;
height: auto;
/* margin-bottom: -127px;	*/

}

#logobar {
	width: 100%;
	max-width: 960px;
	min-width: 727px;
	margin: 0 auto;
	margin-top:1em;
	background: transparent;
	position: relative;	
	text-align: center;
}

#logowrapper {
	width: 100%;
	max-width: 960px;
	min-width: 727px;
	margin: .2em 0;
	padding:0;
	position: relative;	
}

header {
	width: 100%;
	min-width: 727px;
	max-width: 960px;	
	text-align: center;
	margin: 0 auto;
}

section {
	padding:0;
	margin:0;	
}

section#details > h4 {
	margin-top: 0;	
}

div.panes {
background: #000 url('/com/special/schroeter/home-bg.png') no-repeat top right;
width: 100%;
max-width: 960px;
min-width: 727px;
margin: 2em auto;
}

.panes section {
    display:none;
    padding:0;
    background-color:transparent;
	
	text-align: left;
	max-width: 960px;
	min-width: 727px;
	min-height: 500px;
	margin: 0 auto;
	position: relative;
	-moz-transition: visibility linear .5s .1s;
}

a:link {
	color: #51c2f7;	
}

a:visited {
	color:#666;
}

ul#nav {
	list-style:none;
	margin:.3em auto;
	padding:0;
	width: 100%;
	max-width: 960px;
	min-width: 727px;
	position:relative;	
}

ul#nav li {
	margin:0;
	padding:0;	
	/* width: 210px; */
	width: 25%;
	display: inline;
	float: left;
	text-align: center;
	/* background: -moz-linear-gradient(left,  rgba(51,51,51,0.9) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,51,51,0.9)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(left,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(left,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(left,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
	/*background: linear-gradient(to right,  rgba(51,51,51,0.9) 0%,rgba(17,17,17,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99333333', endColorstr='#111111',GradientType=1 ); /* IE6-9 */
		

border-radius: 50px;
}


ul#nav li a.current {
	
		background: rgb(51,51,51);

background: -moz-radial-gradient(center, ellipse cover,  rgba(168,24,24,1) 0%, rgba(90,9,9,1) 100%);

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(168,24,24,1)), color-stop(100%,rgba(90,9,9,1)));

background: -webkit-radial-gradient(center, ellipse cover,  rgba(168,24,24,1) 0%,rgba(90,9,9,1) 100%);

background: -o-radial-gradient(center, ellipse cover,  rgba(168,24,24,1) 0%,rgba(90,9,9,1) 100%);

background: -ms-radial-gradient(center, ellipse cover,  rgba(168,24,24,1) 0%,rgba(90,9,9,1) 100%);

background: radial-gradient(ellipse at center,  rgba(168,24,24,1) 0%,rgba(90,9,9,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a81818', endColorstr='#5a0909',GradientType=1 );

}

ul#nav li a {
	color: #fff;
	display: block;
	text-decoration:none;
	padding:1em;
	background:transparent;
	text-transform:uppercase;
	font-size: 1.2em;
	
	
		background: rgb(51,51,51);

background: -moz-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(0,0,0,1)));

background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);

background: -o-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);

background: -ms-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);

background: radial-gradient(ellipse at center,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
	
	
	border-radius: 50px;
}

a:link {
	border:0;
	outline:none;	
}

ul#nav li a:hover {
	text-decoration: underline;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(95,95,95,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(168,24,24,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(95,95,95,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(95,95,95,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(95,95,95,1) 0%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(95,95,95,1) 0%,rgba(0,0,0,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#000000',GradientType=1 );
}


#schedule ul {
	list-style-type:none;	
	padding:0;
	margin:0;
}

#schedule ul li.one-line-item {
	margin-bottom:2em;	
}

#schedule ul ul {
	list-style-type:disc;
	margin: 0 0 2em 1em;	
}

footer {
	padding: 1em 0;	
	position: relative;
	width: 100%;
	max-width: 960px;
	min-width: 727px;
	margin: 0 auto;	
	text-align: left;
}

hgroup {
	 text-align:center;
	width: 100%;
	
}

h1, h2 {
	font-family: 'Average', Georgia, serif;
	font-weight: normal;	
	font-variant:small-caps;
}

h3 {
font-family: 'Average', Georgia, serif;
	font-weight: normal;
	text-transform:none;
	font-size: 1.1em;
}

hgroup > h1 {
	margin-bottom:.1em;	
}

h1 + h3 {
	margin-top:0;	
}

h1 {
	font-size:2.5em;	
}

h4 {
	font-family:'Average',Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #a81818;
	margin-bottom:0;	
}

section > h4 {
	margin-top:0;	
}

p, li {
font-family: 'Average', Georgia, serif;
	font-weight: normal;	
	line-height: 1.4em;
}

ul li {
	margin-left:1em;	
}

h4 + p {
	margin-top:.1em;	
}

h1 > span {
 color: #a81818;
 display: block;
 font-size: 2.5em;
 text-shadow: #5a0909 2px 2px;	
}

span {
 color: #a81818;	
}


td {
	vertical-align:top;
}

td p {
	margin:0;	
}

td ul {
	margin:0;
	padding:0;	
}
tr {
	padding-bottom:1em;
}
	

tr.table-headings {
	font-weight:bold;	
	padding-top:1.5em;
}

#img-wrapper {
	float: left;
	width: 240px;	
	display:inline;
	margin-top:20px;
}

#details {
	width: 100%;
}

.clear {
	height: 0;
	clear: both;	
}

ul#nav {
	clear:both;	
}

ul#participants-list, ul#sponsors-list {
	padding-left:0;	
	list-style:none;
}
ul#participants-list li, ul#sponsors-list li {
	margin-bottom: 1em;	
}

@media only screen and (max-width:1048px) {
	body {
	background-image:none;	
	}
} 
 @media only screen and (max-width:767px) {
	body {
	background-image:none;	
	}
	
	header {
	min-width:0;
	width:100%;	
	}
	
	#logobar {
	min-width:0;
	width:100%;	
	}
	
	#logowrapper {
	min-width:0;
	width:100%;
	}
	
	ul#nav {
	min-width:0;
	width:100%;	
	}
	
	ul#nav li a {
	font-size:1em;
	padding:.5em;	
	}
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

body {
	font-family: Arial, Helvetica, sans-serif;	
	background:#000;
	max-width:480px;
	width:100%;
	overflow-x:hidden;
}
#max-container {
	min-width:0;
	max-width:480px;
	width: 100%;
	background:none;	
}

#wrapper {
	min-width:0;
	max-width:480px;
	width:100%;
	margin: 0;
	padding:0;
	text-align: left;	
	overflow-x:hidden;
}

header {
min-width:0;
max-width:480px;
width:100%;	
padding:.1em;
}

	#logobar {
	min-width:0;	
	width:100%;
	}
	
	#logowrapper {
	min-width:0;
	width:100%;
	}

#schedule ul {
	list-style-type:none;	
	padding:0;
	margin:0;
}

#schedule ul li {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}	

#schedule ul li.one-line-item {
	margin-bottom:2em;	
}

#schedule ul ul {
	list-style-type:disc;
	margin: 0 0 2em 1em;	
}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;	
	margin-top:0;
	font-size: 1.2em;	
}

h3, h4, p {
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;	
}


section {
	padding: 0 .2em;	
}

ul {
	padding:0;	
	margin:0;
	max-width:480px;
	width:100%;
}

td {
	word-wrap:break-word;	
}

td li {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;	
}

ul#nav li {
	width: 100%;
	display: block;
	float: none;
	text-align: left;
	border-left:0;
	background: #bc0d0d;
	background-color:#bc0d0d;
	border-top: 1px solid #d12828;
	border-bottom: 1px solid #9c0e0e;	
	font-family: sans-serif;
	margin:0;
	padding:0;
	border-radius:0;
}

ul#nav li a.current {
	text-decoration: underline;	
	border-radius:0;
	font-weight:bold;
	background:transparent;
}

ul#nav li a {
	display: block;
	text-decoration: none;
	padding: .5em;	
	border-radius:0;
	background:transparent;
}

ul#nav li a:hover {
	background:none;	
}

ul#participants-list, ul#sponsors-list {
	padding-left: 0;	
	font-family: Arial, Helvetica, sans-serif;
}
ul#participants-list li, ul#sponsors-list li {
	margin-bottom: 1em;	
	font-family: Arial, Helvetica, sans-serif;
}
.hidden {
	display:none;	
}

div#img-wrapper {
	display:none;	
}

/* #details {
	width: 300px;
	float:none;	
}
*/

footer {
	min-width:0;
	max-width:480px;
	width:100%;	
	padding: 0 .2em;
}

footer p {
	font-family:Arial, Helvetica, sans-serif;	
	
}

div.panes {
	background:none;	
	min-height:0;
	min-width:0;
	width:100%;
}

.panes section {
	min-height:0;
	padding: 0 .2em;	
}

}