body {margin:0; background:#0e480b url(/shell/bg.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5;}
h1 {color:#0e480b; font-family:"Times New Roman", Times, serif; font-style:italic;}
h3 {color:#0e480b; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:20px;}
h4 {font-size:16px;}

a {color:blue;}

li {margin-bottom:5px;}

#wrapper {margin:0 auto; width:900px; background:#FFFFFF; overflow:hidden;}
#header {height:139px; overflow:hidden;}
#main {margin:10px 0; float:left; width:388px;}
#back {margin:10px 0; float:left; width:626px;}
#sponsors {margin:20px auto; width:900px;}

/*======= SIDEBAR STYLES =======*/
.sidebar {margin:10px 6px; float:left; width:238px; border:1px solid #0e480b;}
#address {margin:0 5px 5px 5px; background:url(/shell/bg-mi-map.jpg) no-repeat bottom right; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;}
#grandstand {margin:5px; font-size:20px; color:#0e480b; font-style:italic;}
#grandstand img {float:left; margin:5px 5px 5px 0; clear:left;}

/*======= NAVIGATION STYLES =======*/
.nav2 {width:220px; clear:left; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#000; position:relative; clear:left; z-index:1000;}
.nav2 ul {width:220px; margin:0 0 5px 0; padding:0; list-style:none;}
.nav2 ul li {display:block; width:220px; list-style:url(none) none;}
.nav2 ul li a {display:block; width:220px; height:20px; line-height:20px; color:#000; text-decoration:none; text-indent:30px;}
.nav2 ul li ul {display: none; background:#FFF;}
.nav2 ul li:hover a {background:url(/shell/nav2-bg-button.jpg) no-repeat left center;}
.nav2 ul li:hover ul {display:block; position:absolute; top:auto; left:150px; width:220px; border:1px solid #000000; }
.nav2 ul li:hover ul li a.hide {background:#dfc184; color:#000; }
.nav2 ul li:hover ul li:hover a.hide {width:220px;}
.nav2 ul li:hover ul li ul {display: none; height:20px; line-height:20px;}
.nav2 ul li:hover ul li a {display:block; background:#fff; color:#000;  width:220px;}
.nav2 ul li:hover ul li a:hover {background:#fff url(/shell/nav2-bg-button.jpg) no-repeat left center;}
.nav2 ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.nav2 ul li:hover ul li:hover ul li a {display:block; width:220px; background:#dfc184; color:#000;}
.nav2 ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


#gallerylist {margin:10px 0; height:111px; width:306px; border:1px solid #DDD;}
#gallerylist:hover {background:#EEE; cursor:pointer;}
#gallerylist H2 {margin:0;}

/*======= CAROUSEL STYLES =======*/
#mainslideshow {float:right; width:386px; clear:right; margin:0;}

.stepcarouselMAIN{position: relative; /*leave this value alone*/
margin-top:0;
border:1px solid #b5b5b5;
float:right;
overflow: scroll; /*leave this value alone*/
width: 386px; /*Width of Carousel Viewer itself*/
height: 319px; /*Height should enough to fit largest content's height*/}

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

.stepcarouselMAIN .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: 386px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/*======= FORM STYLES =======*/
label  {position:absolute; top:0; left:0}
:focus {outline: 0;}

form {padding: 0 20px 20px 20px;}

form, form fieldset input, form fieldset textarea, form label {font-family: Helvetica, Arial; font-size: 12pt;}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}


form fieldset p input,
form fieldset p textarea {display: block; padding: 4px; width: 400px;margin: 0;}
form fieldset p label {width: 380px; display: block; margin: 5px 5px 5px 6px; padding: 0;}
form fieldset p textarea {padding: 2px;	width: 404px;}
form fieldset p label {color: #777;}