﻿#canvas { background: url(Interior/Body-Bg.gif) top left repeat-y; }
#wrapperBg { background: url(Interior/Body-Top.jpg) top left no-repeat; }
#wrapper { background: url(Interior/Body-Bottom.gif) bottom left no-repeat; }
#leftSection { width: 220px; float: left; position: relative; padding-top: 30px; }
#body { float: right; width: 738px; }
#contentSection { padding-top: 30px; }
#header {
    position: relative;
}
#saveTheDate { 
    position: absolute; 
    top: 17px;
    right: -8px;
    display: block; 
    width: 319px;
    height: 77px;
    background: url(Interior/Save-Date.gif) top left no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

#headerLogo {
    width: 280px;
    height: 200px;
    position: relative;
    top: 20px;
    left: -35px;
}

ul#mainNav li, ul#mainNav ul, ul#mainNav { padding: 0; margin: 0; list-style-type: none; }
ul#mainNav {
    position: absolute;
    z-index: 100;
    top: 105px;
    left: 220px;
    width: 740px;
}
ul#mainNav li { float: left; }
ul#mainNav li a.root { 
    display: block; height: 58px; 
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
ul#mainNav li a.root:hover { opacity: .8; filter: alpha(opacity=80); }
ul#mainNav li a.selected { background-position: 0 -58px; }
ul#mainNav li a.selected:hover { opacity: 1; filter: alpha(opacity=100); }
ul#mainNav li a.beneficiaries { background-image: url(Interior/MainNav/Beneficiaries.gif); width: 136px; }
ul#mainNav li a.corporateSponsors { background-image: url(Interior/MainNav/Corporate-Sponsors.gif); width: 194px; }
ul#mainNav li a.eventInformation { background-image: url(Interior/MainNav/Event-Information.gif); width: 177px; }
ul#mainNav li a.passes { background-image: url(Interior/MainNav/Passes.gif); width: 93px; }
ul#mainNav li a.photoGallery { background-image: url(Interior/MainNav/Photo-Gallery.gif); width: 140px; }
ul#mainNav li li a { text-decoration: none; }
ul#mainNav ul { border-bottom: 1px solid #fcab2c; position: absolute; top: 80px; padding-bottom: 15px; left: 20px; width: 700px; }
ul#mainNav ul li { float: left; margin-right: 15px; font-size: 13px; }
ul#mainNav ul li a:hover { text-decoration: underline; }
ul#mainNav ul li.selected a { color: #EE232A; }

#blackTieKU a {
    background: url(Interior/KU-Black-Tie.gif) top center no-repeat;
    display: block;
    height: 60px;
    text-indent: -9999px;
    overflow: hidden;
}

/*==== Event Staff ===========================================================*/
#eventStaff { text-align: center; margin: 0 0 15px; }
#eventStaff .eventStaffItem { margin: 0 0 15px; font-size: 1.4em; line-height: 1.2em; }
#eventStaff .eventStaffItem h3 { margin: 0; }
