/* General and layout styles */
body {
   background-color: #EFECF9;
   color: #222471;
   text-align: center;
   font-family: Verdana;
   font-size: 11pt;
}
img {
   border: 0px;
}
a {
   text-decoration: none;
   color: #222471;
}
a:hover {
   color: #FFFFFF;
}

#mainBox {
   background: #09A5A9 url('../images/430-grad.jpg') repeat-x;
   width: 750px;
   height: 84%;
   border: 1px solid #09A5A9;
   margin: 50px auto 0px auto;
   text-align: left;
}
#tabBox {
   width: 750px;
   margin: 0px auto;
   padding-left: 15px;
   text-align: left;
}
#contentFrame {
   width: 100%;
   height: 100%;
   border: none;
}
.navigationTab {
   margin-right: 15px;
   width: 120px;
   height: 30px;
   _height: 35px;
   float: left;
   text-align: center;
   font-weight: none;
   font-size: 14pt;
   padding-top: 5px;
   cursor: hand;
}
.tabOff {
   background-color: #7FC1C4;
   color: #2D2F92;
}
.tabOn {
   background-color: #09A5A9;
   color: #FFFFFF;
}
#libLogoSmall {
   margin-left: 7px;
   _margin-left: 0px;
   margin-top: 6px;
}
#floatingDragon {
   position: absolute;
   width: 730px;
   height: 0px;
   z-index: 1;
}
#floatingDragonImage {
   position: relative;
   left: -70px;
   top: -57px;
   /*relative; left: 540px; top: -45px;*/
}

 /* iFrame and content styles */
#mainContent {
   text-align: left;
   padding-bottom: 10px;
}
#pageHeading {
   font-size: 19pt;
   color: #2D2F92;
   margin-left: 130px;
   margin-top: 40px;
}
#pageSubHeading {
   color: #06878C;
   padding-left: 130px;
   padding-top: 3px;
   font-size: 16pt;
}
.pageQuoteBox {
   margin-top: 12px;
}
.pageBodyText {
   padding: 0px 15px 0px 15px;
   text-align: justify;
}
.leaderText {
   margin: 30px auto 0px auto;
   width: 550px;
   text-align: justify;
}
.leaderFinal {
   margin: 15px auto 0px auto;
   width: 550px;
   color: #000000;
   font-size: 11pt;
   font-weight: bold;
}
.imageLinkContainer {
   margin: 25px auto 0px auto;
   width: 400px;
   color: #000000;
}