body{margin:0; padding:0; text-align: center; background-color:#FFF; color: #323232; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left;}
body.white{margin:0; padding:0; text-align: left; background-color:#FFF; color: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a{text-decoration: none; font-weight: bold; outline:none;}
img{border: none;}

#HomeContainer{display:block; width:980px; margin: 0 auto;padding:0; position:relative;}
#MainContainer{display:block; width:980px; margin: 0 auto;padding:0;}

#Banner{float: left; width:980px; height: 76px; margin: 0; padding:0; text-align:left; position:relative;}
#Logo{float: left; width: 299px; height: 54px; padding-top:11px;}
#countdown{float: right; width: 153px; height: 41px; padding-left: 90px; padding-top:20px; margin-top:7px; margin-right:9px; background-image:url(../Design/layout/CampusCountdown.jpg); background-repeat:no-repeat; color:#fff; font-size:22px;}

#Menu{float:left; width: 980px; height:42px; background-image:url(../Design/layout/MenuBG.jpg); background-repeat:no-repeat; margin-bottom:6px; padding-top:15px; display:none;}
#MenuContainer{float: left; width: 765px; display:block; padding-top:3px;}
#nav ul{margin: 0; padding: 0; display:inline; list-style:none;}
#nav li{margin: 0; padding: 0; display:inline; list-style:none;}
#nav a{padding: 0px 15px; color:#FFF; font-size:15px; color:#fff; font-weight:bold; zoom: 1; text-transform:lowercase; background: url(../Design/layout/MenuDivider.jpg) no-repeat left bottom;}
#nav a.first{padding: 0px 15px; padding-right: 15px; border:none; color:#FFF; font-size:15px; color:#fff; font-weight:bold; zoom: 1; text-transform:lowercase; background:none;}

#Search {float: right; width: 188px; height: 21px; margin-right:20px; margin-top:0px; text-align:left; position:relative; background-image:url(../Design/layout/SearchBox.jpg); background-position:center; background-repeat:no-repeat;}
#Search form{margin:0; padding:0;border:none;}
#Search input.txt{color:#000; font-size:11px; border:0; padding:2px; margin: 0; font-style:normal; font-weight:normal; width:128px; height: 14px; position:absolute; top:2px; left:3px;}
#Search input.btn{position:absolute; top:2px; left:140px; width:45px; height:18px;}

#HomeRotation{float: left; width: 606px; height: 347px; padding-top: 6px; padding-left:6px; z-index:0; background-image:url(../Design/layout/HomeRotationStage.jpg); background-repeat:no-repeat;}

#HomeRotationNav{position: absolute; top: 486px; left:438px; width: 150px; height:35px; z-index:10;}
.rotate-prev, .rotate-next, .rotate-pause{cursor: pointer;}

#rotate-graphic{width:594px; height:335px; padding:0; margin:0; display:none;}
#rotate-graphic img{width: 594px; height: 335px;} 
a.galleryPlayer {display:block; text-align:center; margin:0; background-repeat:no-repeat;} 
a.galleryPlayer img {margin-top:120px; border:0px;} 

a.galleryRTMP {display:block; text-align:center; margin:0; background-repeat:no-repeat;} 
a.galleryRTMP img {margin-top:120px; border:0px;} 

#KeyLinks{float: right; width: 356px; height: 347px; padding:0; margin:0; margin-right:5px; position:relative;}
#L1{width:323px; height: 66px; padding:42px 18px 8px 15px; color: #fff; background-image:url(../Design/layout/keylink-top.jpg); background-repeat:no-repeat; background-position:center top; margin:0px;}
#L2{width:323px; height: 70px; padding:38px 18px 8px 15px; color: #fff; background-image:url(../Design/layout/keylink-center.jpg); background-repeat:no-repeat;background-position:center top; margin: 0px;}
#L3{width:323px; height: 70px; padding:38px 18px 8px 15px; color: #fff; background-image:url(../Design/layout/keylink-bottom.jpg); background-repeat:no-repeat;background-position:center top; margin: 0px;}

.keyTitle{width: 323px; height: 26px; font-size: 24px; color:#FFF; text-transform:uppercase; text-align:left; padding:0; margin: 0;}
.keyCaption{width: 323px; height: 22px; font-size: 14px; color:#FFF; text-transform:lowercase; text-align:left; padding:0; margin: 0;}

.keyTitleH{display: none; width: 323px; height: 26px; font-size: 24px; color:#79AA46; text-transform:uppercase; text-align:left; padding:0; margin: 0;}
.keyCaptionH{display: none; width: 323px; height: 22px; font-size: 14px; color:#79AA46; text-transform:lowercase; text-align:left; padding:0; margin: 0;}

#FeaturedStuff{float: left; width: 957px; height: 248px; background-image:url(../Design/layout/FeaturedStuffStage.jpg); background-repeat:no-repeat; margin:12px 0 8px 0; padding-top:52px; padding-left: 23px; position:relative; z-index:1}

#FeaturedStuff .singleItem img{width:225px; height: 97px;}

#FeaturedPrev{position: absolute; top:8px; left: 150px; width:25px; height:43px;}
#FeaturedNext{position: absolute; top:8px; left: 173px; width:29px; height:43px;}

#Footer{float: left; width:980px; height: 20px;position:relative; border-top:1px solid #ccc; padding-top:5px;}
#Footer a{color:#323232; font-size:11px; font-style:normal; font-weight:normal;}
#Copyright{float:left; color:#323232; font-size:11px; font-style:normal; font-weight:normal; width:400px; height: 20px;}
#Footer #Copyright a{color: #0038A8;font-size: 11px; font-weight:normal;}
#Follow{float:right; margin-right:0px; width:400px; height: 20px; text-align:right; overflow:hidden; position:relative;}
#Follow .follow {position: absolute; top: 0; left: 265px; color:#323232; font-size:16px; font-style:normal; font-weight:normal; }
#Follow .facebook{position: absolute; top: 0; left: 340px;}
#Follow .twitter{position: absolute; top: 0; left: 360px;}
#Follow .youtube{position: absolute; top: 0; left: 380px;}
.follow {color:#323232; font-size:16px; font-style:normal; font-weight:normal; }

#TF {position: absolute; top:5px; left: 450px; text-align:center;}
#TF p{margin:0; padding:0;}


#VSFooter{display:block; width:980px; margin: 0 auto; padding:0;}
#VSFooter .SiteBy{color: #323232; font-size: 11px; font-weight:normal;}
#VSFooter .TVS{color: #0038A8;font-size: 11px; font-weight:normal;}

#BodyContainer{float: left; width:980px; height:640px; margin: 0; padding:0;}
#SubContainer{width:980px; margin: 0; padding:0; text-align: left; margin-bottom:10px;}
#ClearContainer{width:880px; margin: 0; padding:0; text-align: left; background:none;}

#submenu-contain{float: right; width: 233px; margin:0; margin-left:12px; padding:0;background-image:url(../Design/layout/SubMenuBG.jpg); background-repeat:repeat-y;}
#submenu {float: left; width: 233px; margin:0; padding:0; background-image:url(../Design/layout/SubMenuHeader.jpg); background-repeat: no-repeat;}
#submenu .header{width: 200px; height: 58px; padding: 22px 10px 10px 15px; margin:0; color: #FFF; font-size:18px; font-weight:normal;}

#submenu ul {width:233px; margin:0; padding:0;}
#submenu li {list-style-type:none; text-align:left; padding:0; margin:0;}
#submenu li a.menuselected{display:block; text-decoration:none; font-size:12px;font-weight: normal; color:#FFF; background-image:url(../Design/layout/SubMenuSelected.jpg); background-repeat:no-repeat; background-position:left; padding:10px 10px 6px 10px; height: 19px;}
#submenu li a.menuunselected{display:block; text-decoration:none; font-size:12px;font-weight: normal; color:#323232; padding:10px 10px 6px 10px; height: 19px;}
#submenu-footer {float: left; width: 233px; height: 18px; margin:0; padding:0; background-image:url(../Design/layout/SubMenuFooter.jpg); background-repeat:no-repeat;}

#SubBodyHeader {float: left; width: 735px; margin-top:2px; height:5px; background-image:url(../Design/layout/SubBodyHeader.jpg); background-repeat: no-repeat;}
#SubBodyHeaderFull {float: left; width: 980px; margin-top:2px; height:5px; background-image:url(../Design/layout/SubBodyHeaderFull.jpg); background-repeat: no-repeat;}
#SubBody {float: left; width: 695px; padding:20px; min-height:500px;margin:0; line-height:1.4em; font-size:14px; color:#000; background-image:url(../Design/layout/SubBodyBG.jpg); background-repeat:repeat-y;}
#SubBodyFull {float: left; width: 940px; padding:20px; min-height:500px;margin:0; line-height:1.4em; font-size:14px; color:#000; background-image:url(../Design/layout/SubBodyBGFull.jpg); background-repeat:repeat-y;}
#SubBody table, #SubBody td, #SubBody th, #SubBody tr{border-collapse:collapse;text-align:left; padding:3px; font-size:12px; font-weight:normal; border-color: #CCC;}
#SubBody table{width:100%;}
#SubBody th {color:#FFF;font-weight: normal; background-color:#0038A8;}
#SubBody img{padding-right:5px; padding-bottom:5px; border: none;}
#SubBody img.EventListImg{float: left; padding: 3px 20px 3px 0px;}
#SubBody h1{font-size: 38px;color: #0038A8;font-weight: normal; margin:0; padding:0; padding-bottom:10px; line-height:1.2em;}
#SubBody h2{font-size: 26px;color: #0038A8;font-weight: bold; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
#SubBody h3{font-size: 20px;color: #0038A8;font-weight: bold; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

#SubBody a {color: #0038A8; text-decoration: none; font-size: 14px;font-weight: bold;}
#SubBody a.EventListLinks{color:#0038A8; text-decoration:none; font-size:11px; font-weight:normal;}

#SubBody h4.acc_trigger {padding: 0 0 0 50px; margin: 0 0 5px 0; color:#fff; background: url(../Design/layout/h2_trigger_a.jpg) no-repeat; height: 46px; line-height: 46px; width: 645px; font-size: 20px; font-weight: normal; float: left; cursor:pointer}

#SubBody h2.active {background-position: left bottom;}
#SubBody #MediaStage .mediaImage{float: left; width: 355px; height: 199px; border:1px solid #ccc; padding:0; margin-bottom:10px;}
#SubBody #MediaStage .formatVideo{position:absolute; top:7px; left: 428px; padding:0;}
#SubBody #MediaStage .formatMP3{position:absolute; top:7px; left: 468px; cursor:pointer; padding:0;}
#SubBody #MediaStage .format-buyMP3{position:absolute; top:7px; left: 468px; cursor:pointer; padding:0;}
#SubBody #MediaStage .formatIC{position:absolute; top:7px; left: 428px; cursor:pointer; padding:0;}
#SubBody #MediaStage .formatPDF{position:absolute; top:7px; left: 522px; padding:0;}

#SubBody #MediaStage .formatVideoFull{position:absolute; top:7px; left: 823px; padding:0;}
#SubBody #MediaStage .formatMP3Full{position:absolute; top:7px; left: 863px; cursor:pointer; padding:0;}
#SubBody #MediaStage .format-buyMP3Full{position:absolute; top:7px; left: 863px; cursor:pointer; padding:0;}
#SubBody #MediaStage .formatICFull{position:absolute; top:7px; left: 823px; cursor:pointer; padding:0;}
#SubBody #MediaStage .formatPDFFull{position:absolute; top:7px; left: 917px; padding:0;}

#SubBody .SummaryContent img.bioLink{padding:0; margin:0;padding-bottom: 2px;}
#SubBody .SummaryContent img.smallPhoto{width: 175px; height: 118px; padding:5px 0 2px 0;}
#SubBody .SummaryContent .EventContainer{position: relative; width: 212px; height: 130px; background-image:url(../Design/layout/EventLinks.png); background-position:right top; background-repeat:no-repeat; margin-top:5px;}
#SubBody .SummaryContent .CourseContainer{position: relative; width: 212px; height: 130px; background-image:url(../Design/layout/EventExpress2.jpg); background-position:right top; background-repeat:no-repeat; margin-top:5px;}
#SubBody .SummaryContent .EventContainer a{color: #fff; font-size:12px; font-weight:normal;}
#SubBody .SummaryContent .CourseContainer a{color: #fff; font-size:12px; font-weight:normal;}

#SubBody .SummaryContent .EventContainer .details{position:absolute; top: 0px; left: 140px; width: 72px; height: 16px; color: #fff; font-size:12px; text-align: center; padding-top:8px;}
#SubBody .SummaryContent .EventContainer .invite{position:absolute; top: 24px; left: 140px; width: 72px; height: 17px; color: #fff; font-size:12px; text-align: center; padding-top:7px;}
#SubBody .SummaryContent .EventContainer .register{position:absolute; top: 48px; left: 140px; width: 72px; height: 18px; color: #fff; font-size:12px; text-align: center;padding-top: 6px;}
#SubBody .SummaryContent .EventContainer .EventInfo{position:absolute; top: 72px; left: 0px; width: 212px; height: 38px; text-align: center;padding-top: 5px;}
#SubBody .SummaryContent .EventContainer .EventInfo .EventName{font-size:14px; color:#0038A8; font-weight:bold; width: 212px; padding-bottom:5px;}
#SubBody .SummaryContent .EventContainer .EventInfo .EventDate{ font-size:12px; color:#000; font-weight:bold; width: 212px;}
#SubBody .SummaryContent .EventContainer img.eventPhoto{float: left; width: 138px; height: 70px; padding:0; border:1px solid #333;}

#SubBody .SummaryContent .CourseContainer .details{position:absolute; top: 0px; left: 140px; width: 72px; height: 16px; color: #fff; font-size:12px; text-align: center; padding-top:8px;}
#SubBody .SummaryContent .CourseContainer .invite{position:absolute; top: 24px; left: 140px; width: 72px; height: 17px; color: #fff; font-size:12px; text-align: center; padding-top:7px;}
#SubBody .SummaryContent .CourseContainer .register{position:absolute; top: 48px; left: 140px; width: 72px; height: 18px; color: #fff; font-size:12px; text-align: center;padding-top: 6px;}
#SubBody .SummaryContent .CourseContainer .express{position:absolute; top: 27px; left: 140px; width: 72px; height: 38px; color: #fff; font-size:12px; text-align: center; padding-top:7px; line-height:1.4em;}
#SubBody .SummaryContent .CourseContainer .EventInfo{position:absolute; top: 72px; left: 0px; width: 212px; height: 38px; text-align: center;padding-top: 5px;}
#SubBody .SummaryContent .CourseContainer .EventInfo .EventName{font-size:14px; color:#0038A8; font-weight:bold; width: 212px; padding-bottom:5px;}
#SubBody .SummaryContent .CourseContainer .EventInfo .EventDate{ font-size:12px; color:#000; font-weight:bold; width: 212px;}
#SubBody .SummaryContent .CourseContainer img.eventPhoto{float: left; width: 138px; height: 70px; padding:0; border:1px solid #333;}

#SubBody .SummaryContent table{width: 888px; border:0; padding:0; margin:0;}
#SubBody .SummaryContent td{width: 175px; text-align:center; font-size:12px; color:#000; padding:0; margin:0; line-height:1em;}
#SubBody .SummaryContent tr{padding:0; margin:0;margin-bottom: 10px; }
.SummaryFooter{float: left; width: 946px; height:7px; background-image:url(../Design/layout/SectionFooter.png); background-repeat:no-repeat;background-position:top center;} 

#SubBody .SummarySectionNarrow{float: left; width: 695px; margin: 10px 0 35px 0;} 
#SubBody .SummaryHeaderNarrow{float: left; width: 695px; height: 31px; padding-top:7px; background-image:url(../Design/layout/SectionHeaderNarrow2.png); background-repeat:no-repeat; text-align:center; color:#fff; font-size:19px;} 
.SummaryContentNarrow{float: left; width: 675px; padding-left:20px; padding-bottom:10px; background-image:url(../Design/layout/SectionBGNarrow2.png); background-repeat: repeat-y; text-align:center;} 
#SubBody .SummaryContentNarrow img.bioLink{padding:0; margin:0;padding-bottom: 2px;}
#SubBody .SummaryContentNarrow img.smallPhoto{width: 175px; height: 118px; padding:5px 0 2px 0;}
#SubBody .SummaryContentNarrow .EventContainer{position: relative; width: 212px; height: 130px; background-image:url(../Design/layout/EventLinks.png); background-position:right top; background-repeat:no-repeat; margin-top:5px;}
#SubBody .SummaryContentNarrow .CourseContainer{position: relative; width: 212px; height: 130px; background-image:url(../Design/layout/EventExpress2.jpg); background-position:right top; background-repeat:no-repeat; margin-top:5px;}
#SubBody .SummaryContentNarrow .EventContainer a{color: #fff; font-size:12px; font-weight:normal;}
#SubBody .SummaryContentNarrow .CourseContainer a{color: #fff; font-size:12px; font-weight:normal;}

#SubBody .SummaryContentNarrow .EventContainer .details{position:absolute; top: 0px; left: 140px; width: 72px; height: 16px; color: #fff; font-size:12px; text-align: center; padding-top:8px;}
#SubBody .SummaryContentNarrow .EventContainer .invite{position:absolute; top: 24px; left: 140px; width: 72px; height: 17px; color: #fff; font-size:12px; text-align: center; padding-top:7px;}
#SubBody .SummaryContentNarrow .EventContainer .register{position:absolute; top: 48px; left: 140px; width: 72px; height: 18px; color: #fff; font-size:12px; text-align: center;padding-top: 6px;}
#SubBody .SummaryContentNarrow .EventContainer .EventInfo{position:absolute; top: 72px; left: 0px; width: 212px; height: 38px; text-align: center;padding-top: 5px;}
#SubBody .SummaryContentNarrow .EventContainer .EventInfo .EventName{font-size:14px; color:#0038A8; font-weight:bold; width: 212px; padding-bottom:5px;}
#SubBody .SummaryContentNarrow .EventContainer .EventInfo .EventDate{ font-size:12px; color:#000; font-weight:bold; width: 212px;}
#SubBody .SummaryContentNarrow .EventContainer img.eventPhoto{float: left; width: 138px; height: 70px; padding:0; border:1px solid #333;}

#SubBody .SummaryContentNarrow .CourseContainer .details{position:absolute; top: 0px; left: 140px; width: 72px; height: 16px; color: #fff; font-size:12px; text-align: center; padding-top:8px;}
#SubBody .SummaryContentNarrow .CourseContainer .invite{position:absolute; top: 24px; left: 140px; width: 72px; height: 17px; color: #fff; font-size:12px; text-align: center; padding-top:7px;}
#SubBody .SummaryContentNarrow .CourseContainer .register{position:absolute; top: 48px; left: 140px; width: 72px; height: 18px; color: #fff; font-size:12px; text-align: center;padding-top: 6px;}
#SubBody .SummaryContentNarrow .CourseContainer .express{position:absolute; top: 27px; left: 140px; width: 72px; height: 38px; color: #fff; font-size:12px; text-align: center; padding-top:7px; line-height:1.4em;}
#SubBody .SummaryContentNarrow .CourseContainer .EventInfo{position:absolute; top: 72px; left: 0px; width: 212px; height: 38px; text-align: center;padding-top: 5px;}
#SubBody .SummaryContentNarrow .CourseContainer .EventInfo .EventName{font-size:14px; color:#0038A8; font-weight:bold; width: 212px; padding-bottom:5px;}
#SubBody .SummaryContentNarrow .CourseContainer .EventInfo .EventDate{ font-size:12px; color:#000; font-weight:bold; width: 212px;}
#SubBody .SummaryContentNarrow .CourseContainer img.eventPhoto{float: left; width: 138px; height: 70px; padding:0; border:1px solid #333;}

#SubBody .SummaryContentNarrow table{width: 657px; border:0; padding:0; margin:0;}
#SubBody .SummaryContentNarrow td{width: 175px; text-align:center; font-size:12px; color:#000; padding:0; margin:0; line-height:1em;}
#SubBody .SummaryContentNarrow tr{padding:0; margin:0;margin-bottom: 10px; }
.SummaryFooterNarrow{float: left; width: 695px; height:7px; background-image:url(../Design/layout/SectionFooterNarrow2.png); background-repeat:no-repeat;} 

#SubBodyFull table, #SubBodyFull td, #SubBodyFull th, #SubBodyFull tr{border-collapse:collapse;text-align:left; padding:3px; font-size:12px; font-weight:normal; border-color: #CCC;}
#SubBodyFull table{width:100%;}
#SubBodyFull th {color:#FFF;font-weight: normal; background-color:#0038A8;}
#SubBodyFull img{padding-right:5px; padding-bottom:5px; border: none;}
#SubBodyFull img.EventListImg{float: left; padding: 3px 20px 3px 0px;}
#SubBodyFull h1{font-size: 38px;color: #0038A8;font-weight: normal; margin:0; padding:0; padding-bottom:10px; line-height:1.2em;}
#SubBodyFull h2{font-size: 26px;color: #0038A8;font-weight: bold; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

#SubBodyFull a {color: #0038A8; text-decoration: none; font-size: 14px;font-weight: bold;}
#SubBodyFull a.EventListLinks{color:#0038A8; text-decoration:none; font-size:11px; font-weight:normal;}

#SubBodyFull h4.acc_trigger {padding: 0 0 0 50px; margin: 0 0 5px 0; color:#fff; background: url(../Design/layout/h2_trigger_a.jpg) no-repeat; height: 46px; line-height: 46px; width: 645px; font-size: 20px; font-weight: normal; float: left; cursor:pointer}

#SubBodyFull h2.active {background-position: left bottom;}

#SubBodyFull .SummaryContent img.bioLink{padding:0; margin:0;padding-bottom: 2px;}
#SubBodyFull .SummaryContent img.smallPhoto{width: 175px; height: 118px; padding:5px 0 2px 0;}
#SubBodyFull .SummaryContent .EventContainer{position: relative; width: 212px; height: 130px; background-image:url(../Design/layout/EventLinks.png); background-position:right top; background-repeat:no-repeat; margin-top:5px;}
#SubBodyFull .SummaryContent .EventContainer a{color: #fff; font-size:12px; font-weight:normal;}

#SubBodyFull .SummaryContent .EventContainer .details{position:absolute; top: 0px; left: 140px; width: 72px; height: 16px; color: #fff; font-size:12px; text-align: center; padding-top:8px;}
#SubBodyFull .SummaryContent .EventContainer .invite{position:absolute; top: 24px; left: 140px; width: 72px; height: 17px; color: #fff; font-size:12px; text-align: center; padding-top:7px;}
#SubBodyFull .SummaryContent .EventContainer .register{position:absolute; top: 48px; left: 140px; width: 72px; height: 18px; color: #fff; font-size:12px; text-align: center;padding-top: 6px;}
#SubBodyFull .SummaryContent .EventContainer .EventInfo{position:absolute; top: 72px; left: 0px; width: 212px; height: 38px; text-align: center;padding-top: 5px;}
#SubBodyFull .SummaryContent .EventContainer .EventInfo .EventName{font-size:14px; color:#0038A8; font-weight:bold; width: 212px; padding-bottom:5px;}
#SubBodyFull .SummaryContent .EventContainer .EventInfo .EventDate{ font-size:12px; color:#000; font-weight:bold; width: 212px;}
#SubBodyFull .SummaryContent .EventContainer img.eventPhoto{float: left; width: 138px; height: 70px; padding:0; border:1px solid #333;}
#SubBodyFull .SummaryContent table{width: 888px; border:0; padding:0; margin:0;}
#SubBodyFull .SummaryContent td{width: 175px; text-align:center; font-size:12px; color:#000; padding:0; margin:0; line-height:1em;}
#SubBodyFull .SummaryContent tr{padding:0; margin:0;margin-bottom: 10px; }

#SubBodyFooter {float: left; width: 735px; height:5px; margin-bottom:10px; background-image:url(../Design/layout/SubBodyFooter.jpg); background-repeat: no-repeat;}
#SubBodyFooterFull {float: left; width: 980px; height:5px; margin-bottom:10px; background-image:url(../Design/layout/SubBodyFooterFull.jpg); background-repeat: no-repeat;}

.widgetTitle{color:#0038A8; font-weight:bold; font-size:18px;}
.gmnoprint{font-family:Arial, Helvetica, sans-serif}

#maps {position:relative; width: 695px;height: 600px; overflow: auto;}
#map {width: 695px; height: 350px; position:absolute; top: 0px; left: 0px; z-index:1;}
#map-info {width: 675px; height: 150px; position:absolute; top: 360px; left: 0px; z-index:1;}
#map2 {	width: 675px; 	height: 350px; position:absolute; top: 0px; left: 0px; z-index:0;}

.acc_outer_container {width: 695px; float: left;}
 

.acc_container {margin: 0 0 5px; padding: 0; overflow: hidden; width: 693px; clear: both; background: #f0f0f0; border: 1px solid #d6d6d6;}
.acc_container .block {padding: 20px;}
.acc_container .block p {padding: 5px 0; margin: 5px 0;}
.acc_container h4 {font: 25px; margin: 0 0 10px;	padding: 0 0 5px 0; border-bottom: 1px dashed #ccc;}

.eventTitle { font-size: 18px; color:#0059BD; font-weight:bold;}
.eventDate { font-size: 14px; color:#000; font-weight:bold;}
.eventBody { font-size: 13px; color:#000; font-weight:normal;}
.eventImage {float: right; padding:0 0 10px 10px; width: 225px; height: 97px;}
.CalPrint {float: left; padding-top:15px;}
.popTF {float: left; padding-top:20px; text-align:left; display:none;}
.popTitle { font-size: 18px; color:#0059BD; font-weight:bold;}
.popSubtitle { font-size: 14px; color:#000; font-weight:bold;}
.popContact {width: 300px; font-size: 14px; color:#000; font-weight:bold; padding-top:10px;}
.popBody { font-size: 13px; color:#000; font-weight:normal;padding-top: 10px;}
.staffImage {float: right; padding:0 0 10px 10px;}
.eventImage {float: right; padding:0 0 10px 10px;}

#Breadcrumbs {display: none; font-size: 14px;font-weight: normal;text-decoration: none; margin-bottom:15px; text-align:left;}
#Breadcrumbs a {text-decoration: none;font-size: 14px; color:#3F8E1A;}

.feedburnerFeedBlock .date{font-weight: bold; padding:0 0 10px 0; margin:0;}
.feedburnerFeedBlock .headline a{font-size:16px;}
.feedburnerFeedBlock ul{margin:0; padding:0;}
.feedburnerFeedBlock li{list-style-type:none; text-align:left; padding:3px; margin:0;}
#creditfooter{display:none;}

#FormBuilder table, #FormBuilder td, #FormBuilder th, #FormBuilder tr{border:0;font-size:12px; border-collapse:collapse;text-align:left; padding:3px; vertical-align:top;}
#FormBuilder th{background-color: #0038A8; color: #FFF; font-weight:bold; border: 0;}
#FormBuilder th a{color: #FFF; font-weight:bold; border: 0;}
#FormBuilder h1{font-size: 20px;color: #0038A8;font-weight: bold; margin:0; margin-left: 10px; padding:0; line-height:1.1em;}
#FormBuilder a.edit{font-size: 12px;color: #006633;font-weight: bold; margin:0; padding:0; line-height:1.1em;}
#FormBuilder a.delete{font-size: 12px;color: #990000;font-weight: bold; margin:0; padding:0; line-height:1.1em;}
#FormBuilder .borderOn{border:1px solid #CCC}
#FormBuilder .note{font-size:12px; line-height:normal; color:#C83200; font-weight:bold;}
#FormBuilder ul{margin:0; padding:0;}
#FormBuilder li{list-style-type:none; text-align:left; padding:3px; margin:0;}
#FormBuilder input.btn{background-color:#0038A8; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFFFFF;}
#FormBuilder td.checkout{background-color: #323232; color:#FFF; width:100px; height: 30px; text-align:right;}
#FormBuilder p{padding:0; margin:0;}

#Attendees{padding:10px; padding-bottom:20px; margin:10px; margin-bottom:20px; background-color:#DFDAD6; border:1px solid #323232;}
#Attendees a.additional{width: 110px; height: 25px; background-color:#BE4032; border: 1px solid #323232; color:#FFF; font-size:12px; padding:6px;}
#AdditionalAttendees{padding:10px; margin:10px; margin-bottom:20px; border:1px solid #323232;}
#EmptyRegistrations{padding:10px; margin: 0 10px 20px 10px;}
#EmptyRegistrations input{font-size: 12px; height: 15px;}

#Proceed{padding:10px; margin: 0 10px 20px 10px;}
#Proceed input.btn{background-color:#006600; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFF; font-size:12px;}

#Popup {width: 515px; padding: 26px 20px; min-height:500px; margin-bottom:10px; line-height:1.4em; text-align:left;}
#Popup table, #Popup td, #Popup th, #Popup tr{border:0;border-collapse:collapse;text-align:left; padding:3px; font-size:12px; font-weight:normal;}
#Popup table{width:100%;}
#Popup table.nomargin{width:100%; margin: 0px 0px 0px 0px;}
#Popup img.EventListImg{float: left; padding: 3px 20px 3px 0px;}
#Popup th {color:#0038A8;font-weight: normal;}
#Popup h1{font-size: 16px;color: #0038A8;font-weight: bold; margin:0; padding:0;}
#Popup h2{font-size: 12px;color: #323232;font-weight: bold; margin: 0; padding: 0;}
#Popup a {color: #AF3030; text-decoration: none; font-size: 14px;font-weight: bold;}
#Popup a.EventListLinks{color:#AF3030; text-decoration:none; font-size:14px; font-weight:normal;}

#UpcomingCat {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding-top: 10px;}
#UpcomingCat ul{margin: 10px 0 15px 0; padding: 0;}
#UpcomingCat li{display:inline; list-style-type:none; margin: 0; padding: 0 5px;}
#UpcomingCat a.selected{text-decoration:none; padding: 5px 15px 6px 15px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; color: #FFF; text-transform:uppercase; background-color:#CC6600;}
#UpcomingCat a.unselected{text-decoration:none; padding: 5px 15px 6px 15px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:bold; color: #323232; text-transform:uppercase; background-color:#CCCCCC;}

#EventDetails {padding: 26px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; min-height:400px;}
#EventDetails table, #EventDetails td, #EventDetails th, #EventDetails tr{border:1px solid #849BA6;font-size:12px; border-collapse:collapse;text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; padding:3px;}
#EventDetails table{width:100%; margin: 100px 0px 0px 0px;}
#EventDetails table.nomargin{width:100%; margin: 0px 0px 0px 0px;}
#EventDetails img{padding-left:20px; padding-bottom: 20px;}
#EventDetails img.EventListImg{float: left; padding: 3px 20px 3px 0px;}
#EventDetails th {color:#FFF;font-weight: normal;background-color: #0038A8;}
#EventDetails h1{font-family: Arial, Helvetica, sans-serif;	font-size: 16px;color: #29537C;font-weight: bold; margin:0; padding:0;}
#EventDetails h2{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;color: #5B076B;font-weight: bold; margin: 0; padding: 0;}
#EventDetails a {color: #DD3700; text-decoration: none; font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
#EventDetails a.EventListLinks{color:#DD3700; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

#EmailContainer, #ServingContainer{float: left; width: 980px; min-height:500px;margin:20px 0 10px 0; line-height:1.4em; font-size:14px; color:#000; border-bottom:1px solid #CCC;}

#EmailContainer h1, #ServingContainer h1{font-size: 38px;color: #0038A8; font-weight: bold; margin:0; padding:0;}

#EmailPreview {float: right; width:480px; margin: 0; padding: 5px 15px 25px 15px; border: solid 1px #849BA6; min-height:150px; background-color: #E3DFDB; color: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(../Design/layout/PageTitle_BG.jpg);background-repeat: repeat-x;}
#EmailPreview .header{color: #29537C; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
#EmailPreview .senderinfo{font-size:12px; color: #29537C; font-style:italic; font-weight:bold;}
#EmailPreview a{color: #DD3700; text-decoration: none; font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}

#TellPreview {float: right; width:480px; margin: 0; padding: 5px 15px 25px 15px; border: solid 1px #849BA6; min-height:150px; background-color: #E3DFDB; color: #000; font-size:14px; margin-bottom:15px;}
#TellPreview .header{color: #29537C; font-size:18px; font-weight:bold;}
#TellPreview .senderinfo{font-size:14px; color: #29537C; font-style:italic; font-weight:bold;}
#TellPreview a{color: #DD3700; text-decoration: none; font-size: 14px; font-weight: bold;}
#EmailForm {float: left; width: 400px; padding:5px 10px;}
#EmailForm input.btn{background-color:#0038A8; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFFFFF;}

#BlogComments{font-size:13px; margin: 10px; padding:0; text-align:left; font-style:normal; font-weight:normal;}
#BlogComments a{font-size:13px; color:#666610;}
#BlogComments table, #BlogComments td, #BlogComments th, #BlogComments tr{border:0;font-size:13px; border-collapse:collapse;text-align:left; padding:3px;}
#BlogComments th { text-align: left; color: #FFFFFF;font-size: 13px;font-weight: bold;background-color: #323232; text-transform:uppercase; font-size:90%; padding:0;}
#BlogComments td{text-align: left; padding:0; font-family:Arial, Helvetica, sans-serif; color: #000000;}
#BlogComments input{font-size:13px; border-collapse:collapse;}
.authorComment{background-color: #E1EAFF;}

#ResponseBody{border:1px solid #E3DFDB; margin: 10px; width: 90%;}
#ResponseAuthor{background: #E3DFDB; color:#323232; text-transform:uppercase; font-weight:bold; font-size: 12px; font-family:Arial, Helvetica, sans-serif; padding: 10px;}
#ResponseComment{padding: 10px; line-height: 1.5em;}

#CommentForm{font-size:12px; color:#323232; font-weight:bold;}
#CommentForm table td{color: #323232;}
.CommentFormTitle {font-size:16px; color:#323232; font-weight:bold; margin-bottom:5px; background-color:#E3DFDB;}
#CommentForm input.btn{background-color:#0038A8; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFFFFF;}

#ExistingForm{border:0; border-top:1px solid #849BA6; padding:10px; background-color:#BDD0BD;}
#ExistingForm table, #ExistingForm td, #ExistingForm th, #ExistingForm tr{border:0;font-size:12px; border-collapse:collapse;text-align:left; padding:3px;}
#ExistingForm th{background-color:#0038A8; color: #FFF; font-weight:bold; border: 0;}
#ExistingForm .note{font-size:10px;}
#ExistingForm ul{margin:0; padding:0;}
#ExistingForm li{list-style-type:none; text-align:left; padding:3px; margin:0;}
#ExistingForm h2{color: #CF3B19; font-size:18px; font-weight:bold;}
#ExistingForm input.btn{background-color:#D75501; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFFFFF;}

#PasswordForm{border:0; border-top:1px solid #849BA6; padding:10px; background-color:#EDEAE7;}
#PasswordForm table, #PasswordForm td, #PasswordForm th, #PasswordForm tr{border:0;font-size:14px; border-collapse:collapse;text-align:left; padding:3px;}
#PasswordForm th{background-color:#0038A8; color: #FFF; font-weight:bold; border: 0;}
#PasswordForm .note{font-size:10px;}
#PasswordForm ul{margin:0; padding:0;}
#PasswordForm li{list-style-type:none; text-align:left; padding:3px; margin:0;}
#PasswordForm h2{color: #CF3B19; font-size:18px; font-weight:bold;}
#PasswordForm input.btn{background-color:#D75501; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFFFFF;}

#Profile table, #Profile td, #Profile th, #Profile tr{border:1;font-size:14px; border-collapse:collapse;text-align:left; padding:5px; vertical-align:top;}
#Profile th{color: #FFF;  font-weight:normal; vertical-align:top; text-align:left; font-size:12px; border-bottom: 1px solid #CCC; background-color: #0038A8; width: 150px;}
#Profile td{background-color: #FFF; font-size:11px; border: solid 1px #CCC; vertical-align:top; color: #3B5998;}
#Profile a{color:#C83200;}
#Profile .note{font-size:10px;}
#Profile ul{margin:0; padding:0;}
#Profile li{list-style-type:none; text-align:left; padding:3px; margin:0;}

#ProfileEdit{margin-top:10px;}
#ProfileEdit table, #ProfileEdit td, #ProfileEdit th, #ProfileEdit tr{border:1;font-size:14px; border-collapse:collapse;text-align:left; padding:5px; vertical-align:top;}
#ProfileEdit th{color: #FFF;  font-weight:bold; border-top: solid 1px #FFF; border-right: solid 1px #FFF; vertical-align:top; text-align:left; font-size:12px; background-color: #666;}
#ProfileEdit th.banner{color: #FFF;  font-weight:bold; border-top: solid 1px #FFF; border-right: solid 1px #FFF; vertical-align:top; text-align:left; font-size:12px; background-color: #0038A8;}
#ProfileEdit td{background-color: #FFF; border-bottom: 1px solid #CCC; border-left: solid 1px #CCC; vertical-align:top; color: #000; font-size:12px;}
#ProfileEdit a{color:#C83200;}
#ProfileEdit input.btn{background-color:#D75501; font-weight:bold; padding:5px 15px; margin-bottom:5px; color:#FFFFFF;}

#AlphaCat {width: 558px; font-size:11px; color:#FFF; padding-top: 10px;}
#AlphaCat ul{margin: 10px 0 15px 0; padding: 0;}
#AlphaCat li{display:inline; list-style-type:none; margin: 0; padding: 0 4px;}
#AlphaCat a.unselected{text-decoration:none; padding: 0; font-size:12px; font-style:normal; font-weight:bold; color: #323232; text-transform:uppercase; background:none;}
#AlphaCat a.selected{text-decoration:none; padding: 5px; font-size:12px; font-style:normal; font-weight:bold; color: #891112; text-transform:uppercase; background:none; background-color:#CCC;}

.EventList{float: left; width: 686px; border-bottom: solid 1px #CCC; margin-bottom:20px; min-height:50px;}
.EventListTitle {width: 360px; font-size:14px; color:#0038A8; font-weight:bold;}
.EventListDate {width: 360px; font-size:13px; color:#323232; font-weight:normal;}
a.EventListLinks{color:#DD3700; text-decoration:none; font-size:12px; font-weight:normal;}
.EventListNoLinks{color: #FFFFFF; font-size:12px; font-weight:normal;}
.EventListInfo {width: 686px; font-size:12px; color:#000; font-weight:normal;}

.MessageTitle {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#29537C; font-weight:bold;}
.MessageSpeaker {font-family:Arial, Helvetica, sans-serif; font-size:95%; color:#29537C; font-weight:normal;}
.MessageDate {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#B94925; font-weight:bold;}
.MessageClip {text-align:center}

#MediaGalleryCategories{width:980px; height: 49px; margin: 0; padding:0px; text-align: left; background-image:url(../Design/layout/MediaGalleryCategories.png); background-repeat: no-repeat; background-position:top center; margin-bottom:30px; margin-top: 15px;position:relative; color:#fff; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#MediaGalleryCategories ul{margin: 0; padding: 0; display:inline; list-style:none; position:absolute; top: 13px; left: 210px;}
#MediaGalleryCategories li{margin: 0; padding: 0; display:inline; list-style:none; padding:0 25px;}
#MediaGalleryCategories li a{color: #fff; font-weight:normal;}
#MediaGalleryCategories li a.selected{color: #fff; font-weight:normal; background-color:#7CAF48; padding:7px;}

#select-cat{position:absolute; top: 14px; left: 27px; color:#fff; font-size: 21px;}

#MediaStage{width:960px; margin: 0; padding:10px; text-align: left;}
.mediaDescription{float: left; width: 357px; height: 201px; margin-bottom:10px; position:relative;}
.mediaDescPanel{display:none; width: 345px; height: 189px; background-color:#FFF; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); position:absolute; top:5px; left:5px; border:1px solid #615C5E;}
.mediaDescText{display:none; width: 309px; height: 153px; position:absolute; top:23px; left:23px; font-size:11px; text-align:center; line-height:1em; overflow:hidden;}
h2.mediaTitle{font-size:14px; color:#000; padding:0; margin:0;}

.mediaDescLinkBox{width: 79px; height: 18px; background-color:#000; position:absolute; top:174px; left:272px;opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); text-align:center; padding-top: 3px;}
.mediaDescLink{font-size:12px; color:#FFF; font-weight:normal; position:absolute; top:177px; left:280px; z-index:2; cursor:pointer;}

.mediaListRow{float: left; width: 563px; height: 27px; position:relative; border-bottom: 1px solid #343434;}

.media-ColOne{font-size:12px; color:#FFF; position:absolute; top:7px; left: 8px; width:186px; text-align:left;}
.media-ColTwo{font-size:12px; color:#FFF; position:absolute; top:7px; left: 198px; width:130px; text-align:center;}
.media-ColThree{font-size:12px; color:#FFF; position:absolute; top:7px; left: 332px; width:100px; text-align:center;}
.media-ColFour{font-size:12px; color:#FFF; position:absolute; top:7px; left: 436px; width: 130px; text-align:center;}

.mediaRow-ColOne{font-size:12px; color:#343434; position:absolute; top:7px; left: 8px; width:200px; text-align:left;}
.mediaRow-ColTwo{font-size:12px; color:#343434; position:absolute; top:7px; left: 198px; width:130px; text-align:center;}
.mediaRow-ColThree{font-size:12px; color:#343434; position:absolute; top:7px; left: 332px; width:100px; text-align:center;}
.mediaRow-ColFour{font-size:12px; color:#343434; position:absolute; top:7px; left: 436px; width: 130px; text-align:center;}
.mediaRow-Audio{display:none; position:absolute; top:1px; left: 198px; width:220px; z-index:2;}

.mediaList{float: right; width: 593px; height: 201px; margin-bottom:10px; background-color:#DDDDDD;}
.mediaListHeader{float: left; width: 593px; height: 27px; background-color:#0038A8; border-bottom: 5px solid #0038A8; position:relative;}
.mediaListBody{float: left; width: 593px; height: 171px; overflow:auto; position:relative;}

.mediaListFull{float: right; width: 960px; margin-bottom:10px; background-color:#DDDDDD;}
.mediaListHeaderFull{float: left; width: 960px; height: 27px; background-color:#0038A8; border-bottom: 5px solid #0038A8; position:relative;}
.mediaListBodyFull{float: left; width: 960px; position:relative;}
.mediaListRowFull{float: left; width: 960px; height: 27px; position:relative; border-bottom: 1px solid #343434;}
.media-ColOneFull{font-size:12px; color:#FFF; position:absolute; top:7px; left: 8px; width:286px; text-align:left;}
.media-ColTwoFull{font-size:12px; color:#FFF; position:absolute; top:7px; left: 298px; width:180px; text-align:center;}
.media-ColThreeFull{font-size:12px; color:#FFF; position:absolute; top:7px; left: 482px; width:100px; text-align:center;}
.media-ColFourFull{font-size:12px; color:#FFF; position:absolute; top:7px; left: 823px; width: 130px; text-align:center;}

.mediaRow-ColOneFull{font-size:12px; color:#343434; position:absolute; top:7px; left: 8px; width:286px; text-align:left;}
.mediaRow-ColTwoFull{font-size:12px; color:#343434; position:absolute; top:7px; left: 298px; width:180px; text-align:center;}
.mediaRow-ColThreeFull{font-size:12px; color:#343434; position:absolute; top:7px; left: 482px; width:100px; text-align:center;}
.mediaRow-ColFourFull{font-size:12px; color:#343434; position:absolute; top:7px; left: 823px; width: 130px; text-align:center;}
.mediaRow-AudioFull{display:none; position:absolute; top:1px; left: 598px; width:220px; z-index:2;}

.formatImage{padding-right:4px;}


#WeekendHeader{width: 940px; height:67px; background-image:url(../Design/layout/WeekendHeader.jpg); background-repeat:repeat-x; padding:10px; margin-bottom:10px;}
.WeekendTitleCaption{font-size:22px; color:#FFF;}
.WeekendTitle{font-size:38px; color:#FFF;}
.WeekendDateTime{float:right; font-size:16px; color:#FFF; text-align:right; padding-top:15px;}

#Upload{width:435px; height: 166px; padding: 5px; background-image:url(../Design/layout/UploadBG.gif); background-repeat:repeat-x; position:relative}
#Upload h1{padding:0; margin:0; padding-bottom:20px; font-size:14px; font-weight:bold; color:#FFF;}
#Upload input.btn{border: 1px solid #152D44; background-color:#2E6398; font-weight:bold; padding:5px 15px; color:#FFFFFF; position: absolute; top:140px; left: 20px;}

.SummarySection{float: left; width: 946px; margin: 10px 17px 35px 17px;} 
.SummaryHeader{float: left; width: 946px; height: 31px; padding-top:7px; background-image:url(../Design/layout/SectionHeader.png); background-repeat:no-repeat; background-position:top center; text-align:center; color:#fff; font-size:19px;} 
.SummaryContent{float: left; width: 916px; padding-left:30px; padding-bottom:10px; background-image:url(../Design/layout/SectionBG.png); background-repeat: repeat-y;background-position:top center; text-align:center;} 


.floatright{float: right;}
.floatleft{float:left;}
.clear{clear: both;}
.Dateline {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #323232; font-weight: lighter;}
.Alert {color: #AF3030;font-size: 12px;	font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.AlertXL{width:520px;  min-height: 65px; padding: 10px; margin-bottom:10px; background-color:  #FFF7C0;  color: #CF3B19; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border:solid 1px #EFE5A4;}

.featuredPromoVideo{position:relative;}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 930px;
	height:222px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {float:left; width: 936px; height: 222px;}

.items div.singleItem{width: 267px; height: 222px;background: url(../Design/layout/FeaturedBorder.jpg) no-repeat right center; text-align:center; color:#000; font-size:12px; padding:0 22px; overflow:hidden;} 

.items div.singleItem strong{font-size:11px;} 

.items div.singleItem h2{padding: 0; margin:0; color: #0038A8; font-size:14px; font-weight:bold;}
.items div.singleItem a{font-size:12px; color:#000; font-weight:normal;}

.singleItem img{border: 4px solid #fff; margin-bottom:5px;}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

img.browse{cursor:pointer;}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../Design/overlay/whiteS.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:486px; 
    height:435px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px;
	
	margin: 0 auto;
} 


/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../Design/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

/* default close button positioned on upper right corner */ 
div.overlayWide div.close { 
    background-image:url(../Design/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

 
/* wide */ 
div.overlayWide { 
    background:url(../Design/overlay/whiteW.png); 
	background-repeat: no-repeat;

    /* dimensions after the growing animation finishes  */ 
    width:625px; 
    height:442px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px;
	
	margin: 0 auto;
} 
 
/* black */ 
div.overlay.black { 
    background:url(../Design/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../Design/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}