@charset "utf-8";
/* CSS Document */

#bodycontent input[disabled], #bodycontent select[disabled], #bodycontent textarea[disabled] { background: #ccc; cursor: default; color: #888; }

* { border: none; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
body { background: url(bodybackground.gif) center top repeat-y; }
#header { width: 1024px; height:147px; margin: 0 auto 0 auto; position: relative; background:url(background.gif) top left repeat-x; z-index: 9999; }
.homeLink { background:url(vccLogo.gif) top left no-repeat; width: 249px; height: 100px; position: absolute; top: 19px; left: 83px; }
.hidden { display: none; }
.preCache { margin: 0 auto; width: 10px; height:0px; z-index: -1; }

.sidePanel { position: fixed; right: 0px; top: 50%; margin: -201px 0 0 0; height: 384px; width: 40px; background: url(sidePanelSm.png) top left no-repeat; padding: 18px 5px 0 20px; z-index: 9999; }
.sidePanel .button { width: 28px; height: 38px; border-top: 1px dashed #beb08e; float: right; margin: 0 9px 0 0; padding: 2px 0 0 0; }
.sidePanel .button a { font: 11px/11px Impact, Arial, sans-serif; color: #fff; width: 41px; height: 21px; padding: 7px 2px 7px 2px; margin: 0 -9px 0 -5px; display: block; text-align: center; background: url(sideButtonSm.png) top left no-repeat; text-decoration: none; }
.sidePanel .button a:hover { background-image: url(sideButtonHoverSm.png); color: #000; }
.sidePanel #topButton { border-top: 0 none; }
.sidePanel .socialMedia { clear: both; padding: 22px 0 0 0; position: relative; }
.sidePanel .socialMedia a { width: 42px; height: 42px; display: block; margin: 0 0 4px 0; }
.sidePanel .socialMedia .myspace { background: url(side-myspace.png) top left no-repeat; }
.sidePanel .socialMedia .youtube { background: url(side-youtube.png) top left no-repeat; }
.sidePanel .socialMedia .twitter { background: url(side-twitter.png) top left no-repeat; }
.sidePanel .socialMedia .facebook { background: url(side-facebook.png) top left no-repeat; }

.categoryProgramsControl h3 { font: bold 16px/20px Arial, Helvetica, sans-serif; padding: 10px 0 0 0; }
.categoryProgram { padding: 10px; background: #fff; border: 1px solid #888; margin:5px 0; }
.otherCategoryProgram { padding-top: 10px; }
.categoryProgram a.programTitle { font: bold 14px/18px Arial, Helvetica, sans-serif; }
.categoryProgram h3 { margin: 0px; padding: 0px; font: bold 14px/18px Arial, Helvetica, sans-serif; }

#bodycontent a.pageLinkButton { display: block; width: 200px; font: 12px/14px Verdana, Arial, Helvetica, sans-serif; background: #b10000; color: #fff; border: 2px inset #b10000; text-align: center; text-decoration: none; padding: 8px; }
#bodycontent a.pageLinkButton:hover { background: #fff; color: #b10000; }

#campusProgramContainer { position: relative; }
#campusProgramContainer #selectorContainer { position: absolute; left: 0px; top: 0px; width: 150px; }
#campusProgramContainer #contentContainer { padding: 0 0 0 180px; }
.provinceGroup { padding: 5px; background-color: #cccccc; font-weight: bold; }
.campusItem a { padding: 5px 10px 5px 10px; background-color: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; display: block; text-decoration: none; }
.campusItem a:hover { background: #ccc; }
.campusItemHover a { background-color: #b10000; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }
.campusItemHover .campusLink { color: #fff; font-weight: bold; }
.campusItem { cursor: pointer; }
.campusTitle { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.programItem { padding: 10px; background: #fff; border: 1px solid #888; margin:5px 0; }
.campusProgramList h3 { padding: 20px 0 0 0; }

.programQuoteContainer { color: #555; background: #fff url(quotes.gif) center center no-repeat; padding: 20px 50px; font: italic 11px/14px Arial, Helvetica, sans-serif; margin: 0 0 20px 0; }

.otherCategoryContainer { margin: 20px 0 0 0; }

.headerCode b { display: block; margin: 8px 0; }

#bodycontent .programBackButton a { padding: 4px 19px 4px 19px; font: 12px/12px Arial, Helvetica, sans-serif; height: auto; border: 1px solid #000; display: block; background: url(submitBtn.gif) top left repeat-x; color: #fff; text-align: center; white-space: nowrap; width: 150px; margin: 10px 0; }
#bodycontent .programBackButton a:hover { background: url(submitBtnHover.gif) top left repeat-x; color: #fff; text-decoration: none; border: 1px solid #fff; }

/* Lead Form Styles */
.shadowBox .lfcForm .lfcFormItem { position: relative; clear: left; padding: 0 0 8px 0; }
.shadowBox .lfcForm .formItemLabel { width: 130px; float: left; padding: 0 0 0 10px; line-height: 30px; }
.shadowBox .lfcForm .formItemField { float: left; padding: 8px 0 0 0; }
.shadowBox .lfcForm .formItemError { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #a00; position: relative; top: 2px; left: 4px; }
.shadowBox .lfcForm .formItemRequired { position: absolute; left: 0px; top: 10px; color: #b00000; }
.shadowBox .lfcForm .formSubmit { margin: 0 0 0 10px; clear: left; }

#successStoryMain { color: #717171; }

.shadowBox .inPageForm { padding: 10px 0px 10px 10px; background: #fff; border: 1px solid #363636; height: auto; }
.shadowBox .inPageForm input { width: 131px; padding: 4px; height: auto; margin: 0 0 4px 0; background: #b10000; color: #fff; }
.shadowBox .inPageForm select { width: 285px; padding: 4px; height: auto; margin: 0px; margin: 0 0 4px 0; background: #b10000; color: #fff; }
.shadowBox .inPageForm textarea { height: 50px; width: 446px; padding: 5px; border: 1px solid #000; display: block; float: left; background: #b10000; color: #fff; }
.shadowBox .inPageForm a { padding: 14px; font: bold 12px/16px Arial, Helvetica, sans-serif; height: auto; border: 1px solid #000; border-bottom: 1px solid #000; width:82px; float: right; margin: 0 10px 0 0; height: 32px; background: #000; white-space: normal; }
.shadowBox .inPageForm a:hover { background: #fff; color: #b10000; border: 1px solid #b10000; }
.shadowBox .inPageForm .formCaption { margin: 0 10px 10px 0; padding: 5px 0; color: #fff; font: 16px/18px Arial, Helvetica, sans-serif; text-align: center; background: #000; }
.shadowBox .inPageForm .formCaption strong { font: bold 18px/18px Arial, Helvetica, sans-serif; }
.shadowBox .lfcForm .lfcFormProgram select { width: 400px; }
.shadowBox .lfcForm .lfcFormProgram { margin: 0 0 50px 0; }
.shadowBox .lfcForm .lfcFormCampus { margin: 0 0 50px 0; }
.formItemLabel span { display: none; }

#headerButtons { position: absolute; right: 20px; top: 0px; }
#headerButtons td { position: relative;
    top: 0px;
    left: 0px;
}
#headerButtons a { display: block; font: 10px/30px Arial, Helvetica, sans-serif; border: 2px solid #fff; border-width: 2px 1px 2px 1px; white-space: nowrap; color: #fff; text-decoration: none;  }
.button1 a div { position: absolute; background: url(buttonsLeftBg.gif) top left no-repeat; width: 11px; height: 34px; top: 0px; left: 0px; }
.button1 a { padding: 0 5px 0 34px; background: #000 url(buttonsChatIcon.gif) 8px center no-repeat; }
.button2 a { padding: 0 5px 0 20px; background: #000 url(buttonsTourIcon.gif) 7px center no-repeat; }
.button3 a { padding: 0 5px 0 31px; background: #000 url(buttonsApplyIcon.gif) 8px center no-repeat; }
.button4 a { padding: 0 11px 0 35px; background: #000 url(buttonsInfoIcon.gif) 8px center no-repeat; }
.button4 a div { position: absolute; background: url(buttonsRightBg.gif) top right no-repeat; width: 11px; height: 34px; top: 0px; right: 0px; }

#bodycontent { width: 915px; margin: 0 auto; background: #fff; padding: 6px 30px 20px 79px; }
.introblurb { padding: 13px 6px; background: #ececec; width: 583px; font: 11px/13px Arial, Helvetica, sans-serif; color: #000; float: left; }
.introblurb h1 { font: bold 19px/21px Arial, Helvetica, sans-serif; color: #ed1c24; margin: 5px 0; }
.introblurb h2 { font: bold 17px/19px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.introblurb h3 { font: bold 15px/17px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.introblurb h4 { font: bold 13px/15px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.introblurb h5 { font: bold 11px/13px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.introblurb p { margin: 5px 0; }

a { color: #ec1c24; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

/*.newsList { float: right; }*/



.mainNewsFloat { float: right; }
#successStoryMain .successStoryVideo { width: 150px; height: 84px; float: right; margin: 0 0 0 4px; }
.subnavSuccessStory .successStoryVideo { width:245px; height:138px; }

.subnavSuccessStory .successNavItems { display: none; }

.newsList2 { padding: 15px 0 15px 0; width: 288px; border-bottom: 2px solid #ddd; }
#bodycontent .subItem { background: url(newstab.gif) top left no-repeat; font: 11px/27px Arial, Helvetica, sans-serif; display: block; text-decoration: none; color:#fff; height: 27px; width:90px; text-align: center; margin: 0 0 10px 0; }
.newsList2 a { display: block; margin: 8px 0; font: 11px/13px Arial, Helvetica, sans-serif; color: #acacac; text-decoration: none; }
.newsList2 a:hover { color: #000; text-decoration:underline; }

.shadowBoxTop { background: url(subpicTop.gif) bottom left no-repeat; width: 653px; height: 30px; }
.shadowBox { background: url(subpicSide.gif) top left repeat-y; padding: 0 0 0 8px; width: 645px; position: relative; }

.requestForm { padding: 10px 0; }

.newsRss { display: block; padding: 0 0 0 25px; background: url(rss.gif) center left no-repeat; }

.subImage { height: 205px; padding: 15px 15px 15px 449px; overflow: hidden; color: #fff; font: 11px/15px Arial, Helvetica, sans-serif; }
.subImage h1 { font: bold 24px/28px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.subImage h2 { font: bold 20px/24px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.subImage h3 { font: bold 18px/22px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.subImage h4 { font: bold 16px/20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.subImage h5 { font: bold 14px/18px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
.subImage h6 { font: bold 24px/26px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; text-align: center; }
.subImage p { margin: 0 0 10px 0; }
.subText { padding: 10px 25px 15px 160px; background: #ececec; font: 12px/16px Arial, Helvetica, sans-serif; color: #363636; }
#noPadding.subText { padding: 10px 25px 15px 25px; }
.subText p { margin: 0 0 10px 0; }
.subText h1 { font: bold 20px/26px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #9f1b1b; }
.subText h2 { font: bold 18px/24px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #9f1b1b; }
.subText h3 { font: bold 16px/20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #9f1b1b; }
.subText h4 { font: bold 14px/16px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #9f1b1b; }
.subText h5 { font: bold 12px/14px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #9f1b1b; }
.subText a { color: #9f1b1b; text-decoration: none; }
ul { margin: 0 0 0 16px; }
.subText a:hover { text-decoration: underline; color: #000; }
.shadowBoxCorner { background: url(subpicBottom.gif) bottom left no-repeat; height: 8px; width: 8px; position: absolute; bottom: 0px; left: 0px; }

.subcomponentsContainer { padding: 3px 0 0 8px; margin: 10px 0 0 0; border-top: 2px solid #e6e6e6; width: 645px; }

.subSideNav { float: right; width:245px; padding: 30px 0 0 0; clear: right; }
a.categoryLink { background:url(subnavGradient.gif) top left no-repeat; font: 13px/14px Arial, Helvetica, sans-serif; white-space: nowrap; display:block; padding: 2px 0px 2px 8px; color: #9f1b1b; margin: 0 0 2px 0; }
a.categoryLink span { color: #000; }
a:hover.categoryLink { color: #f00; text-decoration: none; background:url(subnavGradientHover.gif) top left no-repeat; }
input, select, textarea { font: 10px/10px Verdana, Arial, Helvetica, sans-serif; border: none; padding:2px; margin: 0 0 4px 0; border: 1px solid #000; background: #eee; }

.searchPanel input, .subText select, .subText input, .subText textarea { background: #fff; }

/* OLD SUBNAV
#applicationControlLayer h2 { font: bold 16px/16px Arial, Helvetica, sans-serif; color: #9f1b1b; padding: 10px 0 0 0; }
#applicationControlLayer { padding: 15px 0px 25px 7px; border-bottom: 2px solid #ddd; }

#applicationControlLayer input { width: 107px; background: #b10000; color: #fff; }
#applicationControlLayer select { width: 230px; background: #b10000; color: #fff; }
#applicationControlLayer textarea { width: 224px; height: 60px; background: #b10000; color: #fff; }
#applicationControlLayer a.formSubmit { width:190px; background: #000; }
#applicationControlLayer a:hover.formSubmit { background: #555555; }
*/

/* In-page style for lead form */
.subnavComponents .inPageForm { padding: 15px 0px 25px 7px; border-bottom: 2px solid #ddd; }
.subnavComponents .inPageForm input, #leftCol .inPageForm select, #leftCol .inPageForm textarea { font: 10px/10px Verdana, Arial, Helvetica, sans-serif; border: none; padding:2px; margin: 0 0 4px 0; border: 1px solid #000; background: #eee; }
.subnavComponents .inPageForm input { width: 107px; background: #b10000; color: #fff; }
.subnavComponents .inPageForm select { width: 230px; background: #b10000; color: #fff; }
.subnavComponents .inPageForm textarea { width: 224px; height: 60px; background: #b10000; color: #fff; }
.subnavComponents .inPageForm a { width:190px; background: #000; }
.subnavComponents .inPageForm a:hover { background: #555555; }

a.formSubmit { padding: 4px 19px 4px 19px; font: 12px/12px Arial, Helvetica, sans-serif; height: auto; border: 1px solid #000; display: block; background: url(submitBtn.gif) top left repeat-x; color: #fff; text-align: center; white-space: nowrap; width: 150px; }
a:hover.formSubmit { background: url(submitBtnHover.gif) top left repeat-x; color: #fff; text-decoration: none; border: 1px solid #fff; }

a.subCategoryLink { background:url(subnavGradient.gif) top left no-repeat; font: 9px/10px Arial, Helvetica, sans-serif; white-space: nowrap; display:block; padding: 4px 0px 4px 24px; color: #000; margin: 0 0 2px 0; }
a.subCategoryLink span { color: #f00; }
a:hover.subCategoryLink { color: #f00; text-decoration: none; background:url(subnavGradientHover.gif) top left no-repeat; }

.successNav { text-align: center; margin: 10px 0 0 0; }
a.successPrev { padding: 0 0 0 10px; background: url(leftArrow.gif) center left no-repeat; }
a.successNext { padding: 0 10px 0 0; background: url(rightArrow.gif) center right no-repeat; }
a:hover.successPrev { background: url(leftArrowHover.gif) center left no-repeat; }
a:hover.successNext { background: url(rightArrowHover.gif) center right no-repeat; }

.subnavComponents { float: right; width:245px; clear: right; padding: 15px 0 0 0; }
.subnavFeaturedProgram { font: 11px/13px Arial, Helvetica, sans-serif; color: #717171; }
.subnavSuccessStory { font: 11px/13px Arial, Helvetica, sans-serif; color: #717171; padding: 20px 0 0 0; }
#subnavComponentArea .newsList2 { width: 245px; }

.componentArea { clear: left; width: 590px; padding: 2px 0 10px 5px; border-bottom: 2px solid #e7e7e7; }
.featuredProgram { padding: 0 33px 0 0; float: left; width:262px; font: 11px/13px Arial, Helvetica, sans-serif; color: #717171; }
.featuredProgram a { text-decoration: none; display: block; margin: 10px 0 0 0; font-style: italic; }
#bodycontent .panelHeader { font: bold 14px/16px Arial, Helvetica, sans-serif; color: #ed1c24; text-decoration: none; display: block; margin: 0 0 5px 0; }
.successStory { font: 11px/13px Arial, Helvetica, sans-serif; width:262px; float: right; }

.inTheNews { width: 595px; font: 12px/14px Arial, Helvetica, sans-serif; color: #717171; padding: 2px 0 10px 5px; }
.inTheNews h2 { color: #ed1c24; font: bold 17px/20px Arial, Helvetica, sans-serif; padding: 5px 0; }

.successStoryVideo { display: block; margin: 0 0 5px 0; }

#successStoryControlLayer .successNavItems { display: none; }

#footer { width: 1004px; margin: 0 auto; padding: 10px; background: #8a9096; color: #fff; font: 11px/13px Arial, Helvetica, sans-serif; }
#footer a { color: #b3b7bb; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #000; }
#footer table { float: left; margin: 0 10px; }

.button1 a:hover div, .buttonsLeftBgCache { background: url(buttonsLeftBgHover.gif) top left no-repeat;}
.button1 a:hover, .buttonsChatIconCache { background: #555555 url(buttonsChatIconHover.gif) 8px center no-repeat; }
.button2 a:hover, .buttonsTourIconCache { background: #555555 url(buttonsTourIconHover.gif) 7px center no-repeat; }
.button3 a:hover, .buttonsApplyIconCache { background: #555555 url(buttonsApplyIconHover.gif) 8px center no-repeat; }
.button4 a:hover, .buttonsInfoIconCache { background: #555555 url(buttonsInfoIconHover.gif) 8px center no-repeat; }
.button4 a:hover div, .buttonsRightBgCache { background: url(buttonsRightBgHover.gif) top right no-repeat; }

.langSelect { position: absolute; right: 81px; top: 96px; height: 21px; background: #eaebec; border: 1px solid #fff; padding: 6px 3px 0px 3px; }
.langSelect select { width: 107px; font: 11px/12px Arial, Helvetica, sans-serif; background: #eaebec; border: none; padding: 0px; margin: 0px;  }

/* Share, print and email component */
.sharePrintEmail { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #cdd6e0; margin: 0 0 0 10px;  }
.sharePrintEmail a { color: #000; text-decoration: none; padding: 0 0 0 23px;  }
.sharePrintEmail a:hover { color: #ec1c24; text-decoration: underline; }
.sharePrintEmail .print { background:url(/Shared/Images/PrintEmailShare/print.gif) center left no-repeat; }
.sharePrintEmail .email { background:url(/Shared/Images/PrintEmailShare/email.gif) 18px center no-repeat; padding: 0 18px 0 18px; }
.sharePrintEmail .share { background:url(/Shared/Images/PrintEmailShare/share.gif) center left no-repeat; display:block; position: relative;  padding: 9px 9px 9px 0; float: left; z-index: 999; }
.sharePrintEmail .subscribe { background:url(/Shared/Images/PrintEmailShare/subscribe.gif) 4px center no-repeat; display:block; position: relative; float: left; padding: 9px 0px; z-index: 998; }
#shareComponent, #subscribeComponent { position: absolute; top: 0px; left:0px; width: 100px; background: #fff; border: 1px solid #2a557d; padding: 4px; list-style: none inside; margin:0; }
#shareComponent a, #subscribeComponent a { display: block; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #2a557d; text-decoration: none; padding: 4px 0 4px 20px; }
#shareComponent a:hover, #subscribeComponent a:hover { color: #000; text-decoration: underline; }
#shareComponent .delicious { background: url(/Shared/Images/PrintEmailShare/delicious.png) left center no-repeat; }
#shareComponent .digg { background: url(/Shared/Images/PrintEmailShare/digg.png) left center no-repeat; }
#shareComponent .facebook { background: url(/Shared/Images/PrintEmailShare/facebook.gif) left center no-repeat; }
#shareComponent .myspace { background: url(/Shared/Images/PrintEmailShare/myspace.png) left center no-repeat; }
#shareComponent .reddit { background: url(/Shared/Images/PrintEmailShare/reddit.gif) left center no-repeat; }
#shareComponent .stumbleupon { background: url(/Shared/Images/PrintEmailShare/su.png) left center no-repeat; }
#subscribeComponent .twitter { background:url(/Shared/Images/PrintEmailShare/twitter.gif) left center no-repeat; }
#subscribeComponent .rss { background:url(/Shared/Images/PrintEmailShare/rss.gif) left center no-repeat; }
#subscribeComponent .youtube { background:url(/Shared/Images/PrintEmailShare/youtube.gif) left center no-repeat; }
#subscribeComponent .facebook { background: url(/Shared/Images/PrintEmailShare/facebook.gif) left center no-repeat; }

/* Breadcrumbs styles */
.breadcrumbs { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 20px 0 0 10px; }
.breadcrumbs a, a { color: #ec1c24; }
.breadcrumbs a:hover, a:hover { color: #000; }

.phoneNum { position: absolute; right: 80px; top: 61px; color: #fff; text-transform: uppercase; font: italic 14px/14px Arial, Helvetica, sans-serif; }
.phoneNum strong { font-style: normal; }

#homeSlides { height: 259px; background: #363636; color: #fff; position: relative; width: 1024px; margin: 0 auto; }
.homeSlide { position: relative; }
.text { width: 304px; height: 213px; padding: 31px 15px 15px 31px; overflow: hidden; position: absolute; right: 0px; top: 0px; font: 11px/14px Arial, Helvetica, sans-serif; }
.text h1 { font: bold 28px/32px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
.text h2 { font: bold 24px/28px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
.text h3 { font: bold 20px/24px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
.text h4 { font: bold 18px/20px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
.text h5 { font: bold 16px/18px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
.text a { font: 11px/17px Arial, Helvetica, sans-serif; padding: 3px 0 0 10px; margin: 5px 0 0 0; background:url(slideLink.gif) top left no-repeat; display: block; color: #fff; }
.text a:hover { background: url(slideLinkHover.gif) top left no-repeat; text-decoration: none; color: #000; }

.subImage a { font: 11px/17px Arial, Helvetica, sans-serif; padding: 3px 0 0 10px; margin: 5px 0 0 0; background:url(subpageLink.gif) top left no-repeat; display: block; color: #fff; }
.subImage a:hover { background: url(subpageLinkHover.gif) top left no-repeat; text-decoration: none; color: #000; }

.background { width: 675px; height: 259px; position: absolute; right: 349px; top: 0px; }

#slide1 .background, .slide1Cache { background: #000 url(vc-college-welcome-students.jpg) top left no-repeat; }
#slide2 .background, .slide2Cache { background: #000 url(vc-college-business.jpg) top left no-repeat; }
#slide3 .background, .slide3Cache { background: #000 url(vc-college-health.jpg) top left no-repeat; }
#slide4 .background, .slide4Cache { background: #000 url(vc-college-trades.jpg) top left no-repeat; }
#slide5 .background, .slide5Cache { background: #000 url(vc-college-education.jpg) top left no-repeat; }
#slide6 .background, .slide6Cache { background: #000 url(vc-college-hospitality-program.jpg) top left no-repeat; }
#slide7 .background, .slide7Cache { background: #000 url(vc-college-legal.jpg) top left no-repeat; }

/* Accordion Control */
.accordion, #programControlDetails .header, .accordion ul { list-style: none outside; margin: 0; padding: 0; }
.accordion * { font: 11px/14px Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }
.accordion .expand * { color: #fff; }
.accordion h2 { font: bold 18px/20px Verdana, Arial, Helvetica, sans-serif; color:  #fff; padding: 15px 0; }
.accordion h4 { margin: 0px; padding: 5px 0px; }
.accordion h4 * { font-weight: bold; margin: 0px; }
.accordion li ul li { padding: 20px; margin:0; display: block; background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; border-top: none; border-bottom: none; }
.accordion .expand { background: #db0000 url(programbar.gif) top left repeat-x; color: #fff; cursor: pointer; padding: 0 10px; height:24px; border-top: 1px solid #000; }
#bodycontent .accordion .open { background: #000; }
#cpcProgramLayerOut h3 { font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif; color:  #000; margin: 20px 0 0 0; border-bottom: 1px solid #000; }
.accordion .formSubmit { display: block; width: 200px; font: 12px/30px Verdana, Arial, Helvetica, sans-serif; height: 30px; background: #db0000 url(programbar.gif) top left repeat-x; border: 2px inset #000; color: #fff; text-align: center; text-decoration: none; }
.accordion .formSubmit:hover { background: #003578; color: #fff; }

.searchPanel { width: 67px; height: 27px; padding: 0 0 0 170px; border-top: 1px solid #fafafa; border-bottom: 1px solid #fafafa; background: #ebeced; text-align: center; position: absolute; right: 196px; top: 96px; }
.searchPanel #searchBox { position: absolute; top: 3px; left: 2px; width: 160px; height: 18px; padding: 3px 3px 0 3px; border: 1px solid #bbbfc3; }
.searchPanel #submitSearch { text-transform: uppercase; color: #000; text-decoration: none; font: 12px/27px Arial, Helvetica, sans-serif; }

.homeSlideNav { width: 1024px; margin: 0 auto; position: relative; }
.slidesNavContainer { width: 594px; height: 20px; position: absolute; bottom: 0px; left: 79px; z-index: 999; border: 1px solid #fff; border-left: none; }
.slidesNavContainer a.slideLinkOn { font: 11px/20px Arial, Helvetica, sans-serif; color: #fff; text-align: center; display: block; border-left: 1px solid #fff; background: #ec1c24; text-decoration: none; }
.slidesNavContainer a.slideLink { font: 11px/20px Arial, Helvetica, sans-serif; color: #fff; text-align: center; display: block; border-left: 1px solid #fff; background: #242021 url(tabFade.gif) top left repeat-y; text-decoration: none; }

#navBar { position: absolute; top: 129px; left: 80px; z-index:9999; width: 864px; }
#navBar .container { position: relative; }
#navBar a:hover { text-decoration: none; }
.navbarBgCenter, .navbarBgLeft, .navbarBgRight { display: block; }
.off a .navbarBgLeft { background:url(navLeft.png) top left no-repeat; width: 28px; height: 31px; position: absolute; top: 0px; left: 0px; }
.off a .navbarBgRight { background:url(navRight.png) top left no-repeat; width: 28px; height: 31px; position: absolute; top: 0px; right: 0px; }
.off a .navbarBgCenter { margin: 0 28px; background: url(navCenter.png) top left repeat-x; white-space: nowrap; font: 11px/28px Arial, Helvetica, sans-serif; height: 31px; color: #fff; text-decoration: none; text-align:center; }
.on a .navbarBgLeft { background: url(navLeftHover.png) top left no-repeat; width: 28px; height: 31px; position: absolute; top: 0px; left: 0px; }
.on a .navbarBgRight { background: url(navRightHover.png) top right no-repeat; width: 28px; height: 31px; position: absolute; top: 0px; right: 0px; }
.on a .navbarBgCenter { margin: 0 28px; background: url(navCenterHover.png) top left repeat-x; color: #000; white-space: nowrap; font: 11px/28px Arial, Helvetica, sans-serif; height: 31px; text-decoration: none; text-align:center; }
.on a:hover .navbarBgLeft { background: url(navLeftHover2.png) top left no-repeat; }
.on a:hover .navbarBgRight { background: url(navRightHover2.png) top right no-repeat; }
.on a:hover .navbarBgCenter { background: url(navCenterHover2.png) top left repeat-x;  }

.navbarBgLeftOffCache { background: url(navLeft.png) top left no-repeat; }
.navbarBgRightOffCache { background: url(navRight.png) top left no-repeat; }
.navbarBgCenterOffCache { background: url(navCenter.png) top left no-repeat; }
.navbarBgLeftOnCache { background: url(navLeftHover.png) top left no-repeat; }
.navbarBgRightOnCache { background: url(navRightHover.png) top left no-repeat; }
.navbarBgCenterOnCache { background: url(navCenterHover.png) top left no-repeat; }
.navbarBgLeftHoverCache { background: url(navLeftHover2.png) top left no-repeat; }
.navbarBgRightHoverCache { background: url(navRightHover2.png) top left no-repeat; }
.navbarBgCenterHoverCache { background: url(navCenterHover2.png) top left no-repeat; }

.navbarBgCenter span { position: relative; z-index:999; }
a * { cursor: pointer; }
#navBar .navLink { position: relative; z-index: 99; display:block; text-decoration: none; }
.off .subnav { display: none; }
.on .subnav { position: absolute; left:0px; top: 23px; background: url(subnavBg.png) repeat; border: 2px solid #d4919f; z-index: -2; }
#navBar .subnav a { border-top: 2px dotted #d7d7d7; font: 10px/10px Arial, Helvetica, sans-serif; padding: 8px 16px; display: block; white-space: nowrap; color: #000; text-decoration: none; }
#navBar .subnav a:hover { background: #cccccc; color: #000; }

.noImage {border: 1px solid #000; text-align: center; vertical-align: middle; font-size: 10pt; font-style: italic; color: #000; }

.subnavComponentserror { padding: 15px 0 0 0; }
.subnavComponentserror .inPageForm { padding: 15px 0px 25px 7px; border-bottom: 0px; width:245px; }
.subnavComponentserror .inPageForm input, #leftCol .inPageForm select, #leftCol .inPageForm textarea { font: 10px/10px Verdana, Arial, Helvetica, sans-serif; border: none; padding:2px; margin: 0 0 4px 0; border: 1px solid #000; background: #eee; }
.subnavComponentserror .inPageForm input { width: 107px; background: #b10000; color: #fff; }
.subnavComponentserror .inPageForm select { width: 230px; background: #b10000; color: #fff; }
.subnavComponentserror .inPageForm textarea { width: 224px; height: 60px; background: #b10000; color: #fff; }
.subnavComponentserror .inPageForm a { width:190px; background: #000; }
.subnavComponentserror .inPageForm a:hover { background: #555555; }
.subTexterror { font: 12px/16px Arial, Helvetica, sans-serif; color: #363636; }
#bodycontenterror { width: 915px; margin: 0 auto; background: #fff; padding: 6px 54px 20px 55px; }