html { overflow-y: scroll; }
body { text-align: center; font-size: 14px; color: #363121; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; background: #d1d0b2; }

#container { width: 990px; margin: 20px auto; text-align: justify; background: #fff; border: 1px solid #32714a; overflow: hidden; position: relative; }

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

#header { background: url('../../images/design/header.png') no-repeat 0px 0px; margin: 0px; padding: 0px; height: 165px; width: 990px; overflow: hidden; }

#menu { clear: both; font-size: 16px; height: 28px; background: #6fae7f; padding: 0px 0px 1px 42px; font-variant: small-caps; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { display: inline; margin: 0; padding: 0; }
#menu li a { display: block; float: left; padding: 5px 16px; text-decoration: none; }
#menu li a { border-left: 1px solid #32714a; color: #fff; }
#menu li.last a { border-right: 1px solid #32714a; }
#menu li#menu-active a { background: #c78a2b; }
#menu li a:hover { background: #cb2127; }

#design { width: 990px; margin: -17px auto 20px auto; text-align: right; font-size: 11px; color: #888;}
#design a { color: #888; text-decoration: none; }
#design a:hover { color: #444; border-bottom: 1px dotted #444; }

#squares { position: absolute; right: 0px; width: 392px; height: 224px; z-index: 2;}
#squares div { position: absolute; width: 56px; height: 56px; background: url('../../images/design/blocks.png') no-repeat 0px 0px; }

#main { padding: 35px 32px 5px 32px; position: relative; z-index: 100;}

#main a { color: #32714a; text-decoration: none; font-weight: bold; }
#main a:hover { color: #fff; background: #c78a2b; }
#main a.none:hover { background-color: transparent; }

#main h2 { font-family: 'slagregular', Calibri, Verdana, Arial, Helvetica, sans-serif; color: #32714a; font-size: 26px; margin: 0px 0px 15px 0px; padding: 0px; }
#main h3 { font-family: 'slagregular', Calibri, Verdana, Arial, Helvetica, sans-serif; color: #7a1315; font-size: 22px; margin: 0px 0px 0px 0px; padding: 0px; }
#main h4 { margin: 20px 0px -8px 0px; padding: 0px; }

#main .floatright { margin: 0px 0px 10px 25px; padding: 0px; border: 0px; position: relative; float: right; }

#main .text { margin-bottom: 10px; padding: 10px; }
#main .text p { margin-top: 10px; margin-bottom: 0px; }
#main .text ul { list-style-type: square; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 25px; }
#main .text li { padding: 4px 6px; }
#main .text ul.arrow { padding: 0px; }
#main .text ul.arrow li { padding: 0px 0px 0px 14px; background: url('../../images/design/arrow.png') no-repeat 0px 6px; list-style-type: none; }
#main .smaller { font-size: 12px; }
#main .bigger { font-size: 18px; }

#register fieldset { border: 1px solid #ebe5e5; margin: 10px 0px; padding: 0px; }
#register fieldset legend { font-size: 110%; }
#register fieldset ul { margin: 5px 0px; padding: 1px 5px; }
#register fieldset ul li { background-image: none; list-style: none; margin: 5px 0px; text-align: left; clear: both; }
#register fieldset ul li.line { color: #aaa; }
#register fieldset ul li label { width: 250px; float: left; margin: 0px 10px 10px 0px; }
#register fieldset ul li input { border: 1px solid #ddd; width: 225px; }
#register fieldset ul li textarea { border: 1px solid #ddd; width: 225px; }
#register fieldset ul li input.button { background: #ffffff; width: 100px; }
#register fieldset ul li input.radio { width: 15px; border-width: 0px; }
#register fieldset ul li input.margin { margin-bottom: 30px; }
span.error { font-weight: bold; color: #6fae7f; }
span.error2 { font-weight: bold; color: #c78a2b; }
span.error3 { font-weight: bold; color: #cb2127; }

#main .org_head { margin: 0px; cursor: pointer; font-size: 18px; }
#main .org_head img { vertical-align: -7px; margin-left: 7px; }
#main .org_body { margin-top: 15px; display: none; }

#main table.program td { padding: 5px; vertical-align: top; border: 1px solid #ddd; }
#main table.program h3 { font-size: 16px; }
#main .session { font-weight: bold; color: #c78a2b; }

#photofloat { float: right; }
#photofloat img { padding: 0px 0px 0px 20px; }
#main table.hotels td { padding: 3px; text-align: center; border: 1px solid #ddd; }
#main table.hotels td.hotelh { text-align: left; width: 30%; font-weight: bold; }
#main table.hotels td.hotel { text-align: left; }
#main table.hotels td.price { width: 17%; font-weight: bold; }
#main table.hotels td.walk { width: 23%; font-weight: bold; }
#main table.hotels td.bus { width: 30%; font-weight: bold; }

#slides { display: none }
#slides a:hover { background-color: transparent; }
#slides .container { margin: 0 auto; width: 900px; }
#slides .slidesjs-navigation { margin-top:5px; }
#slides a.slidesjs-next, #slides a.slidesjs-previous, #slides a.slidesjs-play, #slides a.slidesjs-stop { background-image: url('../../images/design/btns-next-prev.png'); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; }
#slides a.slidesjs-next { margin-right:10px; background-position: -12px 0; }
#slides a:hover.slidesjs-next { background-position: -12px -18px; }
#slides a.slidesjs-previous { background-position: 0 0; }
#slides a:hover.slidesjs-previous { background-position: 0 -18px; }
#slides a.slidesjs-play { width:15px; background-position: -25px 0; }
#slides a:hover.slidesjs-play { background-position: -25px -18px; }
#slides a.slidesjs-stop { width:18px; background-position: -41px 0; }
#slides a:hover.slidesjs-stop { background-position: -41px -18px; }
#slides .slidesjs-pagination { margin: 7px 0 0; padding: 0px; float: right; list-style-type: none; }
#slides .slidesjs-pagination li { float: left; margin: 0 1px; padding: 0px; list-style-type: none; }
#slides .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url('../../images/design/pagination.png'); background-position: 0 0; float: left; overflow: hidden; }
#slides .slidesjs-pagination li a.active, #slides .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
#slides .slidesjs-pagination li a:hover { background-position: 0 -26px }
#slides .navbar { overflow: hidden }

@font-face {
    font-family: 'slagregular';
    src: url('fonts/slag-webfont.eot');
    src: url('fonts/slag-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/slag-webfont.woff') format('woff'),
         url('fonts/slag-webfont.ttf') format('truetype'),
         url('fonts/slag-webfont.svg#slagregular') format('svg');
    font-weight: normal;
    font-style: normal;

}