@charset "UTF-8";

a:link {text-decoration: none; color: #000000; }
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline; color: #000000;}
a:active {text-decoration: none; color: #000000;}

.class1 a:link {text-decoration: none; color: #663377; }
.class1 a:visited {text-decoration: none; color: #663377;}
.class1 a:hover {text-decoration: underline; color: #663377;}
.class1 a:active {text-decoration: none; color: #663377;}

.class2 a:link {text-decoration: none; color: #666666; }
.class2 a:visited {text-decoration: none; color: #666666;}
.class2 a:hover {text-decoration: none; color: #666666;}
.class2 a:active {text-decoration: none; color: #666666;}

.class3 a:link {text-decoration: none; color: #999999; }
.class3 a:visited {text-decoration: none; color: #999999;}
.class3 a:hover {text-decoration: underline; color: #333333;}
.class3 a:active {text-decoration: underline; color: #999999;}

.class4 a:link {text-decoration: none; color: #cccccc; }
.class4 a:visited {text-decoration: none; color: #cccccc;}
.class4 a:hover {text-decoration: underline; color: #999999;}
.class4 a:active {text-decoration: underline; color: #cccccc;}

body{
margin: 0 0 0 0;
background-image:url(../images/paperBG-01.gif); 
background-position:top; 
background-repeat:no-repeat;
background-color: #e1dee8;
}

.copylg{
font-family: arial, helvetica, sans-serif;
font-size:18px;
color: #666666;
}

.hed{
font-family: arial, helvetica, sans-serif;
font-size:12px;
color: #004A85;
text-transform: uppercase;
}

.hedgreen{
font-family: arial, helvetica, sans-serif;
font-size:12px;
color: #3f93a4;
text-transform: uppercase;
}

.hedsm{
font-family: arial, helvetica, sans-serif;
font-size:12px;
color: #4e2a25;
}

.copy{
font-family: arial, helvetica, sans-serif;
font-size:12px;
line-height:16px;
color: #666666;
}

.copygreen{
font-family: arial, helvetica, sans-serif;
font-size:12px;
line-height:16px;
color: #984f1b;
}

.copymed{
font-family: arial, helvetica, sans-serif;
font-size:11px;
line-height: 13px;
color: #666666;
}

.copysm{
font-family: arial, helvetica, sans-serif;
font-size:10px;
line-height: 12px;
color: #666666;
}

.copyxsm{
font-family: arial, helvetica, sans-serif;
font-size:9px;
line-height: 9px;
color: #bebebe;
}

.credit{
font-family: arial, helvetica, sans-serif;
font-size:10px;
line-height: 12px;
color: #cccccc;
}

#footer {
margin: 20px 0 20px 0;
float: left;
}

#footer-right {
margin: 20px 0 20px 0;
float: right;
}

.footerlinks {
font-family: arial, helvetica, sans-serif;
font-size:10px;
line-height:15px;
color: #004A85;
}

.legal {
font-family: arial, helvetica, sans-serif;
font-size:10px;
color: #777777;
}

#caption {
float:right; 
padding:30px 18px 0 0;
}

/* Layout */

#topbar {
width: 980px;
height: 24px;
background-color: #000000;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size:11px;
vertical-align: middle;
}

#container {
margin: 0 auto;
position: relative;
width: 980px;
}

#content {
margin: 140px 0 0 0;
position: relative;
width: 980px;
height: 600px;
background-color: #ffffff;
padding: 0 0 0 0;
_padding: 0 0 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#logo {
width: 300px;
height: 130px;
margin: 10px 0 0 0px;
float: left;
}

#buyTixTop {
width: 126px;
height: 30px;
margin-top:-4px;
margin-left:525px;
margin-right:0;
margin-bottom:0;
float: left;
}

#left {
margin: 0 10px 0 29px;
float: left;
width: 731px;
height: 530px;
}

#sidebar {
margin: 0 19px 0 10px;
float: right;
width: 168px;
height: 530px;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
color: #666666;
}


#sidebar ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

#sidebar ul li{
padding: 0px 0px 10px 0px;
border-bottom-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: dotted;
}

#sidebar ul li a{
padding: 0px 0px 0px 0px;
}

#sidebar ul li a:hover{
padding: 0px 0px 0px 0px;
text-decoration: underline;
}

#center {
padding: 0 0 0 0;
width: 23px;
height: 530px;
margin: 0 197px 0 760px;
}

/* Main Nav */

#menu ul {
padding: 0px 0px 0px 0px;
_padding:0px 0px 0px 0px;
font-family: arial, helvetica, sans-serif;
font-size:13px;
border-bottom: solid;
border-bottom-color: #ccc;
border-bottom-width: 1px;
}

#menu ul li {
padding: 0px 4px 0px 4px;
_padding: 0px 4px 0px 4px;
color: #ffffff;
display: inline;
}

#menu ul li a {
padding: 11px 32px 11px 32px;
_padding: 11px 32px 11px 32px;
color: #663377;
display: inline-block;
text-decoration: none;
}

#menu ul li a:hover {
background-color:#CECDD7;
padding: 11px 32px 11px 32px;
_padding: 11px 32px 11px 32px;
color: #545757;
font-family: arial, helvetica, sans-serif;
font-size:13px;
display: inline-block;
}

.active {
background-color:#CECDD7;
padding: 11px 32px 11px 32px;
_padding: 11px 32px 11px 32px;
color: #545757;
font-family: arial, helvetica, sans-serif;
font-size:13px;
display: inline-block;
}


/* Sub Nav */

#submenu ul {
padding: 0 0 0 0;
font-family: arial, helvetica, sans-serif;
font-size:13px;
float:right;
position: absolute;
top: 137px;
left: 830px;
}

#submenu ul li {
padding: 0 0 0 0;
color: #000000;
display: inline;
}

#submenu ul li a {
background-color:#F0EAD7;
padding: 11px 10px 11px 10px;
color: #ffffff;
display: inline-block;
text-decoration: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; 
-webkit-border-top-left-radius: 5px;
}

#submenu ul li a:hover {
background-color: #CECDD7;
padding: 11px 10px 11px 10px;
color: #f0eeb4;
font-family: arial, helvetica, sans-serif;
font-size:13px;
display: inline-block;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; 
-webkit-border-top-left-radius: 5px;
}

/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; position: relative; width: 100px; left: 880px; top: -23px;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width: 100px;}
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

/* Essentials - configure this */

#nav ul { width: 100px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */

#nav { height: 23px;}
#nav *:hover { background-color: none; }
#nav a { border-right: none; color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 10px; padding: 6px; line-height: 1; }
#nav li.hover a { background-color: #5E5A5A; text-decoration: none; }
#nav ul { top: 22px; }
#nav ul li a { background-color: #5E5A5A; }
#nav ul a.hover { background-color: #fff000; color: #000000; text-decoration: none;}
#nav ul a { border-bottom: none; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Participant Lists */
#listcontainer { width: 200px; }

#listcontainer ul
{
margin:0 0 0 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

#listcontainer ul li
{
margin:0 0 0 0;
padding-bottom: 3px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

#listcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #fff;
color: #666666;
}

#listcontainer a:link, #list a:visited
{
color: #666666;
text-decoration: none;
}

#listcontainer a:hover
{
text-decoration: none;
background-color: #F0EAD7;
color: #663377;
}

/* slider */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 530px; /*Width of Carousel Viewer itself*/
height: 380px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*twitter*/
#twitter {
color: #666666;
list-style-type:none;
padding-bottom: 4px;
border: 0px;
border-bottom: 0px;
}

#twitter ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

#twitter ul li{
padding: 0px 0px 6px 0px;
border-bottom-width: 0px;
}

#twitter ul li a{
color: #999999;
text-decoration: underline;
}

#twitter ul li a:hover{
color: #333333;
text-decoration: underline;
}

/* Gallerific */
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 508px;
	position: absolute;
	left: 240px;
	top: 530px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 20px;
	height: 23px;
	
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: absolute;
	float: left;
	clear: both;
	width: 500px;
	height: 400px; 
	/* This should be set to be at least the height of the largest image in the slideshow */
	top: -410px;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('css/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 500px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 500px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width: 180px;
	position: absolute;
	top: 120px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	width: 75px;
	height: 75px;
}
a.thumb {
	padding: 2px;
	display: block;
}
ul.thumbs li.selected a.thumb {
	background: #ffffff;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	width: 100px;
	position: absolute;
	top: 540px;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	line-height:16px;									
	color: #cccccc;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
}
div.pagination a:hover {
	color: #cccccc;
	text-decoration: none;
}
div.pagination span.current {
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-decoration: underline;
	color: #666666;
}
div.pagination span.ellipsis {
	border: none;
	padding: 0 0 3px 2px;
}

/* Buy Now text button */
a.buynow:link {
	background-color: #ffffff;
	margin: 5px;
}
a.buynow:visited {
	background-color: #ffffff;
	margin: 5px;
}
a.buynow:hover {
	background-color: #e2ebf0;
	margin: 5px;
}
a.buynow:active {
	background-color: #e2ebf0;
	margin: 5px;
}