/*------------------------------------------------------------------
[Table of contents]

1. Global Overrides
2. Clearfix
3. Disney Chrome and Footer
    3.1. Chrome / #chrome
    3.2. Legal Footer / #legalFooter
4. Content Border / #shadeLeft, #shadeRight
5. Navigation Menu
    5.1 Defaults
    5.2 Header / #header
    5.3 Global Nav Logos
    5.4 Bottom / #bottom
    5.5 Footer / #footer
6. Main
7. Top
8. Left
9. Center
10. CenterTop
11. CenterLeft
12. CenterMid
13. CenterRight
14. CenterBtm
15. Promos
    15.1 Main Promos
    15.2 Bottom Promos
    15.3 Center Promos
    15.4 Helpful Info Promos
    15.5 Error Promo Tiles
16. QuickFacts
17. Testimonial
18. Sponsor
19. Pillar
20. Contact Us
21. Home Page
22. Upcoming Events Panel
23. Fast Search
24. Stay Connected
-
A. Uncategorized
B. JavaScript/Progressive Enhancement
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
# [Color codes]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy:
Headers:
Input, textarea:

Notes:  none
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Global Overrides]
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, cite, del, dfn, em, font, img, small, strike, strong, sub, sup,
u, emphasis, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
}

body {
    background-color:#ffffff;
    line-height: 1;
}

body, a {
    font: normal 12px arial, verdana, helvetica, sans-serif;
}

body, html {
    height: 100%;
}

ul {
    list-style: none;
}

#content ol {
    padding-left: 25px;
}

#content ul {
    list-style-type: disc;
    padding-left: 30px;
    font: normal 12px arial, verdana, helvetica, sans-serif;
}

#content ol li {
    padding-top: 5px;
}

#content ul li ul li {
    list-style-type: circle;
}

fieldset, img {
    border: 0;
}

caption, th {
    text-align:left;
}

q:before, q:after {
    content:'';
}

abbr, acronym {
    border: 0;
}

h1 {
    font: normal 22px arial, helvetica;
    color: #CF4338;
    padding-bottom: 14px;
}

h2 {
    font: bold 12px arial, helvetica;
    color: #777474;
}

a {
    color: #772099;         /*purple*/
    font-weight: bold;
}

a:hover {
    color: #772099;         /*purple*/
}

/* prevent red dots from appearing in ff */
#tabs ul.ui-tabs-nav {
    list-style:none;
    margin-left: -6px;
    width: 748px;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

.title {
    color: #00a8a3;
    font-size: 18px;
}

.subTitle {
    color: #00a8a3;
    font-size: 14px;
    font-weight: bold;
}

.left {
    float: left;
}

.hand {
    cursor:hand;
}

.introTitle {
    padding: 5px 0 5px 0;
    color: #00a8a3;
    font-size: 28px;
    font-family: arial, verdana, helvetica, sans-serif;
}

.introDesc {
    padding: 0 10px 5px 0;
}

.introPic {
	float: right;
	padding-right: 10px;
}

.subTitleShort {
    color: #00a8a3;
    font-size: 13px;
    font-weight: bold;
    padding-top: 20px;
}

.smallTxt {
	font-size: 6.3pt;
	font-family: arial helvetica;
}

#tabs {
    margin-top: 20px;
}

#tabs-1,
#tabs-2,
#tabs-3,
#tabs-4,
#tabs-5,
#tabs-6,
#tabs-7,
#tabs-8
 {
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9;
}



#tabs p {
    font-size: 12px;
}

.tabDescription li a, 
.tabDescription p a {
	text-decoration: underline;
	color: #772099;
}

/*------------------------------------------------------------------
[2. Clearfix]
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: .01%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide {
    display: none;
}

.show {
    display: block !important;
}

/*------------------------------------------------------------------
[3. Disney Chrome and Footer]
*/

/*------------------------------------------------------------------
[3.1. Chrome / #chrome]
*/

#chrome {
    clear: both;
    background: #000000;
}

/*------------------------------------------------------------------
[3.2. Legal Footer / #legalFooter]
*/

#legalFooter {
    clear: both;
    position: relative;
    background: #000000;
}

/*------------------------------------------------------------------
[4 Content]
*/

#content {
    clear:both;
    width: 100%;                /* 1000px to 99%    :- Changed By Vivek */
    width: 1000px;
    background-color: #FFFFFF;
    position:relative;
    z-index:10;
    color:#000000;
    overflow:hidden;
    margin:0 auto;
    font-size: 12px;
    padding-bottom:25px;
}

#content b {
    font-size: 12px;
}

#contentTop {
    height: 45px;
    width:  100%;               /* 1000px to 100%   :- Changed By Vivek */
}

#contentTopSub1 {
    height: 20px;
}
#contentTopSub2 {
    background-color: #aaf2ef;
    height:25px;
    padding-left: 0px;
    width: 1000px;
}


/*------------------------------------------------------------------
[5. Navigation Menu]
*/
/*------------------------------------------------------------------
[5.1 Defaults]
*/

div#main-menu {
    height: 53px;
    float: left;
    clear: none;
    position: relative;
    display: block;
    margin-top: -27px;
    margin-left: 25%;           /* 345px to 25% :- Modified By Vivek */
}

ul.menu li a {
    display: block;
    height:53px;
    text-decoration: none;
}

div#main-menu ul.menu li {
    float: left;
    clear: none;
    list-style: none;
    position: relative;
    float: left;
    top: 0;
    cursor: pointer;
}

/*top links*/
#menu-education {
    width: 125px;
    height: 23px;
}
#menu-performing-arts {
    width: 140px;
    height: 23px;
}
#menu-celebration {
    width: 125px;
    height: 23px;
}
#menu-field-trips {
    width: 125px;
    height: 23px;
}

/*hover links */
#menu-education:hover,
#main-menu ul.menu li#menu-education.active {
    width: 125px;
    height: 23px;
}
#menu-performing-arts:hover,
#main-menu ul.menu li#menu-performing-arts.active {
    width: 140px;
    height: 23px;
}
#menu-celebration:hover,
#main-menu ul.menu li#menu-celebration.active {
    width: 125px;
    height: 23px;
}
#menu-field-trips:hover,
#main-menu ul.menu li#menu-about.active {
    width: 125px;
    height: 23px;
}

/*header link colors*/
ul.sub-menu li a span,
ul.sub-menu li ul.sub-menu-section a span {
    line-height: 22px;
}

ul.sub-menu li a:hover span,
ul.sub-menu li ul.sub-menu-section a:hover span {
    color: #FFFFFF;
    line-height: 22px;
}

/*sub menu*/
ul.sub-menu li ul.sub-menu-section a span {
    color: #FFFFFF;
    line-height: 22px;
    float: left;
    width: 146px;
    cursor: pointer;
}
ul.sub-menu li a {
    margin-left: 15px;
    height: 24px;
    margin-top: 6px;
}
ul.sub-menu li a:link, ul.sub-menu li  a:visited, ul.sub-menu li  a:focus, ul.sub-menu li  a:active {
    color: #FF0000;
    text-decoration: none;
}
ul.sub-menu li a:hover {
    text-decoration: none;
}
/* Added arrow image to submenu items */
#header #menu-education ul.sub-menu li a:hover,
#header #menu-performing-arts ul.sub-menu li a:hover,
#header #menu-celebration ul.sub-menu li a:hover
{
    text-decoration: none;
    margin-left: 0px;
    background-color: #B0C53A;   /*light green*/
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

ul.sub-menu li ul.sub-menu-section a {
    height: 20px;
}
ul.sub-menu li ul.sub-menu-section a:link, ul.sub-menu li ul.sub-menu-section a:visited, ul.sub-menu li ul.sub-menu-section a:focus, ul.sub-menu li ul.sub-menu-section a:active {
    color: #000000;
    text-decoration: none;
}
ul.sub-menu li ul.sub-menu-section a:hover {
    text-decoration: none;
}
#menu-performing-arts ul.sub-menu li span {
    width: 128px;
}
#menu-celebration ul.sub-menu li span {
    width: 300px;
}
/*don't display sub-menus by default*/
ul.sub-menu {
    display: none;
}

/*------------------------------------------------------------------
[5.2 Header]
*/

/*don't display sub-menus*/
#header ul.sub-menu-section li,
#footer ul.sub-menu-section li {
    display: none;
}

#header {
    width:1000px;
    margin:0 auto;
}

#headerExtender {
    float: left;
    position: relative;
	height: 103px;
    z-index: 100;
	width: 100%;
	background-color: #72E9E5;
}

/*disable tools link for header*/
#header #menu-tools a#link-tools {
    display: none;
}


div#topLinks {
    width: auto;
    height: 35px;
    display: block;
    list-style: none;
    padding-top: 13px;
}

#_ul-topLinks {
    float: left;
    width: 760px;
    height: 35px;
    margin-left: 0px;
    padding-left: 0px;
}

#register-now {
    background: transparent url('images/globalNav.png') 0px -13px no-repeat;
    float: left;
    width: 125px;
    height: 30px;
    margin-right: 1em;
}

#register-now:hover {
    background: transparent url('images/globalNav.png') 0px -117px no-repeat;
    float: left;
    width: 125px;
    height: 30px;
}

#register-now a {
    display: block;
    width: 125px;
    height: 30px;
    text-decoration: none;
}

#buy-ticket-packages {
    background: transparent url('images/globalNav.png') -140px -13px no-repeat;
    float: left;
    width: 158px;
    height: 30px;
    margin-right: 1em;
}

#buy-ticket-packages:hover {
    background: transparent url('images/globalNav.png') -140px -117px no-repeat;
    float: left;
    width: 158px;
    height: 30px;
}

#buy-ticket-packages a {
    display: block;
    width: 158px;
    height: 30px;
    text-decoration: none;
}

#accommodations {
    background: transparent url('images/globalNav.png') -305px -13px no-repeat;
    float: left;
    width: 171px;
    height: 30px;
    margin-right: 1em;
}

#accommodations:hover {
    background: transparent url('images/globalNav.png') -305px -117px no-repeat;
    float: left;
    width: 171px;
    height: 30px;
}

#accommodations a {
    display: block;
    width: 171px;
    height: 30px;
    text-decoration: none;
}

#events-calendar {
    background: transparent url('images/globalNav.png') -598px -13px no-repeat;
    float: left;
    width: 106px;
    height: 30px;
    margin-right: 10px;
    margin-left:85px;
}

#events-calendar:hover {
    background: transparent url('images/globalNav.png') -598px -117px no-repeat;
    float: left;
    width: 106px;
    height: 30px;
}

#events-calendar a {
    display: block;
    width: 106px;
    height: 30px;
    text-decoration: none;
}

#contact-us {
    background: transparent url('images/globalNav.png') -707px -13px no-repeat;
    float: left;
    width: 75px;
    height: 30px;
    margin-right: 1em;
}

#contact-us:hover {
    background: transparent url('images/globalNav.png') -707px -117px no-repeat;
    float: left;
    width: 75px;
    height: 30px;
}

#contact-us a {
    display: block;
    width: 75px;
    height: 30px;
    text-decoration: none;
}

div#globalNav {
    float: left;
    width: 550px;
}

ul.navigation{
    margin: 0;
    padding: 0;
    top: -4px;
    height: 59px;
    width: 720px;
    float: left;
    white-space: nowrap;
    list-style-type: none;
    margin-bottom: 4px;
    position: relative;
}

ul.navigation li{
    white-space: normal;
    margin: 0;
    padding: 0;
}

ul.navigation > li{
    float: left;
    height: 32px;
    position: relative;
    padding-bottom: 0px;
}

ul.navigation > li > a{
    display: block;
    padding: 6px 10px;
    margin: 0;
    height: 54px;
    font-size: 12px;
}

ul.navigation li ul.navigation-section {
    display: none;
    position: absolute;
    top: 59px;
    left: 0;
    z-index: 1000;
    width: 260px;
    background: #fff;
    list-style-type: none;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}

ul.navigation li ul.navigation-section li ul.navigation-sub-section{
    width: 245px;
    background: #fff;
    list-style-type: none;
    margin: 0;
}

ul.navigation li:hover ul.navigation-section{
    display: block;
}

/*
ul.navigation li#li-performing-arts ul.navigation-section{
    width: 198px;
    height: 340px;
}

ul.navigation li#li-education ul.navigation-section{
    width: 270px;
    height: 145px;
}

ul.navigation li#li-celebration ul.navigation-section{
    width: 240px;
    height: 145px;
}
*/
ul.navigation li#li-celebration ul.navigation-section{
    margin-left: -86px;
    width: 240px;
}

ul.navigation ul.navigation-section > li > a{
    display: block;
    width: 260px;
    padding: 4px;
    margin: 2px 0px 0 0px;
    height: 26px;
}

ul.navigation ul.navigation-section ul.navigation-sub-section > li > a{
    display: block;
    width: 260px;
    padding: 4px;
    margin: 2px 0px 0 0px;
    padding-left: 20px;
    font-style: italic;
    text-decoration: none;
}

ul.navigation li#li-performing-arts ul.navigation-section > li > a{
    display: block;
    width: 260px;
    padding: 4px;
    height: 20px;
    text-decoration: none;
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

ul.navigation li#li-performing-arts ul.navigation-section li#li-competitions-and-festivals ul.navigation-sub-section > li > a:hover{
	text-decoration: none;
    margin-left: 0px;
    background-color: #B0C53A;   /*light green*/
    background-repeat: no-repeat;
    background-position: 5px 10px;
    color: #fff;
}

ul.navigation li#li-performing-arts ul.navigation-section > li > a:hover {
    text-decoration: none;
    margin-left: 0px;
    background-color: #B0C53A;   /*light green*/
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
    color: #fff;
}

ul.navigation li#li-education ul.navigation-section > li > a{
    display: block;
    width: 260px;
    padding: 4px;
    height: 20px;
    text-decoration: none;
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

ul.navigation li#li-education ul.navigation-section > li > a:hover {
    text-decoration: none;
    margin-left: 0px;
    background-color: #B0C53A;   /*light green*/
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
    color: #fff;
}

ul.navigation li#li-celebration ul.navigation-section > li > a{
    display: block;
    width: 240px;
    padding: 4px;
    height: 20px;
    text-decoration: none;
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
}

ul.navigation li#li-celebration ul.navigation-section > li > a:hover {
    text-decoration: none;
    margin-left: 0px;
    background-color: #B0C53A;   /*light green*/
    padding-left: 15px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 5px 10px;
    color: #fff;
}

/*
ul.navigation > li:hover > a,
ul.navigation ul.navigation-section > li:hover > a{
    background: #eee;
}
*/

ul.navigation div.preview-pane {
    display: none;
    position: absolute;
    top: 0px;
    left: 299px;
    width: 285px;
    padding: 4px;
    background: #D7E9E9;
    background: #b0c53a;
}

ul.navigation-sub-section div.preview-sub-pane {
    display: none;
    position: absolute;
    top: 0px;
    left: 299px;
    width: 285px;
    padding: 4px;
    background: #D7E9E9;
    background: #b0c53a;
    z-index: 100;
}

ul.navigation #li-celebration div.preview-pane {
    left: 279px;
}

ul.navigation ul.navigation-section li:hover div.preview-pane{
    display: block;
}

#li-competitions-and-festivals ul.navigation-sub-section li:hover div.preview-sub-pane{
    display: block;
}

ul.navigation div.preview-pane p, ul.navigation div.preview-sub-pane p{
    margin: 0 0px 15px 25px;
    padding: 0;
}

ul.navigation li#li-tools ul.navigation-section{
    display: none;
}

#li-tools {
    display: none;
}

#li-performing-arts {
    width: 179px;
    height: 59px;
    background: transparent url('images/globalNav.png') 0px -44px no-repeat;
}

#li-performing-arts:hover {
    width: 179px;
    height: 59px;
    background: transparent url('images/globalNav.png') 0px -148px no-repeat;
}

#li-education {
    width: 117px;
    height: 59px;
    background: transparent url('images/globalNav.png') -180px -44px no-repeat;
}

#li-education:hover {
    width: 117px;
    height: 59px;
    background: transparent url('images/globalNav.png') -180px -148px no-repeat;
}

#li-field-trips {
    width: 123px;
    height: 59px;
    background: transparent url('images/globalNav.png') -431px -44px no-repeat;
}

#li-field-trips:hover {
    width: 123px;
    height: 59px;
    background: transparent url('images/globalNav.png') -431px -148px no-repeat;
}

#li-celebration {
    width: 131px;
    height: 59px;
    background: transparent url('images/globalNav.png') -298px -44px no-repeat;
}

#li-celebration:hover {
    width: 131px;
    height: 59px;
    background: transparent url('images/globalNav.png') -298px -148px no-repeat;
}

ul.navigation > li > a > span {
    margin-left: -3000px;
}

#siteLogo {
    float: left;
    margin:15px 35px 0 30px;
}

#globalNavInterestCont {
    top: -4px;
    position: relative;
    width: 233px;
    height: 59px;
    float: left;
    background-color: #AAF2EF;
}

#globalNavInterestSelectPanel {
    height:34px;
    width:225px;
    margin:10px 0 15px 0px;
    overflow:hidden;
    padding:5px 1px 5px 2px;
    float: left;
}

#globalNavInterestSelectPanel select {
    font-size:15px;
    width:175px;
    margin:5px 0 5px 0;
}

#globalNavInterestDrop {
    height:30px;
    width:315px;
    float:left;
    width: auto;
}

#globalNavInterestSelectPanelGo {
    width: 41px;
    height: 32px;
    background: transparent url('images/globalNav.png') -741px -59px no-repeat;
    float: right;
}

#globalNavInterestSelectPanelGo:hover {
    width: 41px;
    height: 32px;
    background: transparent url('images/globalNav.png') -741px -163px no-repeat;
}

#globalNavInterestSelectPanelGo a {
    display: block;
    width: 40px;
    height: 30px;
}

#faqBtn {
    width: 88px;
    height: 23px;
    background: transparent url('images/contact-us/ViewFaqBtn.jpg') no-repeat;
}

#faqBtn a {
    display: block;
    width: 125px;
    height: 30px;
}

/** DISABLED FROM GLOBAL NAV **/
#li-varsity,
#li-show-choir,
#li-theater-festival,
#li-pillar-pages
 {
    display: none;
}

/*------------------------------------------------------------------
[5.3 Global Nav Logos]
*/

.preview-pane H3 {
    color: #b0c53a;
    color: #ffffff;
    font-size: 16px;
    padding-bottom: 10px;
    margin-left: 25px;
}

.preview-sub-pane H3 {
    color: #b0c53a;
    color: #ffffff;
    font-size: 16px;
    padding-bottom: 10px;
    margin-left: 25px;
}

.preview-sub-pane sup{
	font-size: 60%;
	position:relative;
	top: -0.4em;
}

.previewPaneDesc {
    color: #444a4d;
    font-size: 11px;
    padding-left:3px;
    width:245px;
    padding-right: 2px;
}

#previewPanePerformanceLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Roller_3_Performance.jpg') no-repeat;
}
#previewPaneCompetitionsLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Roller_CompFestivals_3.jpg') no-repeat;
}
#previewPaneWorkshopsLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Roller_Workshops_3.jpg') no-repeat;
}
#previewPaneYESLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/YES.jpg') no-repeat;
}
#previewPaneIELogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Individual_Enrollment.jpg') no-repeat;
}
#previewPaneHSDLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Homeschool.jpg') no-repeat;
}
#previewPaneCELogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/DYES_COLLEGE-EDITION-1.jpg') no-repeat;
}
#previewPaneDEPLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/DEP_Logo.jpg') no-repeat;
}

#previewPaneSCWDWLogo{
	border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/WDW-SCT.jpg') no-repeat;
}

#previewPaneKKQLogo{
	border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/KK2-menulogo.gif') no-repeat;
}

#previewPaneGNDLRLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Grad_Nite_DL.gif') no-repeat;
}
#previewPaneGNWDWLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Grad_Nite_WDW.gif') no-repeat;
}
#previewPaneNOJLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Night_Of_Joy.jpg') no-repeat;
}
#previewPaneGFLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Gospel_Choir_Fest.jpg') no-repeat;
}

#previewDisneyFestivalLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/youth_festival_235x152.jpg') no-repeat;
}

#previewDisneyJazzCelebrationLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Youth_jazz_235x152.jpg') no-repeat;
}

#previewDisneyHonorsLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/Youth_honors_235x152.jpg') no-repeat;
}

#previewStepClassicLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/youth_step_235x152.jpg') no-repeat;
}

#previewGospelFestivalLogo {
    border:1px solid #f2f2f2;
    width: 233px;
    height: 150px;
    margin-top: 21px;
    background: transparent url('images/globalNav/youth_gospel_235x152.jpg') no-repeat;
}

/*------------------------------------------------------------------
[5.4 Bottom]
*/
#bottomExtender {height:120px; width: 100%; background: #404040; overflow:hidden;}
#bottom {width: 1000px; text-align: center; margin:0 auto; }
#bottom #siteLogo {float: left; margin:15px 0 0 31px;}

/*------------------------------------------------------------------
[5.5 Footer]
*/
#footerExtender {height:255px; width: 100%; background: #282828; overflow:hidden; }
#footer {
	width: 1000px; text-align: center; margin:0 auto;
}

#footer #menu-performing-arts,
#footer #menu-performing-arts:hover, #footer #main-menu ul.menu li#menu-performing-arts.active {
    height:200px;
    width: 235px;
    margin:0 11px 0 25px;
}
#footer #menu-performing-arts #link-performing-arts {
	color: #FFFFFF;
	font-size: 12px;
}

#footer #menu-education,
#footer #menu-education:hover, #footer #main-menu ul.menu li#menu-education.active {
    height:200px;
	width: 235px;
	margin:0 36px 0 0;
}
#footer #menu-education #link-education {
	color: #FFFFFF;
	font-size: 12px;
}

#footer #menu-field-trips,
#footer #menu-field-trips:hover, #footer #main-menu ul.menu li#menu-field-trips.active {
    margin-left:-268px;
    height: 22px;
    width: 277px;
    margin-top: 90px;
}

#footer #menu-field-trips #link-field-trips {
	color: #FFFFFF;
	font-size: 12px;
}

#footer #menu-celebration,
#footer #menu-celebration:hover, #footer #main-menu ul.menu li#menu-celebration.active {
    height:165px;
    width: 235px;
    margin:0 36px 0 0;
}
#footer #menu-celebration #link-celebration {
    color: #FFFFFF; font-size: 12px;
}

#footer #menu-tools,
#footer #menu-tools:hover, #footer #main-menu ul.menu li#menu-tools.active {
	height:185px;
	width: 170px;
    margin: 0px;
    float: right;
}
#footer #menu-tools #link-tools { color: #FFFFFF; font-size: 12px; }

#footer div#main-menu {
    clear: none;
    display: block;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    position: relative;
    text-align: left;
    *margin-top: 5px;
}

#footer #main-menu ul.menu {
    float: left;
    position: relative;
    left: 0;
    width: 100%;
    z-index: 3000;
}

/* Sub Menu Begins Here */
#footer ul.sub-menu {
    margin-top: -26px;
}
/* Added arrow image to sub menu item */
#footer ul.sub-menu li {
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 10px;
}
#footer #menu-education ul.sub-menu {
/*  width: 190px;
    height: 170px;
    margin-left: 0px; */
}
#footer #menu-performing-arts ul.sub-menu {
}
#footer #menu-celebration ul.sub-menu {
}
#footer #menu-tools ul.sub-menu {
}

/*footer link colors*/
#footer ul.sub-menu li a:hover span,
#footer ul.sub-menu li ul.sub-menu-section a:hover span {
    color: #BA1D8B;         /*pink*/
}

#footer ul.sub-menu li a {
    height: 16px;
    margin-top: 6px;
    margin-left: 0px;
}

#footer ul.sub-menu li a:link, #footer ul.sub-menu li  a:visited, #footer ul.sub-menu li  a:focus, #footer ul.sub-menu li  a:active {
    color: #FFFFFF;
    text-decoration: none;
    font-family: arial;
    font-weight: normal;
    font-size: 11px;
}

#footer #menu-education ul.sub-menu li, #menu-performing-arts ul.sub-menu li, #menu-celebration ul.sub-menu li,#menu-tools ul.sub-menu li {
    clear: both;
    width: 254px;
}

#footer li#menu-performing-arts ul.sub-menu, #footer li#menu-celebration ul.sub-menu, #footer li#menu-about-us, #footer ul.sub-menu {
    display: block;
}

/** DISABLED FROM FOOTER **/
#footer #menu-varsity,
#footer #menu-show-choir,
#footer #menu-theater-festival,
#footer #menu-pillar-pages,
#footer #menu-other-events
{
    display: none;
}


/* Sub Menu Ends Here */
/* End Navigation Menu */

/*------------------------------------------------------------------
[6. Main]
*/

#mainCont {
    width: 1015px;
    clear: both;
}

/*------------------------------------------------------------------
[7. Top]
*/

#top {
    width: 1000px;
    clear: both;
}

/*------------------------------------------------------------------
[8. Left]
*/

#leftCont {
    /*clear: both;*/
    float: left;
    width: 235px;
    margin-top: 0px;
}

.about #leftCont {
    overflow:hidden;
    padding-bottom:50px;
}

#leftPromo {
    clear: both;
    float: left;
    margin-top: 12px;
    margin-bottom:0px;
}
#leftPromo a {
	text-decoration: none;
}

#leftNavContPillar {
    width: 235px;
    float: left;
    margin-top: 21px;
}

#leftNavCont {
    width: 235px;
    float: left;
}

#leftNavCont a, #leftNavContPillar a {
    color: #115a80;
    text-decoration: none;
}

#leftNavImg {
    text-align: center;
    border:0;
}

#leftNavImg img {
    /*
    width: 228px;
    height: 170px;
    */
}

/* Added arrow image to sub menu item */
#leftNavCont div, #leftNavContPillar div {
    padding: 8px 0 0 25px;
    height:22px;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 15px 13px;    
}

#leftNavCont div:hover,
#leftNavCont div.active,
#leftNavContPillar div:hover,
#leftNavContPillar div.active {
    background-color: #EBF7F7;
}

#leftNavMain {
    border-bottom: 0;
}

/*------------------------------------------------------------------
[9. Center]
*/

#centerCont {
    float: left;
    width: 750px; 		/* 	756px	*/
    padding-top: 0px;
    padding-left: 20px;
    float: left;
    padding-bottom:0px;
}

.productDetail #centerCont {
    margin-top:15px;
}

#centerCont p {
    padding-bottom: 10px;
}

.about #centerCont p {
    padding-bottom:5px;
    line-height:18px;
}

/*------------------------------------------------------------------
[10. CenterTop]
*/

#centerTop {
    width: 741px;
    padding-left: 0px;
}

#centerTop a {
    text-decoration: underline;
}

#topLeft {
    float: left;
}

#topRight {
    float: left;
    width:475px;
    margin-left:10px;
}

/*------------------------------------------------------------------
[11. CenterLeft]
*/

#centerLeft {
    float: left;
    width: 485px;		/* 	505px	*/
    padding-left: 0px;
    padding-bottom: 10px;
}
#travel-companies-page #centerLeft,
#travel-companies-gate-page #centerLeft {
    width: 480px;
}

/*------------------------------------------------------------------
[12. CenterMid]
*/

#centerMid {
    /*background-color: #ebf7f7;*/
    padding: 10px 5px 0px 10px;
    overflow:hidden;
}

/*------------------------------------------------------------------
[13. CenterRight]
*/

#centerRight {
    float: right;
    width: 240px;
    margin:0 0 5px 0;
    padding-top: 10px;
}

.about #centerRight {
    padding-top:0;
}

/*------------------------------------------------------------------
[14. CenterBtm]
*/

#centerBtm {
    float: left;
    width: 750px;
    padding: 0px 0px 5px 0px;
    margin:0 0px 15px 0px;
}


#centerBtmCatalog {
    overflow:hidden;
    padding: 0;
    position:relative;
    left:-3px;
}

/*------------------------------------------------------------------
[15. Promos]
*/
/*------------------------------------------------------------------
[15.1 Main Promos]
*/

.productPromoCont {
    width: 230px;
    padding-bottom: 10px;
}

#centerRight .productPromoCont {
    float: left;
    padding-bottom: 10px;
}

#centerLeft .productPromoCont img {
    width: 258px;
    height: 128px;
}

.productPromoTitle {
    padding: 10px 0 0 2px;
    color: #00a8a3;
    font-weight: bold;
}

.productPromoDesc {
    padding: 5px 0 0 2px;
}

.productPromoCTA a {
    font-size: 10px;
    color: #115a80;
    text-decoration: underline;
    padding-left: 2px;
}

.promosCont {
    font-family: tahoma;
    font-weight: bold;
    font-size: 11px;
    color: #6b4a79;
    margin-left: 10px;
    margin-right: -5px;
    padding: 66px 19px 31px 1px;
}

.promosImg {
    height:150px;
    width:235px;
    margin-top:10px;
}

/*------------------------------------------------------------------
[15.2 Bottom Promos]
*/

#btm_promo1 {
    float: left;
    width: 190px;
    padding-top: 0px;
    text-align: left;
    margin: 20px 0 0 25px;
}

#btm_promo2 {
    float: left;
    width: 190px;
    padding-top: 0px;
    text-align: left;
    margin: 20px 0 0 55px;
}

#btm_promo3 {
    float: left;
    width: 170px;
    padding-top: 0px;
    text-align: left;
    margin: 20px 0 0 80px;
}

#btm_promo4 {
    float: left;
    width: 170px;
    padding-top: 0px;
    text-align: left;
    margin: 20px 0 0 110px;
}

.btm_promo_title {
    color: #b0c53a;
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
}

.btm_promo_desc {
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 160px;
}

.btm_promo_link,
.btm_promo_link a {
    color: #fff;
    padding-top: 10px;
    margin-top: 10px;
}

.btm-button {
   outline: 0;
   margin-left: 0px;
   padding: .4em .2em .4em .2em;
   text-decoration:none !important;
   cursor:pointer;
   position: relative;
   text-align: center;
   zoom: 1;
   width: 120px;
   background-color: green;
}

.btm-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
    float: right;
    margin-top: -15px;
}

.contScroll{
    background-repeat: scroll;
    background-color:#F4ECF7;
    padding-bottom:5px;
    margin-bottom:5px;
    width:233px;
}
.contScroll img{
    padding:5px 0px 10px 10px;
}

/*------------------------------------------------------------------
[15.3 Center Promos Box]
*/

#promoTile1,
#promoTile2,
#promoTile3 {
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    width: 235px;
    height: 300px;
    float: left;
    margin-right: 13px;
    margin-bottom: 20px;
}

#promoTile1Img img,
#promoTile2Img img,
#promoTile3Img img  {
    width: 215px;
    height: 151px;
    padding: 0px 10px 0 10px;
}

#promoTile1Title,
#promoTile2Title,
#promoTile3Title {
    padding: 10px 10px 0 10px;
    font-weight: bold;
    width: 235px;
}

#promoTile1Desc,
#promoTile2Desc,
#promoTile3Desc {
    padding: 0 10px 0 10px;
    width: 215px;
    height: 60px;
}

#promoTile1Link,
#promoTile2Link,
#promoTile3Link {
    text-align: center;
}

/*------------------------------------------------------------------
[15.4 Helpful Info Promos Box]
*/

#spotlightPromo {
    clear:both;
    margin:0 0 0 0;
    vertical-align:top;
}

#spotlightPromo div {
    margin:0 0 12px 0;
    clear:both;
    border:1px solid #d9d9d9;
    padding: 0 15px;
    padding-bottom:15px;
}

#spotlightPromo div .promoTitleMedia {
    border:0;
    padding:0;
    margin:17px 0 10px 0;
}

#spotlightPromo div .promoHighlightText {
    margin:15px 0 0 0;
    padding:0;
    border:0;
    font-size:14px;
    font-weight:bold;
    color:#8a4aa3;
}

#spotlightPromo .promoMediumText {
    margin:0;
    padding:0;
    border:0;
    font-size:18px;
    color:#000;
}

#spotlightPromo .promoLargeText {
    margin:0;
    padding:0;
    border:0;
    font-size:23px;
    color:#000;
}

#spotlightPromo .infoBoxSubNavTitle {
    height:20px;
    width:217px;
    margin:0;
    padding:0;
    border:0;
    font-size:12px;
    font-weight:bold;
    line-height:14px;
    padding:6px 0 0 18px;
    color:#FFF;
    background-color:#b0c53a;
}

/*------------------------------------------------------------------
[15.5 Error Promos Box]
*/

#errorPromoTile1,
#errorPromoTile2,
#errorPromoTile3 {
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    width: 235px;
    height: 260px;
    float: left;
    margin-right: 13px;
    margin-bottom: 20px;
}

#errorPromoTile1Img img,
#errorPromoTile2Img img,
#errorPromoTile3Img img  {
    width: 200px;
    height: 101px;
    padding: 0px 15px 0 10px;
}

#thankYouCont .introTitle {
	padding-top: 13px;
}

/*------------------------------------------------------------------
[16. Quick Facts]
*/

.quickFactsTitle {
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    padding-top: 8px;
}

.quickFactsCont {
    background-image: url('images/navArrow.png');
    background-position: 18px 4px;
    background-repeat: no-repeat;
    color: #8A4AA3;
    font-family: arial;
    font-size: 10px;    
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 25px;
    padding-left: 30px;
}

/*------------------------------------------------------------------
[17. Testimonial]
*/

.testimonialCont {
    font-family: arial;    
    font-size: 12px;
    background-color:#F4ECF7;
    color: #8A4AA3;
    margin-top: 0px; /*30px*/
    padding: 8px 26px 10px 19px; /*20px 26px 10px 15px*/
}

#testimonialQuotesDiv {
    width:235px;
    margin:10px 0 0 0;
    overflow:hidden;
}

.testimonialQuoteCont {
    width:180px;
    float:left;
    background-color:#fff;
    color:#231f20;
    font-family:tahoma;
    font-size:11px;
    line-height:16px;
    margin:0 0 0 7px;
    padding:0;
    overflow:hidden;
}

.testimonialQuoteName {
    width:175px;
    float:right;
    text-align:right;
    font-family:tahoma;
    font-weight:bold;
    font-size:14px;
    color:#00a8a3;
    margin:3px 20px 10px 0;
    overflow:hidden;
}
/* IE7 only. */
*:first-child+html .testimonialQuoteName {
    margin:3px 20px 0 0;
}

.testimonialOpenQuote {
    float:left;
    width:20px;
    height:14px;
    margin:0 0 0 10px;
    overflow:hidden;
    background: url('images/quoteOpen.png') no-repeat top left;
    overflow:hidden;
}

.testimonialCloseQuote {
    display:inline-block;
    width:20px;
    height:14px;
    margin:-2px 0 0 5px;
    overflow:hidden;
    background: url('images/quoteClose.png') no-repeat top left;
    overflow:hidden;
}
/* IE7 only. */
*:first-child+html .testimonialCloseQuote {
    margin:0 0 0 5px;
}

.testimonialHorizontalRule {
    clear:both;
    margin:10px 0 0 0;
    height:1px;
    width:235px;
    background-color:#d9d9d9;
    overflow:hidden;
}

/*------------------------------------------------------------------
[18. Sponsor]
*/

.promoTileCont {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;

    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 40px;
    padding-bottom: 0px;
}

.promoTileTitle {
    color: #FFFFFF;
    margin-left: 10px;
    margin-top: -22px;
    padding-bottom:10px;
}

.promoTileImg {
    float: right;
    padding-right: 6px;
}

.promoTileDesc {
    color: #8A4AA3;
    padding: 6px 0px 0px 10px;
}

.promoTileLink {
    padding-left: 10px;
    padding-top: 10px;
}

/*  .sponsorCont {
        color: #996699;
        font-family: tahoma;
        font-size: 11px;
        font-weight: bold;
        padding-bottom: 12px;
        padding-left: 12px;
        padding-top: 10px;
        padding-right: 20px;
    }
*/

/*------------------------------------------------------------------
[19. Pillar pages]
*/

.pillarIcons {
    clear:both;
    width:125px;
    height:35px;
    padding-left:8px;
    overflow:hidden;
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    background-color:#f9f9f9;
}

.pillarContShort .pillarIcons,
.pillarContTall .pillarIcons {
    display:none;
}

.eventIcon {
    margin:0 5px 0 0;
}

.pillarCont {
    border:1px solid #d9d9d9;
    width:358px;
    float:left;
    margin:5px 0 5px 5px;
}

.pillarCont.odd {
    margin-right:15px;
}

.pillarCont p {
    padding-top: 5px;
    padding-left: 10px;
    position: relative;
}

/* Pillar Page: Education & Celebration */

.pillarContTall {
	min-height:363px;
    border: 1px solid #d9d9d9;
    float: left;
    margin:15px 15px 10px 0px;
    width: 233px;
}

.pillarContTall p {
    padding-left: 20px;
    position: relative;
    padding-bottom: 10px;
    padding-right: 10px;
    float: left;
    width:203px;
}

.leftTall {
    float: left;
}

.subTitleTall {
    color: #00a8a3;
    font-size: 13px;
    font-weight: bold;
    margin-bottom:10px;
    width: 200px;
    float: left;
    padding-top:10px;
    border-top:1px solid #ddd;
}

/* Education SubPart */

.pillarContShort {
    background-color: #f9f9f9;
    border: 1px solid #d9d9d9;
    float: left;
    min-height: 84px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-top: 0px;
    width: 743px;
}

.pillarContShort p {
    padding-left: 20px;
    position: relative;
    padding-bottom: 10px;
    padding-right: 10px;
}

.pillarContShort p.subTitleShort {
    float:left;
    width:470px;
}

.pillarContShort p.description {
    float:left;
    width:353px;
}

.pillarContShort div.leftTall {
    float:left;
    width:234px;
}

.pillarContShort p.button {
    float:right;
    width:80px;
}


/*------------------------------------------------------------------
[20. Contact Us]
*/

#faqIntroCont {
    float: left;
    border: 1px solid #d9d9d9;
    width: 225px;
    height: 174px;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 20px;
    background-image: url('images/iconFAQ.jpg');
    background-repeat: no-repeat;
    background-position: 20px 19px;
    text-align: justify;
}

#contactUsCont {
    position: relative;
    border: 1px solid #d9d9d9;
    width: 490px;
    height: 194px;
    margin-top: 20px;
    margin-left: 252px;
    background-image: url('images/orSeparatorLong.png');
    background-repeat: no-repeat;
    background-position: 230px -1px;
}

#contactUs {
    float: left;
    width: 210px;
    height: 194px;
    margin-top: 20px;
    margin-left: 1px;
    background-image: url('images/iconContactUs.jpg');
    background-repeat: no-repeat;
    background-position: 18px -1px;
    padding-left: 20px;
    text-align: justify;
}

#callAnExpert {
    float: right;
    width: 210px;
    height: 200px;
    margin-top: 20px;
    background-image: url('images/iconCallExpert.jpg');
    background-repeat: no-repeat;
    background-position: 17px -1px;
    padding-left: 20px;
    text-align: justify;
}

.faqTitle {
    color: #00a8a3;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.faqSelectTitle {
    color: #8749a0;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.faqDesc {
    padding-bottom: 10px;
}

#faqSelectCont {
    padding-bottom: 10px;
}

.activeFaq {
    border-left:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    display: block;
    width: 723px;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.inactiveFaq {
    display: none;
}

#faqHeader {
    background-color: #8a4aa3;
    color: #fff;
    height: 30px;
    margin-top: 20px;
}
#faqHeader p {
    padding-top: 5px;
    padding-left: 20px;
    font-weight: bold;
}

.faqIntroTitle {
    padding: 0 0 5px 30px;
    color: #00a8a3;
    font-size: 16px;
}

.faqPhone {
    padding: 0 10px 5px 0;
    color: #8a4aa3;
    font-size: 16px;
    font-weight: bold;
}

/*------------------------------------------------------------------
[21. Homepage]
*/

body#home #contentTop {
    display: none;
}

body#home #wrapper {
    padding-top: 20px;
}

body#home #top {
    height: 531px;
}

body#home-page #mainMedia {
    width: 1001px;
    height: 500px;
    padding-top: 20px;
}

body#home-page #contentTop {
    display: none;
}

body#home .productFeatureTitle {
    padding-left: 10px;
    background-image: url('images/navArrow.png');
    background-repeat: no-repeat;
    background-position: 0px 15px;
}

/**** NAV TEST ***/

div#navigationContainer {
    position: relative;
    float: left;
    top: 69px;
    width: 707px;
    height: 54px;
}

#heroMedia {
    margin-top: 21px;
}


/*------------------------------------------------------------------
[22. Upcoming Events Panel]
*/

#eventsPanel {
    float:none;
    width:1000px;
    height:106px;
    overflow:hidden;
    margin:10px 0 0 0;
    padding-top: 2px;
}

#eventsPanelTop {
    height:23px;
}

#eventsPanelBtm {
    width:998px;
    height:82px;
    border:1px solid #d8d8d8;
    border-top:0;
}

.eventsPanelTopBars {
    height:23px;
    overflow:hidden;
    float:left;
    border-right:1px solid #fff;
}

#eventsPanelTopBar1 {
    width:235px;
    background-color:#b0c53a;
}
#eventsPanelTopBar2 {
    width:254px;
    background-color:#bbd23e;
}
#eventsPanelTopBar3 {
    width:254px;
    background-color:#d0dc89;
}
#eventsPanelTopBar4 {
    width:254px;
    border-right:0;
    background-color:#dfe8b0;
}

.eventsPanelBox {
    float:left;
    height:58px;
    width:234px;
    overflow:hidden;
    background-color:#f8f8f8;
    border-right:1px solid #fff;
    padding:10px;
    padding-top:14px;
}
.eventsPanelBox.last {
    width:233px;
    border-right:none;
}

#eventsPanelTitleBox {
    float:left;
    height:82px;
    width:234px;
    background: #f5f5f5 url('images/upcomingEventsTitleBkgd.png') no-repeat top left;
    border-right:1px solid #fff;
}

.eventsPanelBoxLeft {
    float:left;
    height:55px;
    width:40px;
    margin:-2px 10px 0 0;
    overflow:hidden;
    text-align:center;
}

.eventsPanelBoxRight {
    float:left;
    margin:0 0 0 0;
    height:55px;
    width:183px;
    overflow:hidden;
}

#eventsPanel .eventMonth {
    font-size:18px;
    color:#353132;
}

#eventsPanel .eventDay {
    font-size:38px;
    color:#353132;
    margin:-4px 0 0 0;
}

#eventsPanel .eventLocation {
    float:left;
    height:12px;
    line-height:12px;
    width:108px;
    margin:3px 0 5px 0;
    font-size:10px;
    font-style:italic;
    color:#353132;
    overflow:hidden;
}

#eventsPanel .eventTitle {
    width:183px;
    margin:0 0 3px 0;
    font-weight:normal;
    font-size:11px;
    color:#353132;
    overflow:hidden;
}

#eventsPanel .eventLearnMore {
    float:right;
    height:12px;
    line-height:12px;
    width:60px;
    margin:2px 0 0 5px;
}

#eventsPanel .eventLearnMore a {
    font-size:10px;
    color:#004e77;
    text-decoration:underline;
}

#eventsPanel #viewCalendarBtn {
    height:21px;
    width:105px;
    margin:45px 0 0 110px;
}

#eventsPanel #viewCalendarBtn a {
    height:21px;
    width:105px;
    background-image: url('images/btnViewCalendar.png');
    display:block;
}

/*------------------------------------------------------------------
[22. Travel Companies Login]
*/

.about form#loginForm {
    margin:0 0 50px 16px;
}

.about input#user,
.about input#password {
    width:195px;
    height:24px;
    border:1px solid #999;
    border-left:3px solid #8a4aa3;
    line-height:24px;
    padding-left:10px;
}

.about input#password {
    margin:0 0 10px 0;
}

.about #labelUser {
    margin:10px 0 5px 0;
    font-size:12px;
    font-weight:bold;
    color:#000;
}

.about #labelPassword{
    margin:10px 0 5px 0;
    font-size:12px;
    font-weight:bold;
    color:#000;
}

.about #submit {
    float:left;
    height:21px;
    overflow:hidden;
}

.about #forgotLogin {
    float:right;
    height:21px;
    margin:4px 15px 0 0;
}

.about #forgotLogin a {
    color:#004e77;
    font-size:11px;
    font-weight:normal;
    text-decoration:underline;
}

.about #requestAccess {
    margin:5px 0 0 0;
}

.about .mainTitle {
    color:#00A8A3;
    font-size:25px;
    padding:0 0 0 0;
    margin:-1px 0 0 0;
}

.about #loginError {
    width:205px;
    margin:10px 0 0 15px;
    font-size:11px;
    color:#ff0000;
}

.about #leftNavImg {
    margin:20px 0 0 0;
}

/* BREADCRUMBS */
#contentTopSub2 p a {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#contentTopSub2 p {
    padding-top: 5px;
    float: left;
    text-align: left;
    height: 20px;
}

#contentTopSub2 p span {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    padding-top: 0px;
    height: 25px;
    text-align: left;
    padding-left: 5px;
}

#crumbDefault {
    background: #53a9a6 url('images/breadCrumb/crumbDefault.png');
    width: 45px;
    height: 25px;
    float: left;
}
#crumbDefaultLast {
    background: #aaf2ef url('images/breadCrumb/crumbDefault.png');
    width: 45px;
    height: 25px;
    float: left;
}
#crumbLvl0 {
    background: #53a9a6 url('images/breadCrumb/crumbLvl0.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px;  
}
#crumbLvl0Last {
    background: #53a9a6 url('images/breadCrumb/crumbLvl0Last.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px;    
}
#crumbLvl1 {
    background: #468f8c url('images/breadCrumb/crumbLvl1.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px;  
}
#crumbLvl1Last {
    background: #468f8c url('images/breadCrumb/crumbLvl1Last.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px;    
}
#crumbLvl2 {
    background: #397573 url('images/breadCrumb/crumbLvl2.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px;  
}
#crumbLvl2Last {
    background: #397573 url('images/breadCrumb/crumbLvl2Last.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px;    
}
#crumbLvl3,
#crumbLvl3Last
{
    background: #14514f url('images/breadCrumb/crumbLvl3.png') no-repeat right top;
    height: 25px;
    float: left;
    text-align: left;
    padding-right: 20px; 
}

/* temp reg buttons */
.eventItemRegisterBtn {
	float:right;
	padding-top:8px;
}
.eventItemIERegisterBtn {
	float:right;
	width:90px;
	height:17px;
	font-size:10px;
	padding-top:2px;
	padding-left:2px;
	color:#fff;
}

.default-link {
	cursor: default;
}

.disclaimer {
    font-size: 10px;
}

.print {
	display:none;
}

#btnPrint {
	height:19px;
    background: transparent url('images/iconPrint.png') no-repeat left top;
	float:right;
	width:27px;
	padding:2px 0 0 22px;
	margin:3px 10px 0 0;
    text-align:right;
	overflow:hidden;
}

#btnPrint a {
	color:#004163;
    text-decoration:underline;
}

.register #btnPrint {
    display:none;
}

span.print-only {
	display:none;
}

/* SITEMAP */
.sitemap #content {
	padding-left: 50px;
	padding-top: 20px;
}
.sitemapHeader {
	padding-bottom: 10px;
	color: #00a8a3;
	font-size: 28pt; 	
}
.sitemapCont {
	padding-bottom: 10px;	
}
.sitemapCont1, 
.sitemapCont2, 
.sitemapCont3, 
.sitemapCont4 {
	float: left;
	padding-right: 45px;	
	padding-top: 20px;
}
.sitemapTitle, .sitemapTitle a {
	font-weight: bold;
	padding-bottom: 5px;
	color: #000;
}
.sitemapTitle a:hover {
	text-decoration: underline;
}
.sitemapSubTitle, .sitemapSubTitle a {
	padding-bottom:2px;
	color: #004e77;
}
.sitemapSubTitle a:hover {
	text-decoration: underline;
}
.sitemapItem, .sitemapItem a {
	font-weight: bold;
	padding-bottom: 5px;
	color: #004e77;
}
.sitemapSubItem, .sitemapSubItem a {
	padding-left: 10px;
	padding-bottom:2px;
	color: #004e77;
}
.sitemapSubItem a:hover {
	text-decoration: underline;
}

/* SHARE MODULE */
#shareDiv {
	height:333px;
	width:460px;
	background-color:#aaf2ef;
	overflow:hidden;
	position:absolute;
	top:77px;
	right:10px;
    display:none;
}

#shareTitle {
	float:left;
    color:#fff;
    font-weight:bold;
    margin:13px 0 0 15px;
}

#shareDivTop {
	height:41px;
	background-color:#8a4aa3;
	overflow:hidden;
}

#shareDivMid {
    height:80px;
    background: transparent url('images/shareBkgd.png') no-repeat left top;
    padding:35px 28px 35px 28px;
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    color:#000;
}

#shareDivBtm {
    height:142px;
    background-color:#aaf2ef;
    padding:28px;
}

#shareURL {
	margin-top:30px;
	width:405px;
}

#btnShare {
    height:19px;
    width:29px;
    background: transparent url('images/iconShare.png') no-repeat left top;
    float:right;
    padding:1px 0 0 20px;
    margin:3px 8px 0 0;
    text-align:right;
    overflow:hidden;
    cursor:pointer;
}

#home-page #btnShare {
    height:16px;
	width:48px;
    margin:0;
    background: #aaf2ef url('images/iconShare.png') no-repeat 2px 2px;
    position:absolute;
    right:0px;
    top:20px;
    padding:2px 8px 3px 2px;
    display:none;
}

#btnShare a {
    font-size:10px;
	color:#004163;
    text-decoration:underline;
}

#shareDivMidBtns {
    margin:25px 0 0 0;
}
	
#btnShareFacebook {
    height:21px;
    width:113px;
    background: transparent url('images/btShareFacebook.png') no-repeat left top;
    float:left;
    margin:0;
    cursor:pointer;
}

#btnShareTwitter {
    height:21px;
    width:113px;
    background: transparent url('images/btShareTwitter.png') no-repeat left top;
    float:left;
    margin:0 0 0 15px;
    cursor:pointer;
}

#btnCloseShare {
    height:23px;
    width:23px;
    background: transparent url('images/btnCloseShare.png') no-repeat left top;
    float:right;
    margin:9px 15px 0 0;
    overflow:hidden;
    cursor:pointer;
}

#fadeIn {
	background:none repeat scroll 0 0 #000000;
	display:none;
	margin:0;
	padding:0;
	position:fixed;
	top:0;
}

/* Site Search */
#site-search-form {
	float:left;
	margin:-4px 0 25px 0;
	background-color:#aaf2ef;
	height:59px;
	width:233px;
}

#site-search-form form {
	margin:0 0 0 3px;
}

#site-search-form input.queryTerm{
    border: 1px solid #e2e0e0;
    height: 20px;
    padding: 3px 3px 3px 24px;
    *padding: 5px 3px 1px 24px;
    margin: 16px 0 0 0;
    width: 150px;
    background: url("../search/images/bg-search-field.png") top left repeat-x #fff;
    color: #777;
}

#site-search-form input.error{
    border: 1px solid #FF0000;
    height: 20px;
    padding: 3px 3px 3px 24px;
    *padding: 5px 3px 1px 24px;
    margin: 16px 0 0 0;
    width: 150px;
    background: url("../search/images/bg-search-field.png") top left repeat-x #fff;
    color: #FF0000;
    font-style: italic;
}

#site-search-form input.submitButton{
    vertical-align: top;
    background: url("../search/images/btnGo2.png") top left no-repeat;
    text-indent: -100px;
    padding: 0;
    margin: 17px 0 0 5px;
    border: 0;
    width: 40px;
    height: 26px;
    cursor: pointer;
    text-align: left;
    color: white;
    position: relative;
    *top: 1px;
}

#site-search-form input[name=q]:focus{
    color: #222;
}

form.search{
    position: relative;
    z-index:100;
}

form.search ul.autosuggest {
    position: absolute;
    background: #fff;
    border: 2px solid #aaa;
    top: 58px;
    *top: 59px;
    left: 12px;
    right: 14px;
    padding: 0;
    margin: 0;
}

#site-search-form form.search ul.autosuggest{
    top:44px;
    left:0;
    right:20px;
    *top:45px;
}

form.search ul.autosuggest li{
    cursor: pointer;
    padding: 4px 6px;
    /*border-bottom: 1px solid #aaa;*/
}

form.search ul.autosuggest li.current {
    color: #fff;
    background: url("../search/images/bg-search-autosuggest-current.png") center center repeat-x #b0c53a;
}

/*------------------------------------------------------------------
[24. Stay Connected]
*/

.stayConnectedModule {
	background: url('images/stay-connected/getConnected_bkgd.png') no-repeat;
	height: 77px;
	width: 235px;
}

.stayConnectedModuleTitle {
	float:left;
	width: 115px;
	margin: 32px 0 0 10px;
	font: normal 11px arial, verdana, helvetica, sans-serif;
}

.stayConnectedMedia {
	float: right;
	width: 20px;
	margin: 42px 0 0 0px;
	padding-right: 10px;
}

.youTubeLink {
	background: url('images/stay-connected/stay_connected_you_tube.png') no-repeat;
	height: 20px;
	*cursor: pointer;
}

.facebookLink {
	background: url('images/stay-connected/stay_connected_fb.png') no-repeat;
	height: 19px;
	*cursor: pointer;
}

.twitterLink {
	background: url('images/stay-connected/stay_connected_twitter.png') no-repeat;
	height: 19px;
	*cursor: pointer;
}
