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

body { background: #fff; font: 11px/18px Verdana, Arial, Helvetica, sans-serif; }
* { margin: 0; padding: 0; border: 0; }
#wrapper { background: #fff url(backgroundHeader.gif) top left no-repeat; width: 1000px; margin: 0 auto; padding: 270px 0 0 0; position: relative; }
#nav { position: absolute; top: 15px; left: 30px; z-index: 999; }
.hidden { display: none; }
#nav a { display: block; height: 45px; }

a.rss { padding: 4px 0 4px 22px; background: url(rss.gif) 2px center no-repeat; color: #000; text-decoration: none; display: block; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; clear: both; }
a.twitter { padding: 4px 0 4px 22px; background: url(twitter.gif) 1px center no-repeat; color: #000; text-decoration: none; display: block; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; clear: both; }
a.rss:hover, a.twitter:hover, a.youtube:hover { text-decoration: underline; }
a.youtube { padding: 4px 0 4px 22px; background: url(youtube.gif) 1px center no-repeat; color: #000; text-decoration: none; display: block; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; clear: both; }

a.kevinbrooksca { background: url(navKevinBrooksCa.gif) top left no-repeat; margin: 0 35px 0 0; width: 310px; }
a.kevinbrooksca:hover, .kevinbrookscaPrel { background:url(navKevinBrooksCaHover.gif) top left no-repeat; }
a.home { background:url(navHome.gif) top left no-repeat; width: 73px; }
a.home:hover, .homePrel { background:url(navHomeHover.gif) top left no-repeat; }
a.booking { background:url(navBooking.gif) top left no-repeat; width: 96px; }
a.booking:hover, .bookingPrel { background:url(navBookingHover.gif) top left no-repeat; }
a.navblog { background:url(navBlog.gif) top left no-repeat; width: 74px; }
a.navblog:hover, .navblogPrel { background:url(navBlogHover.gif) top left no-repeat; }
a.presentation { background:url(navPresentation.gif) top left no-repeat; width: 141px; }
a.presentation:hover, .presentationPrel { background:url(navPresentationHover.gif) top left no-repeat; }
a.gallery { background:url(navGallery.gif) top left no-repeat; width: 108px; }
a.gallery:hover, .galleryPrel { background:url(navGalleryHover.gif) top left no-repeat; }
a.calendar { background:url(navCalendar.gif) top left no-repeat; width: 116px; }
a.calendar:hover, .calendarPrel { background:url(navCalendarHover.gif) top left no-repeat; }
a.testimonials { background:url(navTestimonials.gif) top left no-repeat; width: 133px; }
a.testimonials:hover, .testimonialsPrel { background:url(navTestimonialsHover.gif) top left no-repeat; }
a.links { background:url(navLinks.gif) top left no-repeat; width: 64px; }
a.links:hover, .linksPrel { background:url(navLinksHover.gif) top left no-repeat; }
a.contact { background:url(navContact.gif) top left no-repeat; width: 85px; }
a.contact:hover, .contactPrel { background:url(navContactHover.gif) top left no-repeat; }
a.supportResources { background:url(supportResources.gif) top left no-repeat; width: 226px; height: 33px; }
a.supportResources:hover, .supportResourcesPrel { background:url(supportResourcesHover.gif) top left no-repeat; }

.find-your-way { background: url(find-your-way.gif) top left no-repeat; width: 305px; height: 60px; }
.my-sponsors { background: url(my-sponsors.gif) top left no-repeat; width: 138px; height: 40px; }

.sponsor { border: 1px dashed #000; position: relative; }
.sponsor a { display: block; position: relative; }
.title { position: absolute; }
.university { width: 163px; height: 90px; float: left; margin: 0 0 16px 0;  }
.university .title { width: 89px; height: 17px; background: #fff url(university.gif) top left no-repeat; top: -8px; left: 8px; }
.tcm { width: 333px; height: 110px; margin: 0 0 16px 0; }
.tcm .title { width: 251px; height: 17px; background: #fff url(traditional-chinese-medicine.gif) top left no-repeat; top: -8px; left: 8px; }
.artdesign { width: 169px; height: 90px; border-left: 0 none; float: right; margin: 0 -45px 16px 0; }
.artdesign .title { width: 119px; height: 17px; background: #fff url(art-and-design.gif) top left no-repeat; top: -8px; left: 8px; }
.careercolleges { width: 333px; height: 180px; clear: both; margin: 0 -45px 16px 0; }
.careercolleges .title { width: 145px; height: 17px; background: #fff url(career-colleges.gif) top left no-repeat; top: -8px; left: 8px; }
.scholarships { width: 333px; height: 111px; margin: 0 0 16px 0; display: none; }
.scholarships .title { width: 269px; height: 14px; background: #fff url(scholarships-available.gif) top left no-repeat; top: -6px; left: 8px; }
.featuredprograms {  margin: 0 0 16px 0; padding: 0 10px; width: 313px; }
.featuredprograms .reeves { float: left; margin: 20px 10px 0 0; position: relative; top: 0px; left: 0px; }
.featuredprograms .title { width: 164px; height: 17px; background: #fff url(featured-program.gif) top left no-repeat; top: -8px; left: 8px; }
.featuredprograms a { color: #000; text-decoration: none; display: block; position: relative; padding: 0 0 10px 0; font: 14px/16px Arial, Helvetica, sans-serif; }
.featuredprograms h4 { font: 18px/24px Arial, Helvetica, sans-serif; padding: 10px 0; }

a.ucw { width: 146px; height: 36px; background: url(university-canada-west.gif) top left no-repeat; top: 30px; left: 8px; }
a:hover.ucw { background: url(university-canada-west-hover.gif) top left no-repeat; }
a.vcad { width: 139px; height: 64px; background: url(vcad.gif) top left no-repeat; left: 15px; top: 20px; }
a:hover.vcad { background: url(vcad-hover.gif) top left no-repeat; }
a.cdi { width: 139px; height: 46px; background: url(cdi-college.gif) top left no-repeat; left: 15px; top: 30px; position: absolute; }
a:hover.cdi { background: url(cdi-college-hover.gif) top left no-repeat; }
a.vccollege { width: 145px; height: 26px; background: url(vancouver-career-college.gif) top left no-repeat; top: 40px; right: 10px; position: absolute; }
a:hover.vccollege { background: url(vancouver-career-college-hover.gif) top left no-repeat; }
a.reeves { width: 91px; height: 70px; background: url(reeves-college.gif) top left no-repeat; position: absolute; left: 30px; bottom: 20px;}
a:hover.reeves { background: url(reeves-college-hover.gif) top left no-repeat; }
a.academies { width: 146px; height: 36px; background: url(ucw-academies.gif) top left no-repeat; bottom: 35px; right: 10px; position: absolute; }
a:hover.academies { background: url(ucw-academies-hover.gif) top left no-repeat; }
a.pcu { width: 105px; height: 67px; background: url(pcu-college.gif) top left no-repeat; top: 25px; left: 20px; position: absolute; }
a:hover.pcu { background: url(pcu-college-hover.gif) top left no-repeat; }

/*
a.scholarships { display: block; clear: both; width: 255px; height: 35px; background: url(scholarships.gif) top left no-repeat; margin: 0 0 20px 0px; padding: 40px 0 0 0; color: #ea711e; font: bold 14px/14px Arial, Helvetica, sans-serif; }
a.scholarships:hover { background: url(scholarshipsHover.gif) top left no-repeat; color: #000; }
.scholarshipPrel { background: url(scholarshipsHover.gif) top left no-repeat; }

a.sponsorCDI { background: url(sponsorCDI.gif) top left no-repeat; width:132px; height:81px; display: block; margin: 9px 0 0 3px; float:left; }
a.sponsorCDI:hover, .sponsorCDIPrel { background:url(sponsorCDIHover.gif) top left no-repeat; }
a.sponsorReeves { background: url(sponsorReeves.gif) top left no-repeat; width:132px; height:81px; display: block; margin: 9px 0 0 3px; float:right; }
a.sponsorReeves:hover, .sponsorReevesPrel { background:url(sponsorReevesHover.gif) top left no-repeat; }
a.sponsorUCW { background: url(sponsorUCW.gif) top left no-repeat; width:132px; height:43px; display: block; margin: 16px 0 0 3px; float:left; clear: both; }
a.sponsorUCW:hover, .sponsorUCWPrel { background:url(sponsorUCWHover.gif) top left no-repeat; }
a.sponsorPCU { background: url(sponsorPCU.gif) top left no-repeat; width:137px; height:43px; display: block; margin: 16px 0 0 3px; float:right; }
a.sponsorPCU:hover, .sponsorPCUPrel { background:url(sponsorPCUHover.gif) top left no-repeat; }
a.sponsorVCAD { background: url(sponsorVCAD.gif) top left no-repeat; width:132px; height:49px; display: block; margin: 25px 0 26px 4px; float:left; clear: both; }
a.sponsorVCAD:hover, .sponsorVCADPrel { background:url(sponsorVCADHover.gif) top left no-repeat; }
a.sponsorVCC { background: url(sponsorVCC.gif) top left no-repeat; width:131px; height:81px; display: block; margin: 5px 0 26px 4px; float:right; }
a.sponsorVCC:hover, .sponsorVCCPrel { background:url(sponsorVCCHover.gif) top left no-repeat; }
*/

#leftColumn { width: 605px; padding: 0 0 0 30px; }
#rightColumn { width: 290px; padding: 17px 45px 0 30px; height: 800px; }
#leftColumn a { color: #ea6f1c; text-decoration: none; }
#leftColumn a:hover { color: #feb71c; }
#leftColumn h2 { font: bold 30px/38px Verdana, Arial, Helvetica, sans-serif; color: #ea6f1c; background: url(dashline.gif) bottom left repeat-x; }
#leftColumn h3 { font: bold 18px/38px Verdana, Arial, Helvetica, sans-serif; color: #ea6f1c; background: url(dashline.gif) bottom left repeat-x; }

input, textarea { border: 1px solid #ea6f1c; background: #ddd; }
#leftColumn textarea { width: 400px; }
#submit, input[type="submit"] { cursor: pointer; background: #ea6f1c; color: #fff; border: 1px solid #000; font-weight: bold; width: 150px; height:20px; }

#rightCell { background: url(polaroids1.jpg) 0px 1120px no-repeat; }
a.email { padding: 2px 0 2px 22px; margin: 15px 0 0 0; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; background: url(letter.gif) left center no-repeat; display:block; text-decoration: none; color: #000; }
a.email:hover { text-decoration: underline; }
.phone { padding: 0 0 0 17px; margin: 15px 0 0 0; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; background: url(phone.gif) left center no-repeat; float: right; }
a.facebook { padding: 4px 0 4px 20px; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; background: url(facebook.gif) left center no-repeat; display:block; text-decoration: none; color: #000; overflow: hidden; height: 12px; }
a.facebook:hover { text-decoration: underline; }

.sponsors { background: url(sponsors.gif) top left no-repeat; height: 20px; width: 75px; }
.contact { background: url(contact.gif) top left no-repeat; height: 23px; width: 63px; clear: both; }

.whatsnew { background: url(whatsNew.gif) top left no-repeat; height: 37px; }

.dashline { background: url(dashline.gif) top left repeat-x; height:1px; overflow:hidden; margin: 0 2px 0 0; }

a.blog { background:url(blogLinkPic.jpg) top left no-repeat; width: 295px; height:173px; float: left; margin: 18px 0 24px 0; }
a.upcomingBookings { background:url(upcomingBookingsLinkPic.jpg) top left no-repeat; width: 295px; height:173px; float: right; margin: 18px 1px 24px 0; }
a.blog:hover, .blogPrel { background:url(blogLinkPicHover.jpg) top left no-repeat; }
a.upcomingBookings:hover, .upcomingBookingsPrel { background:url(upcomingBookingsLinkPicHover.jpg) top left no-repeat; }

.helloLine { background: url(dashline.gif) 0px 46px repeat-x; clear: both; }
.hello { background:url(hello.jpg) top left no-repeat; padding: 52px 0 0 0; }
#leftColumn p { margin: 14px 0px 13px 0px; }
#leftColumn ul { margin: 0 0 0 20px; }
.storycontent { padding: 0 9px; }

.archives { float: right; width: 150px; margin: 50px 0 0 0; }

#rolloverPreload { position: absolute; z-index: -2; width:1px; height:1px; overflow:hidden; display: block; top: 0px; left:50%; }

#footer { padding: 5px 30px; margin: 30px 0 0 0; height: 25px; background: #000; color: #fff; font: 11px/25px Verdana, Arial, Helvetica, sans-serif; }
#footer a { color: #feeb54; text-decoration: none; }
#footer a:hover { color: #feb71c; }