body {font-family: Arial, sans-serif;font-size: 12px; line-height: 16px; background: #b8ff78}

strong {font-weight: bold}
strong.green {color: #b8ff78;}

em {font-style: italic}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


h1 {font-size: 20px; font-weight: bold; color: #b8ff78; }
h2 {font-size: 16px; font-weight: bold; color: #b8ff78; margin: 2em 0 3px; clear: both}
h2 span {font-size: 12px; font-weight: normal; color: #b8ff78;}
#content-wrapper h2 a {font-size: 16px; font-weight: bold; color: #b8ff78; margin: 2em 0 3px; text-decoration: none}
h3 {font-size: 12px; font-weight: bold; color: #b8ff78; margin: 18px 0 0px}

hr {border: none; background: #2c6bb5; color: #2c6bb5; margin: 2.5em 0 .5em; clear: both}

#header-wrapper {background:#f8f8f8 url(../img/header-background.gif) repeat-x; border-top: solid 3px #b8ff78}

#header{width: 850px; margin: 0 auto}

#header ul.utility {float: right; text-align: left; height: 23px; padding: 10px; background: url(../img/utility-nav-background.gif) repeat-x; margin-bottom: -23px}
#header ul.utility li {float: left; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 12px}
#header ul.utility a {float: left; color:#0153a5; text-decoration: none; padding: 0 8px;  border-left: 2px solid #2c6bb5; padding-top: 1px}
#header ul.utility a:hover {color: #122759}
#header ul.utility a.current {color: #122759}
#header ul.utility .first-child a {border-left: none}

#nav-wrapper {width: 100%; background: #0153a5; border-top: 2px solid  #2c6bb5}
#nav-wrapper ul.main {width: 850px; margin: 0 auto; line-height: 14px}
#nav-wrapper ul.main li {float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 8px 0}
#nav-wrapper ul.main li a {color: #b8ff78; text-decoration: none; padding: 0 8px; border-left: 2px solid #2c6bb5}
#nav-wrapper ul.main li a:hover {color: #fff; }
#nav-wrapper ul.main li .current{color: #fff; }

#nav-wrapper ul.main li.first-child a {border-left: none; margin-left: 7px}

#nav-wrapper ul.main li.last-child {border-left: none; float: right;  background-color: #b8ff78; text-align: center; background: url(../img/nav-registration-background.gif) center center no-repeat; width: 181px; color: #0153a5}
#nav-wrapper ul.main li.last-child a {border-left: none; color: #0153a5}
#nav-wrapper ul.main li.last-child a:hover {color: #122759}

#content-wrapper-wrapper {background: #0153a5; width: 100%; border-top: 2px solid  #2c6bb5}
#content-wrapper { padding: 20px 0 26px; width: 850px; margin: 0 auto}
#content-wrapper a {color:#fff; text-decoration: underline; }

#content {color: #fff;}
#content.index {margin: 0 0 0 auto; width: 590px;float: left}
#content.secondary  {margin: 0 0 0 auto; width: 590px; float: right}

.copy {width: 563px; margin-left: 18px}

#content p {margin: 1em 0 1em}
#content p.sub {margin-bottom: 1.75em}
#content ul {list-style-type: disc; padding-left: 16px}

img.border {border: solid 1px #68829c; }
a.lightbox img {border: solid 1px #68829c; margin-right: 10px; display: block; margin-bottom: 12px; float: left}
#Photos p {  display: block; clear: both}

#right-column {width: 225px; color: #fff; line-height: 18px; margin: 0 auto 0 0; float: right}
#left-column {width: 225px; color: #fff; line-height: 18px; margin: 0 auto 0 0; float: left}

ul.callouts {color: #d8e5f1; }
ul.callouts dfn {color: #b8ff78; display: block; width: 100%; font-size: 14px; font-weight: bold; font-style: normal}
#content-wrapper ul.callouts dfn a {color: #b8ff78; text-decoration: none}
ul.callouts {list-style-image: url(../img/list-star-green.gif); padding-left: 23px}
ul.callouts li {padding: 0px 0px 10px; background: url(../img/dotted-gray-line.gif) bottom left repeat-x; margin-top: 10px}
ul.callouts li.last-child {background: none}

#slideshow {height: 314px; overflow-x: hidden}

#left-column ul {padding-left: 23px}
#left-column ul ul {padding-left: 0}
#left-column ul li {color: #b8ff78; list-style-image: url(../img/list-star-green.gif); padding-left: 0px; font-size: 14px; font-weight: bold; font-style: normal; background: url(../img/dotted-gray-line.gif) top left repeat-x; padding: 20px 0 0;}
#left-column ul li.first-child {background: none; padding: 0}
#left-column ul li a {color: #b8ff78; text-decoration: none}
#left-column ul li li{list-style-image: none; list-style-type: none; color:#fff; font-size: 12px; background: none; padding: 0}
#left-column ul ul {margin-bottom: 16px}
#left-column ul li li a {color: #fff}
#left-column ul li li li {padding-left: 0; font-size: 12px; font-weight: normal; color: #d8e5f1; list-style-type: disc }
#left-column ul li li li a {color: #d8e5f1; text-decoration: none}
#left-column ul li li ul {list-style-type: disc; padding: 0px 0px 20px 16px ; margin: 0}
#left-column ul li.last-child li ul {background: none}


.sponsors table {font-size: 12px; color: #fff;}
.sponsors table td {vertical-align: top; padding: 16px 0 0;}
.sponsors table td.logo {width: 210px;}
.sponsors table td.logo img {border: 0;margin: 0; padding: 0;}
.sponsors table td.list {width: 210px; font-weight: bold;}
.sponsors table td.list span {font-weight: normal;}

#register-today-top {height: 12px; width: 216px; background: url(../img/sidebar-round.gif) top left no-repeat; margin: 18px auto 0; }
#register-today {background: url(../img/sidebar-round.gif) bottom left no-repeat; width: 184px; padding: 0 16px 2px; margin: 0 auto}
#register-today p {margin: 0 0 12px}

#frontpage-video-top {height: 12px; width: 216px; background: url(../img/sidebar-round.gif) top left no-repeat; margin: 18px auto 0; }
#frontpage-video {background: url(../img/sidebar-round.gif) bottom left no-repeat; width: 184px; padding: 0 16px 8px; margin: 0 auto}
#frontpage-video p {margin: 0 0 12px}

#footer-wrapper {background: url(../img/footer-background.gif) repeat-x; padding: 12px 0}
#footer {width: 810px; margin: 0 auto; }

#footer #footer-sponsors {font-size: 10px; font-weight: bold; color: #757e84; clear: both;}
#footer #footer-sponsors li {display: block; float: left; width: auto; padding-bottom: 10px;}
#footer #footer-sponsors span.sponsor-name {padding-left: 10px}
#footer #footer-sponsors img.sponsor-image {float: left; clear: both; margin-left: 0px; margin-right: 0px; margin-top: 5px;}

#footer address {color: #1b1897; font-size: 10px; text-align: center; border-top: solid 1px #757e84; padding-top: 10px; clear: both; }
#footer address a {color: #1b1897; text-decoration: none}
#footer .pipe {color: #757e84}

#footer .huber {text-align: center; margin-top: 8px; color: #1b1897; font-size: 10px;}
#footer .huber a {text-decoration: none; color: #1b1897; font-weight: bold}


#prev {position: relative; left: -15px; top: -195px; float: left; z-index: 100000}
#next {position: relative; right: -8px; top: -195px; float: right; z-index: 100000}

.img-overlay-back {margin: -16px 0 15px}
.img-overlay-top {width: 591px; height: 18px; background: url('../img/img-overlay-top.gif') no-repeat; position: relative; bottom: -15px; z-index: 100000; }
.img-overlay-bottom {width: 591px; height: 18px; background:url('../img/img-overlay-bottom.gif') no-repeat;position: relative; top: -8px;  z-index: 100000; }
.img-overlay-back img{padding: 0 11px 0 4px; z-index: 0; display: block; position: relative;background: url('../img/img-overlay-sides.gif') repeat-y;}

.img-overlay-back iframe{padding: 0 11px 0 4px; z-index: 0; display: block; position: relative;background: url('../img/img-overlay-sides.gif') repeat-y;}
