﻿/*/// Site Specific Styles
------------------------------------------------- */

#wrap{position: relative; width: 965px; min-height: 797px; height: auto !important; height: 797px; background: #1e0a01 url(/_img/bg4.jpg) no-repeat; margin: 0px auto; padding: 0 15px; border-bottom: 1px #424543 solid;}

#wrap #hdrTop, #wrap #hdrNav, #wrap #ftr{height: 40px; background: #1f1f02;}
#wrap #hdrTop{height: 58px;}

#wrap .leftCol, #wrap .rightCol{float: left; left: 15px; margin-top: 15px; width: 645px; border: solid 1px #aecc13;}
#wrap .rightCol{float: right; width: 300px; border: 0;}
#wrap .content{position: relative; background: #251405; padding: 20px 20px;}
#wrap .leftCol .content{padding-bottom: 10px; font-size: 90%}
#wrap .rightCol .content{border: 1px #666 solid;}
#wrap .blog{padding: 0;}
#wrap .home{border: 0;}
#wrap .signup{background: #251405; border: 1px #666 solid;}
#wrap .news{background: #251405; margin-top: 30px; border: 1px #666 solid;}
#wrap .contact{background: #251405; border: 1px #666 solid;}

#wrap .leftCol .splitLeft{float: left; position: relative; width: 300px;}
#wrap .leftCol .splitRight{float: right; position: relative; width: 300px}

#logo img{position: relative; behavior: url(/css/iepngfix.htc);}
#logoAdvent img{position: relative; behavior: url(/css/iepngfix.htc);}

/*/// Navigation Styles
------------------------------------------------- */

.nav{}
.nav ul{}
.nav ul li{display: inline; margin: 0; padding: 0;} 
.nav ul li a{font-family: 'Verdana'; text-decoration: none; margin: 0 0 0 15px;}
.nav ul li a:hover{color: #8499AB;}
.nav ul li a.on{color: #AECC13;}

#hdrTop .pri{float:right; text-transform: uppercase; margin-right: 15px; font-size: 80%;}
#hdrTop .pri li{float: left; height: 22px; line-height: 22px; list-style: none;}
#hdrNav .sub{float:right;  margin-right: 15px; font-size:110%; font-weight: bold;}

#wrap #hdrTop ul{margin: 5px 0 5px 20px;}

#wrap .leftCol .menuNav{width: 580px; background: #371d04; height: 30px; line-height: 30px; margin: 0 0 20px 0; padding: 0 10px;}
#wrap .leftCol .menuNav ul, #wrap .leftCol .menuNav ul li{list-style: none; margin: 0; padding: 0;}
#wrap .leftCol .menuNav ul li{display: inline; background: url(/_img/bullet.gif) no-repeat 0 6px; *background-position: 0 9px;}
#wrap .leftCol .menuNav ul li a{padding: 3px 10px; text-decoration: none;}
#wrap .leftCol .menuNav ul li a:hover{text-decoration: underline;}
#wrap .leftCol .menuNav ul li a.on{font-weight: bold;}

#ftr ul, #ftr ul li{display: inline; list-style: none; margin: 0; padding: 0;}

#wrap #ftr ul{margin: 0; padding: 0px 8px;}
#wrap #ftr ul li{font-size: 90%; color: #9ab09b;}
#wrap #ftr ul li a{text-decoration: none; color: #d5cdcd;}
#wrap #ftr ul li a strong{color: #fff;}
#wrap #ftr ul li a:hover, #wrap #ftr ul li a:hover strong{color: #7cce24;}

/*/// Text, Images, Links Etc
------------------------------------------------- */
#wrap #logoAdvent{display:none;}
#wrap #logo{margin: 5px 10px;}
#wrap #logo .img{}

.opac70{opacity: 0.7; filter: Alpha(opacity=70);}
.opac80{opacity: 0.8; filter: Alpha(opacity=80);}
.opac90{opacity: 0.9; filter: Alpha(opacity=90);}

#wrap .heading{position: relative; display: block; font-family: 'Trebuchet MS'; font-weight: bold;}
#wrap .heading .supp{position: absolute;}

#wrap .leftCol .heading{background: #222; color: #fff; font-size: 225%; margin: 0 30px 0 35px; padding: 12px 0; border-bottom: 1px #9ab09b solid; color: #7cce24;}
#wrap .leftCol .heading .supp{right: 7px; top: 7px;}

#wrap .rightCol .heading{background: #171717; color: #fff; padding: 10px 15px; font-size: 140%; margin: 0 0 3px 0;}
#wrap .rightCol .heading .supp{right: 5px; top: 9px;}
#wrap .rightCol p{font-size: 100%;}
#wrap .rightCol .highlight{color: #E4C978; font-weight: bold;}

#wrap .leftCol .homeintro{float: left; font-family: 'Century Gothic'; font-size: 135%; border: solid 1px #aecc13;}
#wrap .leftCol .homeintro p {font-size: 135%; color: #fff; line-height: 25px;}
#wrap .leftCol .homeintro p strong{color: #aecc13;}
#wrap .leftCol .homeintro p span{font-size:60%}

blockquote {background: transparent url(/_img/quote.gif) no-repeat scroll left top; margin: 0 0 20px;}
blockquote p {margin: 0 0 0 50px; color: #E4C978; font-weight: bold;}

#wrap .leftCol #map{width: 598px; height: 298px; color: #666; margin: 20px 0; border: 1px #666 solid;}

#wrap .leftCol .inset{border: 1px #666 solid; margin: 10px 0;}
#wrap .leftCol .newsinset{float: left; margin: 5px 10px 5px 0; padding: 2px; border: 1px #666 solid;}
#wrap .leftCol .right{float: right;}

#wrap .leftCol .item{border: 1px #666 solid; padding: 10px; margin: 15px 0;}

#wrap .leftCol ul.venuelist li{margin: 10px 0;}
#wrap .leftCol ul.venuelist li ul li{margin: 2px 0;}

/*/// Modules
------------------------------------------------- */
#wrap .signup{}
#wrap .signup h2{font-size: 110%; margin-left: 10px;}
#wrap .signup h2 span{color: #f6f7f1;}
#wrap .signup form{margin-left: 10px; margin-bottom: 10px;}

#wrap .contact p{color: #fff; font-weight: bold; font-size: 110%; line-height: 15px; margin-left: 10px;}
#wrap .contact p span{color: #d80200}

ul.newsList{margin: 0; padding: 0;}
ul.newsList li{list-style: none; border: 1px #666 solid; padding: 10px; margin: 15px 0;}
ul.newsList li h2{padding: 0; margin: 0;/*border-bottom: 1px #E4C978 dotted;*/}
ul.newsList li h2 a{color: #E4C978; text-decoration: none;}
ul.newsList li h2 a:hover{color: #eae4d1;}
ul.newsList li .newsimage img{float: left; position: relative; border: solid 1px #ccc; padding: 2px; margin: 0 10px 10px 0;}
.paging{display: none;} /*Hide news paging*/

#wrap .news img{float: left; border: solid 1px #aecc13; margin: 10px 10px 0 0;}
#wrap .news p{line-height: 15px;}
#wrap .news p span{font-weight: bold; color: #8499ab;}

#wrap .content h1{font-size: 160%;}
#wrap .content h2{font-size: 130%; color: #e4c978}

#wrap .menuListing{}
#wrap .menuListing img{margin-top: 10px;}
#wrap .menuListing a:hover img{-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;}

#wrap .menuImgs{background: #281401; float: left; width: 180px; padding: 10px;}
#wrap .menuImgs .main{border: solid 1px #e4c978; margin-bottom: 5px;}
#wrap .menuImgs .thumb{}

#wrap .menuImgs #thumbs{}
#wrap .menuImgs #thumbs a{float: left; border: solid 1px #e4c978; margin-right: 7px; cursor: pointer}
#wrap .menuImgs #thumbs a:hover{-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;}
#wrap .menuImgs #thumbs a img{float: left;}

#wrap .menuText{float:left; width: 380px;}
#wrap .menuText ul{margin-left: 25px;}
#wrap .menuText ul li{list-style-type:disc; color: #e4c978;}
#wrap .menuText ul li span{color: #fff; font-weight: bold;}

#wrap .leftCol .gallery .caption{display: block; width: 600px; text-align: center; font-style: italic; text-transform: capitalize;}
#wrap .leftCol .gallery ul{list-style: none; width: 600px; margin: 0 auto;}
#wrap .leftCol .gallery ul li{float: left; display: inline; width: 80px; height: 80px; overflow: hidden; margin: 0 9px 10px 8px; border: 1px #666 solid;}
#wrap .leftCol .gallery ul.four{margin: 0 0 0 81px;}
#wrap .leftCol .gallery ul.four li{margin: 0 14px 10px 14px;}
#wrap .leftCol .gallery ul.five li{margin: 0 18px 10px 19px;}
#wrap .leftCol .gallery ul.seven li{margin: 0 1px 10px 2px;}
#wrap .leftCol .gallery ul li a{display: none;}
#wrap .leftCol .gallery ul li div{position:absolute;display:none;top:0;left:180px}
#wrap .leftCol .gallery ul li div img{cursor:pointer}
#wrap .leftCol .gallery ul li.active div img, #wrap .leftCol .gallery ul li.active div{display:block}
#wrap .leftCol .gallery ul li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
#wrap .leftCol .gallery ul li .caption{display:block;padding-top:.5em;}
* html #wrap .leftCol .gallery ul li div span{width: 600px} /* MSIE bug */

#wrap .leftCol .gallery .main_image{width: 600px; height: 450px; background: #000; margin: 0;}
#wrap .leftCol .gallery .main_image img{margin-bottom: 5px; border: 1px #666 solid; background: #000;}

#wrap .home .news{width: 400px; height: 190px; padding: 0 10px; margin: 350px 0 0 0 !important; *margin: 370px 0 0 0; _margin: 370px 0 0 0;}
#wrap .home .news ul.newsList, #wrap .home .news ul.newsList li{margin: 0; padding: 0; border: 0; background: transparent;}

/*/// Form Styles
------------------------------------------------- */
#wrap .rightCol .callback fieldset{border: 1px #666 solid; margin: 10px 0 0 0; padding: 0 10px 5px 10px;}
#wrap .rightCol .callback fieldset legend{border: 1px #666 solid; background: #666; padding: 0 5px;}
#wrap .rightCol .callback fieldset label{float: left; width: 70px; margin: 0 5px 0 0; color: #fff; font-size: 85%;}
#wrap .rightCol .callback fieldset input, #wrap .rightCol .callback fieldset select, #wrap .rightCol .callback fieldset textarea{float: left; width: 145px; margin: 1px 0 10px 0; border: 1px #666 solid; background: #000; color: #fff; font-size: 90%;}
#wrap .rightCol .callback fieldset textarea{width: 145px; height: 120px;}
#wrap .rightCol .callback fieldset select{width: 157px; font-size: 100%; margin: 6px 0 0 0;}
#wrap .rightCol .callback fieldset select.day{width: 41px; margin: 3px 2px 0 0;}
#wrap .rightCol .callback fieldset select.month{width: 53px; margin: 3px 2px 0 0;}
#wrap .rightCol .callback fieldset select.year{width: 58px; margin: 3px 0 0 0;}
#wrap .rightCol .callback fieldset .radio input{width: 25px; margin: 4px 0 0 0; *margin: 0; border: none; background: none;}
#wrap .rightCol .callback fieldset input.submit{width: 80px; font-weight: bold;}

#wrap .rightCol .error{background: #333; border: 1px #ddd dashed; padding: 10px; margin: 20px 0; font-size: 85%; color: #fff;}
#wrap .rightCol .error p{color: #FF4454; font-weight: bold;}
#wrap .rightCol .success p{color: #26CF6D;}

/*/// Homepage Background Rotate
------------------------------------------------- */

.homebgs{position: absolute; width: 995px; height: 797px; overflow: hidden; margin-left: -15px; z-index: -998;}
.homebgs img{position: absolute; z-index: -999; display: none;}

/*/// Advent Calendar
------------------------------------------------- */
#advent{background: #1e0a01 url(/_img/bg-advent.jpg) no-repeat center -80px;} 
#advent #wrap{background:none !important;}
#advent #wrap #logo{display:none;}
#advent #wrap #logoAdvent{float:left;margin: 5px 10px;display:inline;}
#advent #wrap .btnCompRules, #advent #wrap .btnSend{top: 935px; display: inline;background:url(/_img/send-to-friend.gif) no-repeat;border:0 none;color:#fff;padding:12px 28px 12px 0;width:148px;cursor:pointer;position:absolute;}
#advent #wrap .btnCompRules{left:350px;}
#advent #wrap .btnSend{left:550px;}
#advent #wrap .btnCompRules{margin-right:280px;}
#advent #wrap .leftCol{margin:0;width:965px;border:0;background:url(/_img/advent-calendar.jpg) no-repeat top left;}
#advent #wrap #hdrTop, #wrap #hdrNav, #wrap #ftr{width:100%;float:left;}
#advent #wrap .content{background:none;position:relative;height:691px;}
#advent #wrap .contact{float:left;width:100% !important;border:0;background:url(/_img/oranges.jpg) no-repeat 774px 0px;height:75px;opacity:1;}
#advent #wrap .opac75{float:left;background:#200C03;height:52px;margin-top:11px;opacity:0.75; filter: Alpha(opacity=75);padding:5px 10px;width:754px;}
#advent #wrap .opac75 a{text-decoration:none;}
#advent #wrap .opac75 a:hover{text-decoration:underline;}
#advent #wrap .content .imgHolder{position:absolute;display:block;height:79px;width:85px;}
#advent #wrap .content .img1{left:28px;top:25px;}
#advent #wrap .content .img2{left:208px;top:264px;}
#advent #wrap .content .img3{left:201px;top:106px;}
#advent #wrap .content .img4{bottom:39px;left:468px;}
#advent #wrap .content .img5{right:32px;top:49px;}
#advent #wrap .content .img6{right:285px;top:165px;}
#advent #wrap .content .img7{bottom:207px;left:51px;}
#advent #wrap .content .img8{bottom:78px;left:81px;}
#advent #wrap .content .img9{bottom:164px;left:430px;}
#advent #wrap .content .img10{bottom:245px;right:87px;}
#advent #wrap .content .img11{bottom:268px;right:357px;}
#advent #wrap .content .img12{left:363px;top:188px;}
#advent #wrap .content .img13{left:65px;top:155px;}
#advent #wrap .content .img14{bottom:279px;left:338px;}
#advent #wrap .content .img15{right:147px;top:82px;}
#advent #wrap .content .img16{bottom:72px;left:262px;}
#advent #wrap .content .img17{right:388px;top:261px;}
#advent #wrap .content .img18{bottom:161px;right:281px;}
#advent #wrap .content .img19{right:41px;top:265px;}
#advent #wrap .content .img20{bottom:45px;right:237px;}
#advent #wrap .content .img21{bottom:197px;left:195px;}
#advent #wrap .content .img22{right:157px;top:214px;}
#advent #wrap .content .img23{bottom:106px;right:90px;}
#advent #wrap .content .img24{bottom:282px;right:201px;}

/*/// Lightbox
------------------------------------------------- */

#jquery-overlay {position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img {border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px; }
#lightbox-loading {position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#lightbox-nav {position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0; }
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {background-color: #fff;	margin: 0 auto;line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 10px;}
#lightbox-container-image-data {padding: 0 10px;color: #666; }
#lightbox-container-image-data #lightbox-image-details {width:100%;float: left;text-align: left; }	
#lightbox-image-details-caption {width:80%;font-weight: bold;float:left;margin-top:10px;}
#lightbox-image-details-currentNumber {display: block;float: left;font-size:350%;padding: 20px 10px 25px 0;color:#8499ac;font-weight: bold;}			
#lightbox-secNav-btnClose {float:right;padding:5px;}

/* == Popup Lightboxes
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;display: none;}
#fade{position: absolute;background: #000;width: 100%;height: 100%;filter:alpha(opacity=80);opacity: .80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";left: 0;z-index: 100;}

#interactionHolder{background: #fff;padding: 0 10px 10px;width:580px;position: fixed !important;position:absolute; top: 50%; margin-top: -197px;left: 50%;margin-left: -310px;z-index: 110;}
#interactionHolder .sendUrlForm{float:left;width:560px;padding:10px;background: #1e0a01 url(/_img/bg-sendurl.jpg) no-repeat left top;}
#interactionHolder .sendUrlForm label{float:left;width:200px;color:#fff;}
#interactionHolder .sendUrlForm input, #interactionHolder .sendUrlForm textarea{float:left;width:200px;}
#interactionHolder .sendUrlForm p{margin-top:0;}
#interactionHolder .sendUrlForm span{font-size:90%;}
#interactionHolder .sendUrlForm .btn{background:#000;border:1px solid #666;color:#FFF;float:left;font-size:90%;margin:1px 0 10px;width:80px;margin-top:10px;}
#interactionHolder .error{float:left;color:#666;}
