a {

    text-decoration: none;

    color: #0099CC;

}



a:hover {

    color: #EDB863;

}



img {

    border-width: 0;

}



body {

    background-color: #0099CC;

    color: #333;

    padding: 0;

    margin: 0;

    text-align: center;

    font-size: 62.5%;

    font-family: tahoma, serif;

}



.cornerTL, .cornerTR, .cornerBL, .cornerBR, .cornerBlueBL, .cornerBlueBR {

    width: 8px;

    height: 8px;

    position: absolute;

}



.cornerTL {

    background: transparent url(../img/cornerOuterTL.png);

    top: 0;

    left: 0;

}



.cornerTR {

    background: transparent url(../img/cornerOuterTR.png);

    top: 0;

    right: 0;

}



.cornerBL {

    background: transparent url(../img/cornerOuterBL.png);

    bottom: 0;

    left: 0;

}



.cornerBR {

    background: transparent url(../img/cornerOuterBR.png);

    bottom: 0;

    right: 0;

}



.cornerBlueBL {

    background: transparent url(../img/cornerOuterBlueBL.png);

    bottom: 0;

    left: 0;

}



.cornerBlueBR {

    background: transparent url(../img/cornerOuterBlueBR.png);

    bottom: 0;

    right: 0;

}



.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



#top {

    background: #0099CC url(../img/topBg.gif) repeat-x;

    height: 139px;

    position: relative;

}



#topHeader {

    height: 100%;

    position: relative;

}



#topHeader .headerLogo {

    position: absolute;

    top: 40px;

    left: 0;

}



#topHeader span {

    position: absolute;

    font-size: 0.9em;

    color: white;

    font-weight: bold;

}



#topHeader .tm {

    top: 44px;

    left: 372px;

}



#topHeader .strapLine {

    top: 100px;

    left: 274px;

}



#main {

    background-color: white;

}



#bottom {

    background-color: white;

    height: 70px;

    border-top: 3px solid #1AA3D1;

    position: relative;

    text-align: right;

}



.mainContainer {

    margin: 0 auto;

    width: 800px;

    font-size: 1.2em;

    text-align: left;

}



#main .sectionContainer {

    padding: 10px 10px 0;

}



#main .bottomSection {

    padding-bottom: 10px;

}



#main .sectionContainer .pictureSection {

    background-color: #8BDBFF;

    width: 516px;

    min-height: 268px;

    _height: 268px;

    position: relative;

}



#main .sectionContainer .pictureSection #innerPicture {

    border: 3px solid #65D0FE;

    margin: 33px 0 0 15px;

}



#main .sectionContainer .pictureSection #innerContent {

    float: right;

    margin: 33px 15px 0 15px;

    width: 200px;

}



#main .sectionContainer .pictureSection #innerContent a {

    background-image: url(../img/btnLarge.gif);

    display: block;

    width: 112px;

    height: 25px;

    color: #0099CC;

    text-align: left;

    text-decoration: none;

    font-weight: bold;

}



#main .sectionContainer .pictureSection #innerContent a span {

    padding: 5px 0 0 8px;

    display: block;

}



#main .sectionContainer .pictureSection #innerContent a:hover {

    background-image: url(../img/btnLargeHover.gif);

}





#main .sectionContainer .titleSection {

    float: right;

    text-align: center;

    width: 255px;

    color: #1B99C2;

    font-weight: bold;

    background: transparent url(../img/bbakeTitle.gif) no-repeat 0 80px;

    font-size: 0.8em;

    position: relative;

}



#main .sectionContainer .titleSection .title {

    position: relative;

    background-color: #8BDBFF;

    margin-bottom: 30px;

    font-size: 1.3em;

    padding: 3px 0 4px;

    color: #333;

    text-align: center;

}



#main .sectionContainer .titleSection .titleSectionTop {

    font-size: 1.2em;

    display: block;

    margin-bottom: 105px;

}



#main .sectionContainer .titleSection .bbakeButton {

    background-image: url(../img/btnSmall.gif);

    display: block;

    position: absolute;

    width: 88px;

    height: 18px;

    color: #fff;

    top: 91px;

    right: 12px;

    text-align: left;

    text-decoration: none;

}



#main .sectionContainer .titleSection .bbakeButton span {

    padding: 2px 0 0 6px;

    display: block;

}



#main .sectionContainer .titleSection .bbakeButton:hover {

    background-image: url(../img/btnSmallHover.gif);

}



#main .sectionContainer .partnerBox {

    float: left;

    width: 253px;

    position: relative;

    margin-right: 10px;

}



#main .sectionContainer .reutersBox {

    margin-right: 0;

}



#main .sectionContainer .partnerBox img {

    position: absolute;

}



#main .sectionContainer .musiciansUnionBox img {

    top: 123px;

    left: 20px;

}



#main .sectionContainer .stanfordUniBox img {

    top: 100px;

    left: 90px;

}



#main .sectionContainer .reutersBox img {

    top: 130px;

    left: 20px;

}



#main .sectionContainer .partnerBox .partnerBoxTop {

    height: 20px;

    background-image: url(../img/partnerBoxBgTop.gif);

}



#main .sectionContainer .partnerBox .partnerBoxMiddle {

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    border-top: 1px solid #ddd;

    min-height: 200px;

    _height: 200px;

    padding: 20px;

    font-size: 1.1em;

}



#main .sectionContainer .partnerBox .partnerBoxBottom {

    height: 14px;

    background-image: url(../img/partnerBoxBgBottom.gif);

    background-position: bottom left;

}



#bottom a {

    margin: 25px;

    font-weight: bold;

    font-size: 1.2em;

    display: block;

    float: right;

}



#main .sectionContainer .partnerStrip {

    margin-bottom: 10px;

}



#main .sectionContainer .partnerStrip .partnerStripTop {

    color: #0099CC;

    font-weight: bold;

    padding: 5px 10px;

    background-color: #ddd;

}



#main .sectionContainer .partnerStrip .partnerStripMain {

    border-top: 1px solid #aaa;

    border-bottom: 1px solid #aaa;

}



#main .sectionContainer .partnerStrip .partnerStripMain div {

    float: left;

    width: 250px;

    background-color: #eee;

    min-height: 150px;

    _height: 150px;

}



#main .sectionContainer .partnerStrip .partnerStripMain span {

    display: block;

    padding: 10px 10px 10px 260px;

}



#main .sectionContainer .reutersStrip {

    margin-bottom: 0;

}



#main .sectionContainer .partnerStripMain div a {

    display: block;

}



#main .sectionContainer .musiciansUnionStrip .partnerStripMain div img {

    margin: 14px 15px;

}



#main .sectionContainer .generatingGeniusStrip .partnerStripMain div img {

    margin: 14px 15px;

}



#main .sectionContainer .stanfordUniStrip .partnerStripMain div img {

    margin: 14px 15px;

}



#main .sectionContainer .moorsBarStrip .partnerStripMain div img {

    margin: 14px 15px;

}



#main .sectionContainer .reutersStrip .partnerStripMain div img {

    margin: 14px 18px;

}




