body
{
    background: #21172e url(../img/content.gif) 0 173px repeat-x;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    color: #fff;
}

h3 {font-size:2.5em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:2em;line-height: 1;margin-bottom:0.75em;}
h5 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h6 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}

p.right, th.right, td.right
{
    text-align: right;
}

p img.left.top
{
    margin-top: 0;
    margin-right: 1em;
}
p img.right.top
{
    margin-top: 0;
}

.header
{
    background: #ddd;
}

.shaded
{
    background: #eee;
}

div.colborder
{
    border-color: #ddd;
}


/* Header ------------------------------------- */

#header
{
    background: #fff url(../img/header.gif) left bottom repeat-x;
    color: #000;
    height: 170px;
}

#header a
{
    color: #000;
}

#header .container
{
    background: url(../img/header-container.gif) left bottom no-repeat;
    height: 170px;
}

#logo
{
    float: left;
    padding-top: 32px;
}



/* Super Navigation --------------------------- */

#supernav
{
    float: right;
    margin: 34px 0 0 0;
}

#supernav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#supernav li
{
    display: block;
    float: left;
    margin: 0 12px 0 0;
    padding: 0;
}

#supernav a
{
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
}

#news a
{
    background: url(../img/nav-news.gif) center center no-repeat;
    width: 56px;
}

#press-kit a
{
    background: url(../img/nav-press-kit.gif) center center no-repeat;
    width: 98px;
}

#contact a
{
    background: url(../img/nav-contact.gif) center center no-repeat;
    width: 84px;
}



/* Primary Navigation ------------------------- */

#primarynav
{
    clear: right;
    float: right;
}

#primarynav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 621px;
}

#primarynav li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#primarynav a
{
    display: block;
    height: 73px;
    overflow: hidden;
    text-indent: -9999px;
}

#students a
{
    background: url(../img/nav-students.gif) left top no-repeat;
    width: 177px;
}

body.students #students a
{
    background: url(../img/nav-students.gif) left bottom no-repeat;
}


#parents a
{
    background: url(../img/nav-parents.gif) left top no-repeat;
    margin-left: 8px;
    width: 139px;
}

body.parents #parents a
{
    background: url(../img/nav-parents.gif) left bottom no-repeat;
}

#our-city a
{
    background: url(../img/nav-our-city.gif) left top no-repeat;
    margin-left: 22px;
    width: 142px;
}

body.our-city #our-city a
{
    background: url(../img/nav-our-city.gif) left bottom no-repeat;
}

#about a
{
    background: url(../img/nav-about.gif) left top no-repeat;
    margin-left: 12px;
    width: 121px;
}

body.about #about a
{
    background: url(../img/nav-about.gif) left bottom no-repeat;
}



/* Content ------------------------------------ */

body.welcome #content .container
{
    background: url(../img/title-welcome.gif) left top no-repeat;
}

body.news #content .container
{
    background: url(../img/title-news.gif) left top no-repeat;
}

body.press-kit #content .container
{
    background: url(../img/title-press-kit.gif) left top no-repeat;
}

body.contact #content .container
{
    background: url(../img/title-contact.gif) left top no-repeat;
}

body.students #content .container
{
    background: url(../img/title-students.gif) left top no-repeat;
}

body.parents #content .container
{
    background: url(../img/title-parents.gif) left top no-repeat;
}

body.our-city #content .container
{
    background: url(../img/title-our-city.gif) left top no-repeat;
}

body.about #content .container
{
    background: url(../img/title-about.gif) left top no-repeat;
}



/* Secondary Navigation ----------------------- */

#secondarynav
{
    height: 75px;
    overflow: hidden;
}

#secondarynav h2
{
    display: none;
}

#secondarynav ul
{
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

#secondarynav li
{
    display: block;
    float: left;
    font-size: 140%;
    font-weight: bold;
    line-height: 20px;
    margin: 45px 0 0 30px;
    padding: 0;
    text-transform: none;
}

#secondarynav a
{
    color: #fff;
    text-decoration: none;
}

#secondarynav a:hover
{
    border-bottom: 1px dotted #fff;
}



/* Mainbar ------------------------------------ */

#mainbar
{
    background: #fff;
    color: #000;
    float: right;
    padding: 30px 40px;
    width: 670px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 590px;
    }
    html>body #mainbar {
    width: 590px;
}

#mainbar-inner
{
    width: 590px;
}

#mainbar a
{
    color: #7f4098;
}
#mainbar a:hover
{
    color: #000;
}

#mainbar h3
{
    font-weight: bold;
    text-transform: uppercase;
}

#mainbar h4 a
{
    font-weight: normal;
    text-decoration: none;
}

.news-story
{
    padding-bottom: 2em;
}

.video
{
    margin-bottom: 2em;
}

#mainbar table
{
    color: #000;
}

.icon
{
    background: url(/img/pdf.gif) 0 50% no-repeat;
    padding-left: 40px;
}



/* Sidebar ------------------------------------ */

#sidebar
{
    background: #e5e5e5 url(../img/sidebar.gif) right top repeat-y;
    color: #000;
    float: left;
    margin: 39px 0;
    padding: 20px;
    width: 280px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 240px;
    }
    html>body #sidebar {
    width: 240px;
}

#sidebar a
{
    color: #7f4098;
}
#sidebar a:hover
{
    color: #000;
}

#sidebar img.bordered
{
    background: #000;
    padding: 2px;
    border: 10px solid #fff;
}



/* Footer ------------------------------------- */

#footer
{
    background: url(../img/footer.gif) left bottom repeat-x;
    height: 245px;
}

#footer .container
{
    background: url(../img/footer-container.jpg) 46px 0 no-repeat;
    height: 245px;
}

#footer p
{
    color: #cfcad6;
    padding: 165px 0 0 280px;
    text-align: center;
}