body { background-color: #000; color: #fafafa; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }

* {margin: 0; padding: 0; border: 0;}
h1, h2 {margin-bottom: .5em} 
p, h3, h4, h5, h6 {margin-bottom: 1em}
ol {margin:0 1.5em 1.5em 1.5em;}
ol > li {list-style-type:decimal;}
ol ol > li {list-style: upper-alpha; }
ol ol ol > li {list-style: lower-roman;}
ol ol ol ol > li {list-style: lower-alpha; }

body {text-align: center}
#wrap {position: relative; width: 900px; margin: 0 auto; text-align: left}

	#header {height: 258px; background-image: url(images/header.jpg); position: relative;}
        #header h1 {position: absolute; top: 0; bottom: 0; left: 0; right: 0}
		#header h1 a.home {display: block; position: absolute; top: 130px; height: 100px; left: 225px; width: 500px; }
		#header h1 a.home span {display: none}
	
    #toolbar {height: 30px; width: 900px; overflow: hidden; background: url(images/toolbar.png) repeat-x; color: #ffffff; text-align: center; }
        /* Must have line-height in LI to account for different font-size in li.back */
        #toolbar li {background: url(images/toolbar.png) repeat-x; color: #ffffff; font-size: 18px; padding: 5px 5px 7px 5px; line-height: 18px; height: 18px; min-width: 85px; display: inline-block; list-style-type: none; cursor: pointer; vertical-align: middle;}
        #toolbar li a {color: inherit; text-decoration: none}
        #toolbar li.back {font-size: 16px; font-variant: small-caps; min-width: 25px;}
        #toolbar li.back span {display: none}
        #toolbar li.register {font-size: 22px; font-variant: small-caps; color: #ffa;}

        #toolbar, #toolbar li {background-position: 0 0}
        #toolbar li:hover,
        #toolbar li.iehover { cursor: pointer; background-position: 0 -30px;}
        #toolbar li.selected { background-position: 0 -60px;}

    #small {
    	padding: 15px 0;
    	clear: both;
    	background: #000 url(images/floor.jpg);
    	text-align: center;
    	margin-bottom: 7px;
    }
        #small ul {color: #aaa; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); }
        #small li {font-size: 13px; line-height: 13px; padding: 5px 7px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; display: inline-block; list-style-type: none; cursor: pointer; vertical-align: middle;} 
        #small li:hover,
        #small li.iehover { cursor: pointer; color: #333; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); }
        #small a {text-decoration: none; color: inherit}

	#footer {height: 79px; background-image: url(images/footer.jpg); position: relative; text-align: center; z-index: 2; margin-top: 0px}
		#footer a {display: inline-block; width: 150px; position: absolute; top: 0; right: 0; bottom: 0;} 
		#footer a h4 {display: none;}

	#main2 {
	    background: #000 url(images/bricks.jpg) repeat-y;
	    min-height:100px;
	    z-index: 2;
	    margin-left: 0;
	    border-left: 0;
	    padding: 10px 50px 10px 50px; /* padding-top is essential here to prevent margin collapse */
	    background-position: right top;
	    } 

		#main > h2 {background: rgb(0,0,0); background: rgba(0,0,0,.5); text-align: center; font-size: 24px; line-height: 30px; border-bottom: 0; margin-bottom: 0;}
		#main > h3.location {background: rgb(0,0,0); background: rgba(0,0,0,.5); text-align: center; font-size: 14px; line-height: 20px; border-bottom: 0}
		#main div.secondary {clear: both}
			#main div.secondary > h3 {text-align: center; padding-top: 15px; font-size: 21px; line-height: 1.3} /* this will be hidden by javascript */ 

	#about h4, #only h4 {text-align: center; font-size: 16px; }
	#about p {color: #eee; font-size: 16px; line-height: 28px; background: rgb(10,10,10); background: rgba(10,10,10,.5); padding: 1em 50px; margin: 1em 0}
	#about a {color: #ffffff; text-decoration: none;}
	#about a:hover {color: #ffffff; text-decoration: underline;}
    #about > img, #only > img {padding: 15px}
	#about > img.left, #only > img.left  {float: left; width: 310px; height: 410px; padding-left: 0; padding-top: 0;}
	#about > img.right, #only > img.right {float: right; width: 310px; height: 410px; padding-right: 0; padding-top: 0;}

    #about div.ytleft {padding: 15px; float: left; width: 310px; height: 400px; padding-left: 0; padding-top: 0; overflow: hidden; }
    #about div.ytright {padding: 15px; float: right; width: 310px; height: 400px; padding-right: 0; padding-top: 0; overflow: hidden; }
	#about div.ytleft img, #about div.ytright img {width: 310px; height: 410px}

	#about > ul, #only > ul {float: right; text-align: right;}

	
	#about li {list-style-position: inside}
	#about li.googlemap {margin-top: 10px; list-style-type: none}
	#about li.googlemap a {text-decoration: none}
	#about li.googlemap a img {vertical-align: top; padding: 0 10px; border: 0;}
	#about li.googlemap a span {text-decoration: underline}

	#about div.youtubevid {text-align: center}
	#about div.youtubevid iframe {margin: 0 auto}

	#about img.social {width: 100px; height: 100px; float: left; padding-right: 50px;}


	#refunds { background: rgb(10,10,10); background: rgba(10,10,10,.5); color: #fafafa; padding: 0 50px;}
	#refunds ol li {margin-bottom: 1.3em}

	#contact {background: rgb(10,10,10); background: rgba(10,10,10,.5)}
	#contactform {text-align: center;}
	#contactform label {display: inline-block; width: 90px; text-align: center; font-size: 14px; vertical-align: middle}
	#contactform label.error {color: red}
	#contactform label.valid {color: green}
	#contactform input, #contactform select  {display: inline-block; border: 1px solid gray; padding: 5px;  font-size: 16px; line-height: 20px; margin: 5px; width: 400px;  vertical-align: middle}
	#contactform input.submit {width: 150px; background-color: white; color: black}
	#contactform input.submit:hover {width: 150px; background-color: #E2B05D; color: white; cursor: pointer;}
	#contactform textarea {display: inline-block; border: 1px solid gray; padding: 5px;  font-size: 16px; line-height: 20px;  margin: 5px; width: 400px;  vertical-align: middle}
	#main2 div.othercontact {margin: 10px 0; text-align: center; height: 115px; padding: 5px 0 0 90px; display: table-cell; vertical-align: middle; }
	#main2 div.othercontact div.phone,
	#main2 div.othercontact div.usps {display: inline-block; width: 300px; padding: 10px; border: 1px solid #afafaf; margin: 0 auto; vertical-align: middle; }
	#main2 div.othercontact ul li {list-style-type: none}


	#guests {height: 400px; position: relative; margin: 0 -50px;}
	#guests li {position: absolute; list-style-type: none;}
	#guests li img {position: relative}
	#guests li div.more {display: none}

	#guests #skillet {top: 10px; left: 5px;}
	#guests #skillet img {width: 250px}

	#guests #crowns {top: 30px; left: 240px;}
	#guests #crowns img {width: 230px}

	#guests #tailor {top: 15px; left: 460px;}
	#guests #tailor img {width: 215px}

	#guests #younker {top: 5px; left: 665px;}
	#guests #younker img {width: 220px}

	#guests #wright {top: 190px; left: 14px;}
	#guests #wright img {width: 235px}
	
	#guests #harris {top: 210px; left: 245px;}
	#guests #harris img {width: 155px}
	
	#guests #gambrell {top: 220px; left: 420px;}
	#guests #gambrell img {width: 230px}

	#guests #jackson {top: 205px; left: 650px;}
	#guests #jackson img {width: 195px}

	#schedule table {margin: 0 auto;}
	#schedule caption {caption-side: bottom; text-align: left; }
	#schedule caption span {display: inline-block; background: rgb(0,0,0); background: rgba(0,0,0,.7); -moz-border-radius: 7px; border-radius: 7px; padding: 5px; }
	#schedule tbody {background: rgb(0,0,0); background: rgba(0,0,0,.7); display: block; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 3px;}
	#schedule tbody.even {background: rgb(143,122,95); background: rgba(143,122,95,.7);}
	#schedule th {cursor: default; width: 100px; padding: 3px 30px 3px 10px; font-weight: normal; text-align: left; -moz-border-radius: 7px; border-radius: 7px; }
	#schedule td {cursor: default; padding: 5px 10px; font-weight: normal; }
	#schedule td.time {width: 100px; padding: 5px 15px; text-align: center; } /* cursor: e-resize;  */
	#schedule td.event {width: 315px; text-align: center; background: rgb(255,255,255); background: rgba(255,255,255,.7); color: #000; border-color: #eaeaea; -moz-border-radius: 15px; border-radius: 15px;} /* fixed-width added because tbody prevents them from all being the same width. cursor: ew-resize; */ 
	#schedule tbody.even td.event {border-color: #E2B05D;}

	#schedule td.whiteBG {background: rgb(0,0,0); background: rgba(0,0,0,.8) !important; -moz-border-radius: 5px; border-radius: 5px;}
	#schedule tbody.even td.whiteBG {background: rgb(143,122,95); background: rgba(143,122,95,.8) !important;}
	
	#schedule th.whiteBG {background: rgb(0,0,0); background: rgba(0,0,0,.8) !important; -moz-border-radius: 30px; border-radius: 30px;}
	#schedule tbody.even th.whiteBG {background: rgb(143,122,95); background: rgba(143,122,95,.8) !important;}
	
	#schedule td.bold {background: rgb(255,255,255); background: rgba(255,255,255,1); color: #000;}
	
	#schedule td.event img {vertical-align: middle}
	#schedule td.event a {color: inherit}
	#schedule td.event span.external {font-size: 85%; font-style: italic}
	
	#prices table {margin: 0 auto;}
	#prices tbody {background: rgba(10,10,10,.3); display: block; -moz-border-radius: 7px; border-radius: 7px; margin-bottom: 3px;}
	#prices td, #prices th {color: black; padding: 7px 5px 8px 5px; font-weight: normal; text-align: center; -moz-border-radius: 10px; border-radius: 10px; border: 0;}
	#prices td span, #prices th span {font-weight: normal; font-size: .85em; font-variant: small-caps; }
	#prices th.section {font-weight: bold; color: white; background: rgb(0,0,0); background: rgba(0,0,0,.8);}
	#prices th.confprice {background: rgb(255,255,255); background: rgba(255,255,255,.8); }
	#prices td.confprice {background: rgb(255,255,255); background: rgba(255,255,255,.8); width: 263px; font-weight: bold; }
	#prices td.persons {background: rgb(255,255,255); background: rgba(255,255,255,.8); width: 100px; font-weight: bold; }
	#prices th.regprice {background: rgb(255,255,255); background: rgba(255,255,255,.8); }
	#prices td.regprice {background: rgb(255,255,255); background: rgba(255,255,255,.8); width: 125px; font-weight: bold; }
	#prices th.ebdprice {background: rgb(255,255,255); background: rgba(255,255,255,.6); }
	#prices td.ebdprice {background: rgb(255,255,255); background: rgba(255,255,255,.6); color: #333; width: 125px; font-weight: bold; }
	#prices td.info {width: 275px; padding: 7px 10px 8px 5px; font-weight: bold; color: #fff; background: rgb(134,10,12); background: rgba(134,10,12,.7);}
	#prices td.info ul {font-weight: normal; text-align: left;}
	#prices td.info li {list-style-position: inside;}
	
	#prices .highlight { cursor: default; background: rgb(134,10,12); background: rgba(134,10,12,.7) !important; color: #fff !important; -moz-border-radius: 0; border-radius: 0;}
	#prices .selected { cursor: default; background: rgb(134,10,12); background: rgba(134,10,12,.7) !important; color: #fff !important; -moz-border-radius: 0; border-radius: 0;}
	
	#prices div.deadlines {width: 650px; margin: 0 auto; text-align: center; }
	#prices div.deadlines h4 {margin-bottom: 5px; text-align: center; padding: 7px 5px 8px 5px; background: rgb(0,0,0); background: rgba(0,0,0,.8); color: white; -moz-border-radius: 10px; border-radius: 10px;}
	#prices div.deadlines ul {text-align: center; margin: 0 auto; background: rgb(0,0,0); background: rgba(0,0,0,.6);}
	#prices div.deadlines ul li {list-style-position: inside; text-align: left; padding-left: 30px; text-indent: -25px; background: rgb(10,10,10); background: rgba(10,10,10,.3); line-height: 1.7;}
    #prices div.deadlines li.ebd {font-weight: bold;}
	#prices div.deadlines li.ebd span, #prices div.deadlines li.bdd span {font-weight: bold; font-size: 1.2em}
    #prices div.deadlines li.ebd span.red {color: #FB4536}
	
	#prices div.additionalinfo {width: 650px; margin: 20px auto 10px; text-align: center; }
	#prices div.additionalinfo div {background: rgb(0,0,0); background: rgba(0,0,0,.6);}
	#prices div.additionalinfo h4 {margin-bottom: 5px; text-align: center; padding: 7px 5px 8px 5px; background: rgb(0,0,0); background: rgba(0,0,0,.8); color: white; -moz-border-radius: 10px; border-radius: 10px;}
	#prices div.additionalinfo p {text-align: left; padding: 5px; line-height: 1.7; margin: 0; padding: 5px 10px 10px 10px; background: rgb(10,10,10); background: rgba(10,10,10,.3)}
	#prices div.additionalinfo ul {text-align: center; margin: 0 auto;}
	#prices div.additionalinfo ul li {list-style-position: inside; text-align: left; padding-left: 30px; text-indent: -25px; background: rgb(10,10,10); background: rgba(10,10,10,.3); line-height: 1.7;}

	#faq div.faq h4 {font-size: 18px; padding: 7px; color: white; background-color: #7daab0; -moz-border-radius: 10px; border-radius: 10px; text-align: center;}
	#faq div.faq h4 span.hidden {display: inline-block; vertical-align: bottom; margin: 0 15px; height: 16px; width: 16px; background: url('images/triangle.png'); background-position: -16px 0px; }
	#faq div.faq h4 span.shown {display: inline-block;  vertical-align: bottom; margin: 0 15px; height: 16px; width: 16px; background: url('images/triangle.png'); background-position: -16px -16px;}

	#faq div.faq h5 {font-size: 14px; margin-left: 15px; padding: 2px; color: black;}
	#faq div.faq p {font-size: 14px; margin-left: 35px; margin-right: 35px; color: black;}
	#faq div.faq h5:before {content: "\00BB\00A0"}

	#hotels h4.map {text-align: center; padding: 5px;}
	#hotels h4.map a {text-decoration: none;}
	#hotels h4.map a span {background: rgb(10,10,10); background: rgba(10,10,10,.5); color: white; font-weight: bold; padding: 10px; display: inline-block; border: 1px solid black;  -moz-border-radius: 10px; border-radius: 10px; }
	#hotels h4.map a:hover span {background-color: #E2B05D; color: white; border-color: blue;}
	#hotels h4.map a span img {vertical-align: middle; padding: 0 10px; border: 0}

	#hotels div.pricingblock {margin: 0 5px 15px 5px; padding: 10px;}

	#hotels div.pricingblock h4 {font-size: 18px; padding: 3px; margin-top: 0; color: #fff; background: rgb(10,10,10); background: rgba(10,10,10,.5);  border: 1px dotted black; -moz-border-radius: 10px; border-radius: 10px; text-align: center;}
	
	#hotels div.pricingblock h5 {margin: 5px 20px; font-size: 14px; padding: 3px; color: white; background: rgb(130,130,130); background: rgba(130,130,130,.8); -moz-border-radius: 10px; border-radius: 10px; text-align: center;}
	#hotels div.pricingblock h5 span.hidden {display: inline-block; vertical-align: bottom; margin: 0 15px; height: 16px; width: 16px; background: url('images/triangle.png'); background-position: -16px 0px; }
	#hotels div.pricingblock h5 span.shown {display: inline-block;  vertical-align: bottom; margin: 0 15px; height: 16px; width: 16px; background: url('images/triangle.png'); background-position: -16px -16px;}

	#hotels div.pricingblock ul {margin: 0 35px 0 30px}
	#hotels div.pricingblock li {color: black; background: rgb(240,240,240); background: rgba(240,240,240,.8); font-size: 14px; list-style-position: inside; list-style-type: none; padding: 5px 5px 5px 30px; text-indent: -25px; line-height: 1.7; } 
	#hotels div.pricingblock li span.hotel {font-weight: bold; font-size: 1.05em}
	#hotels div.pricingblock li a.external {font-variant: small-caps; color: blue; text-decoration: none}
	#hotels div.pricingblock li a.external:hover {text-decoration: underline}
	#hotels div.pricingblock li a.external:before {content: "\00BB\00A0"}
	#hotels div.pricingblock li.full {font-size: 12px !important; color: #777 !important; font-style: italic;}
	#hotels div.pricingblock li.full * {font-size: 12px !important; font-weight: normal !important; color: #777 !important; }
	#hotels div.pricingblock li.full a {display: none}
	#hotels div.pricingblock li.full:before {content: 'FULL\00A0\2014\00A0'; color: #000; font-weight: bold; font-variant: small-caps; font-style: normal; font-size: 14px; }
	#hotels div.pricingblock li.limited {color: #777;}
	#hotels div.pricingblock li.limited span.hotel {color: #333;}
	#hotels div.pricingblock li.limited span.limited {color: #000; font-weight: bold;}

	#hotels div.pricingblock li.fancy {padding: 0 0 0 25px; background: rgb(240,240,240); background: rgba(240,240,240,.8); -moz-border-radius: 10px; border-radius: 10px; text-indent: 0; padding: 5px; margin: 5px 0; }
	#hotels div.pricingblock li.fancy.iehover,
	#hotels div.pricingblock li.fancy:hover {cursor: default; background-color: #fff;}
	#hotels div.pricingblock li.fancy.full {background: rgb(240,240,240); background: rgba(240,240,240,.8);}
	
	#registration {padding: 0 50px}
	#registration div.block {padding: 1em; padding-bottom: 0; margin: 1em 0; color: #000; background-color: #f4f4f4; }

	/* must overide margins and use padding to maintain bgcolor */
	#registration div.block p {font-size: 16px; line-height: 1.5; padding-bottom: 16px; margin-bottom: 0}
	#registration div.block li {margin-left: 25px; list-style-position: outside; font-size: 16px; line-height: 1.5; padding-bottom: 16px; margin-bottom: 0}
	#registration div.block li li {font-size: 14px; line-height: 1.3; padding-bottom: 16px; margin-bottom: 0; font-style: italic}	
	
	#events, #register {text-align: center}

	#main2 ul.buttons {display: block; margin: 0 auto}
	#main2 ul.buttons li {display: inline-block; list-style-type: none; vertical-align: top}
	#main2 ul.buttons li a {color: #3e6c6e; text-align: center; font: 14px/1.3 "Lucida Grande", Lucida, Verdana, sans-serif; display: block; width: 200px; padding: 5px 5px 5px 110px; margin: 9px; border: 1px solid #ffffff; height: 60px; background-color: white; background-position: 5px 5px; background-repeat: no-repeat; text-decoration: none; }
	#main2 ul.buttons li a b {font-size: 16px; font-weight: bold}
	#main2 ul.buttons li a em.eventsub {font-size: 12px; font-weight: normal; line-height: 14px; font-style: italic;}
	#main2 ul.buttons li a:hover {color: #0a1212; border-color: #fc710d; background-color: #fadfc8}

	#main2 ul.buttons #btn-brn a {background-image: url(images/events/btn-event-brn.jpg);}
	#main2 ul.buttons #btn-lou a {background-image: url(images/events/btn-event-lou.jpg);}
	#main2 ul.buttons #btn-mb a {background-image: url(images/events/btn-event-mb.jpg);}
	#main2 ul.buttons #btn-okc a {background-image: url(images/events/btn-event-okc.jpg);}
	#main2 ul.buttons #btn-orl a {background-image: url(images/events/btn-event-orl.jpg);}
	#main2 ul.buttons #btn-wwg a {background-image: url(images/events/btn-event-wwg.jpg);}
	#main2 ul.buttons #btn-san a {background-image: url(images/events/btn-event-san.jpg);}
	#main2 ul.buttons #btn-svr a {background-image: url(images/events/btn-event-svr.jpg);}
	#main2 ul.buttons #btn-cruise a {background-image: url(images/events/btn-event-cruise.jpg);}
	#main2 ul.buttons #btn-shop a {background-image: url(images/events/btn-event-shop.jpg);}