/*
    Styles used outside of editable content areas.
    
    Any styles you wish to be available in the WYSIWYG editor should be placed
    in content.css.
*/

body {
    background-color: #d8d9da;
    background-image: url('../img/background.png');
    background-repeat: repeat;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

img {
    border: none;
}

/* Layout */
div.content {
    width: 908px;
    margin-left: auto;
    margin-right: auto;
}

div.clear {
    clear: both;
}

/* Red header */
div.redHeaderLeft, div.redHeaderRight, div.redHeader {
    float: left;
    display: inline;
    height: 33px;
}

div.redHeaderLeft {
    width: 5px;
    background-image: url('../img/redHeaderBorderLeft.png');
    background-repeat: repeat-y;
}

div.redHeaderRight {
    width: 5px;
    background-image: url('../img/redHeaderBorderRight.png');
    background-repeat: repeat-y;
}

div.redHeader {
    width: 898px;
    background-color: #b90030;
}

/* White header */
div.whiteHeaderLeft, div.whiteHeaderRight, div.whiteHeader {
    float: left;
    display: inline;
    height: 132px;
}

div.whiteHeaderLeft {
    width: 5px;
    background-image: url('../img/whiteHeaderBorderLeft.png');
    background-repeat: repeat-y;
}

div.whiteHeaderRight {
    width: 5px;
    background-image: url('../img/whiteHeaderBorderRight.png');
    background-repeat: repeat-y;
}

div.whiteHeader {
    width: 898px;
    background-color: #ffffff;
    position: relative;
}

img.stJohnsInnovationCentreCambridge {
    position: absolute;
    left: 20px;
    top: 69px;
}

img.houseLogo {
    position: absolute;
    left: 780px;
    top: 22px;
}

/* White header to splash area */
div.headerToSplashLeft, div.headerToSplashRight, div.headerToSplash {
    float: left;
    display: inline;
    height: 17px;
}

div.headerToSplashLeft {
    width: 19px;
    background-image: url('../img/headerToSplashLeft.png');
    background-repeat: repeat-y;
}

div.headerToSplashRight {
    width: 19px;
    background-image: url('../img/headerToSplashRight.png');
    background-repeat: repeat-y;
}

div.headerToSplash {
    width: 870px;
    background-image: url('../img/headerToSplash.png');
    background-repeat: repeat-x;
}

/* Splash area */
div.splashLeft, div.splashRight, div.splash {
    float: left;
    display: inline;
    height: 227px;
}

div.splashLeft {
    width: 5px;
    background-image: url('../img/splashLeft.png');
    background-repeat: repeat-y;
}

div.splashRight {
    width: 5px;
    background-image: url('../img/splashRight.png');
    background-repeat: repeat-y;
}

div.splash {
    background-color: #ffffff;
    width: 897px;
}

img.splash {
    position: relative;
    left: 15px;
    top: 13px;
}

div.splashBottomLeft, div.splashBottomRight, div.splashBottom {
    float: left;
    display: inline;
    height: 19px;
}

div.splashBottomLeft {
    width: 19px;
    background-image: url('../img/splashToContentLeft.png');
}

div.splashBottomRight {
    width: 19px;
    background-image: url('../img/splashToContentRight.png');
}

div.splashBottom {
    width: 869px;
    background-image: url('../img/splashToContent.png');
    background-repeat: repeat-x;
}

/* Content area */
div.contentArea {
    float: left;
    display: inline;
    width: 902px;
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 1px;
    margin-bottom: 7px;
    background: url(../img/contentAreaBackground.png) top left repeat-y;
}

div#daily-menu {
    float: left;
    display: inline;
    width: 881px;
    padding-top: 10px;
    padding-left: 21px;
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 1px;
    margin-bottom: 7px;
    background: url(../img/dailyMenuBackground.png) top left repeat-y;
}

div.primaryContent {
    float: left;
    display: inline;
    width: 633px;
    margin-right: 16px;
    margin-left: 4px;
    padding-left: 21px;
    padding-right: 21px;
}

div#breadcrumbs {
    padding: 5px 0px 8px 0px;
}

div#breadcrumbs a {
    font-weight: bold;
}

/* Secondary Navigation */
div.secondNavWrapper, div.secondNavTop, div.secondNavBottom, div.secondNavLeft, div.secondNavRight, div.secondNav {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
}

div.secondNavWrapper {
    margin-bottom: 20px;
}

div.secondNavTop {
    width: 191px;
    height: 14px;
    background-image: url('../img/secondNavTop.png');
    overflow: hidden;
}

div.secondNavBottom {
    width: 191px;
    height: 14px;
    background-image: url('../img/secondNavBottom.png');
    overflow: hidden;
}

div.secondNavLeft {
    padding-left: 4px;
    background-image: url('../img/secondNavLeft.png');
    background-repeat: repeat-y;
}

div.secondNavRight {
    width: 187px;
    background-color: #ffffff;
    background-image: url('../img/secondNavRight.png');
    background-position: 100% 0%;
    background-repeat: repeat-y;
}

div.secondNav {
    width: 178px;
    background-color: #ffffff;
}

div.secondNav li {
    list-style-type: none;
    margin-left: 15px;
}

ul#nav-secondary a.here {
    color: #c42623;
}

ul#nav-secondary {
    margin-bottom: 0px;
}

p.contact-address {
    float: right;
    width: 200px;
    margin: 0px 0px 20px 0px;
}

/* Footer */

div.footerArea p {
    color: white;
}

div.footerLeft, div.footerRight, div.footer {
    float: left;
    display: inline;
    height: 15px;
}

div.footerLeft {
    margin-left: 3px;
    width: 15px;
    background-image: url('../img/footerLeft.png');
}

div.footerRight {
    margin-right: 3px;
    width: 15px;
    background-image: url('../img/footerRight.png');
}

div.footer {
    width: 872px;
    background-image: url('../img/footer.png');
    background-repeat: repeat-x;
}

/* Navigation bar wrapper */
/* nav bar is 873 px wide */
div.navBarLeft, div.navBarRight, div.navBar {
    height: 37px;
    position: absolute;
    top: 100px;
}

div.navBarLeft {
    width: 11px;
    left: 14px;
    background-image: url('../img/navBarLeft.png');
}

div.navBar {
    width: 848px;
    left: 25px;
    background-image: url('../img/navBar.png');
    background-repeat: repeat-x;
}

div.navBarRight {
    width: 14px;
    left: 873px;
    background-image: url('../img/navBarRight.png');
}

/* Navigation bar contents */

ul#nav-primary {
    position: absolute;
    bottom: 0px;
    left: -9px;
    list-style: none;
    list-style-image: none;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase; /* force text to uppercase */
    font-size: 85%;
}

ul#nav-primary li {
    float: left;
    line-height: 35px;
    margin: 0px 0px 0px 0px;
}

ul#nav-primary a {
    display: block;
    padding: 0px 10px 0px 10px;
    font-weight: Bold;
    color: #797979;
}

ul#nav-primary li.first {
    position: absolute;
    left: 812px;
}

ul#nav-primary a:hover {
    text-decoration: none;
    color: #c42623;;
}

ul#nav-primary a.here {
    color: #c42623;
}

/* HOMEPAGE OVERRIDES */
body.home div.splashLeft, body.home div.splashRight, body.home div.splash {
    height: 307px;
}

body.home div.contentArea {
    background: url(../img/homepageBackground.png) top left repeat-y; 
}

body.home span.welcome {
    display: block;
    color: #c42623;
    font-size: 130%;
    margin-bottom: 13px;
}

body.home div.primaryContent {
    color: #c42623;
    font-size: 110%;
    width: 417px;
    padding-right: 17px;
    padding-left: 15px;
    margin-left: 3px;
    margin-right: 0px;
    line-height: 170%;
}

body.home div.contentAndLatestNews {
    float: left;
    display: inline;
    width: 679px;
}

body.home div.latest-articles {
    float: left;
    display: inline;
    width: 185px;
    margin-left: 20px;
}

body.home div.latest-articles h2 {
    font-size: 110%;
    margin: 0px 0px 5px 0px;
    color: #c42623;
}

body.home div.latest-articles h2 a {
    color: #c42623;
}

body.home div.latest-articles h2 a:Hover {
    color: #454444;
}

body.home div.latest-articles li {
    list-style-type: none;
    margin-left: 0px;
}

body.home div.latest-articles span.heading span.date {
    display: none;
}

body.home div.latest-articles span.heading span.title {
    font-weight: bold;
    color: #454444;
    display: block;
}

body.home div.latest-articles span.heading span.title:Hover {
    font-weight: bold;
    color: #c42623;
    display: block;
}


body.home div.latest-articles span.heading span.title a {
    color: #454444;
}

body.home div.latest-articles span.summary {
    color: #666666;
}

body.home div.latest-articles span.summary a {
    color: #454444;
}

body.home div.latest-articles span.read-more {
    display: block;
    font-size: 95%;
}

a.small-link {
    font-size: 95%;
}

body.home div.latest-articles span.read-more:hover {
    display: block;
    font-size: 95%;
    color: #c42623;
}
body.home div.upcomingEvents {

}

/* The footer. */

div.footerArea {
    display: inline;
    float: left;
    width: 902px;
    height: 152px;
    margin-left: 3px;
    margin-right: 3px;
    background-image: url('../img/homepageFooterBackground.png');
    background-repeat: repeat;
}

div.footerLeft, div.footerRight, div.footer {
    float: left;
    display: inline;
    height: 15px;
}

div.footerLeft {
    margin-left: 3px;
    width: 15px;
    background-image: url('../img/homepageFooterBottomLeft.png');
}

div.footerRight {
    margin-right: 3px;
    width: 15px;
    background-image: url('../img/homepageFooterBottomRight.png');
}

div.footer {
    width: 872px;
    background-image: url('../img/homepageFooterBottom.png');
    background-repeat: repeat-x;
}

div.footerCol {
    position: relative;
    float: left;
    display: block;
    width: 195px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    height: 144px;
    color: #ffffff;
    border-right: solid 1px white;
}

div.footerCol#first {
    margin-left: 1px;
}

div.footerCol#last {
    border-right: none;
    width: 190px;
}

div.footerCol a {
    color: #454444;
}

div.footerCol a:hover {
    /*text-decoration: underline;*/
    color: #c42623;
}

img.intranet {
    position: absolute;
    top: 69px;
    left: 15px;
}

span.intranet {
    position: absolute;
    top: 78px;
    left: 27px;
    color: white;
}

/*
    News page overrides.
*/

ul.article-list {
    list-style: none;
    margin: 0px 0px 20px 0px;
}

ul.article-list li {
    margin: 10px 10px 0px 10px;
    padding: 10px 0px 5px 0px;
    border-bottom: 2px #A3A3A6 solid;
}

ul.article-list li.first {
    background: white url(../img/articleBottom.png) bottom left no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: none;
}

ul.article-list li.first div.article {
    background: url(../img/articleTop.png) top left no-repeat;
    padding: 15px 15px 3px 15px;
}

ul.article-list span.date {
    display: block;
    font-weight: normal;
    margin: 0px 0px 12px 0px;
    font-size: 70%;
    color: #666666;
}

ul.article-list h2 {
    margin-top: 0px;
}

ul.article-list h2 .title {
    font-family: serif;
    display: block;
    color: #c42623;
}

ul.article-list p.read-more {
    margin-top: -10px;
}

div.article-archive {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px 10px 10px 10px;;
}

div.article-archive ul {
    list-style: none;
}

div.article-archive li {
    margin: 0px 0px 0px 0px;
}

div.article-archive li li {
    margin: 0px 0px 0px 20px;
}

img.directors-blog {
    display: block;
    margin-bottom: 10px;
}


/*
    Tenant pages.
*/

div.tenant-column {
    float: left;
    width: 305px;
    display: inline;
}

ul.letter-group {
    list-style: none;
}

ul.letter-group li {
    margin-left: 5px;
}


/*
    Restaurant pages.
*/

div#content-tertiary {
    margin-left: 3px;
}

body.restaurant h1 {
    margin-bottom: 10px;
}

div#menu-area {
    background: white url(../img/menu-top.png) top left no-repeat;
    width: 901px;
    float: left;
    display: inline;
    clear: both;
    margin-top: 7px;
    margin-bottom: 5px;
    margin-left: 3px;
}

div#menu-content {
    background: url(../img/menu-bottom.png) bottom left no-repeat;
    padding: 20px 20px 10px 20px;
}

div.daily-menu {
    float: left;
    display: inline;
    width: 200px;
    margin: 0px 20px 5px 0px;
}

div.daily-menu h2 {
    margin-top: 0px;
}

div.daily-menu h2 span.day {
    color: #c42623;
    font-size: 130%;
    font-weight: normal;
}

div.daily-menu h2 span.date {
    font-size: 70%;
    color: #666666;
}

div.menu-course {
    margin-bottom: 15px;
}

div#menu-bottom-row {
    clear: both;
    border-top: 1px #D0D1D2 solid;
    padding-top: 20px;
}

div.menu-ad {
    float: right;
    display: inline;
    width: 190px;
    overflow: hidden;
}

div#menu-ad-bottom {
    background: #989898 url(../img/menu-ad-bottom-top.png) top left no-repeat;
    margin-bottom: 10px;
}

div#menu-ad-bottom div.menu-ad-content {
    padding: 10px 10px 1px 10px;
    margin: 0px 0px 0px 0px;
    background: url(../img/menu-ad-bottom-bottom.png) bottom left no-repeat;
}

div#menu-ad-bottom h2,
div#menu-ad-bottom h3,
div#menu-ad-bottom p,
div#menu-ad-bottom a {
    margin: 0px 0px 10px 0px;;
    color: white;
}

div#menu-announcements {
    background: #339900 url(../img/menu-announcements.png) top left no-repeat;
    display: inline;
    float: right;
    width: 190px;
    margin: 0px 17px 15px 0px;
}

div#menu-announcements-content {
    padding: 14px 44px 9px 14px;
    background: url(../img/menu-announcements-bottom.png) bottom left no-repeat;
}

div#menu-announcements ul {
    margin: 0px 0px 0px 0px;
}

div#menu-announcements li {
    margin: 0px 0px 10px 12px;
    color: white;
}

div#menu-announcements h2 {
    font-size: 100%;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    color: white;
    font-weight: bold;
}

div#menu-announcements h3 {
    color: white;
    font-size: 100%;
    margin: 5px 0px 3px 0px;
}

div#menu-announcements p {
    color: white;
    font-size: 90%;
    line-height: 140%;
    margin: 0px 0px 5px 0px;
}