html {
        height: 100%;
        padding-bottom: 0.1%;
}
html, body{
        font: 82% Arial, Helvetica, sans-serif;
        color: #333333;
}
body#normal {background: #FFF;}


h1,h2,h3,h4,h5,h6 {padding: 12px 0 5px 0; margin-bottom:10px;}
h1,.contentheading {font: normal 1.5em Lucida Sans, Arial, Helvetica, sans-serif; color: #004661; line-height: 24px; padding-bottom: 8px;}
.contentheading h2 {
                font: normal 1.2em Lucida Sans, Arial, Helvetica, sans-serif;
                color: #FF9933;
                line-height: 24px;
                padding-bottom: 1px;
                border-bottom:1px solid #CCC;}
h2 {font: bold 2em Lucida Sans, Arial, Helvetica, sans-serif; letter-spacing: -1px; line-height: 18px; color: #111;}
h3 {
font : 1.3em/20px Arial,Verdana;
border-bottom : 1px dotted #000062;
color : #000062;
}
h4 {font: normal 1.5em Lucida Sans, Arial, Helvetica, sans-serif;
   line-height: 20px;
   border-bottom:1px dotted #CCC;
   color: #004661;}
h5 {font: normal 1.2em Lucida Sans, Arial, Helvetica, sans-serif;
   border-bottom:1px solid #CCC;
   margin-top: 0px;
   color: #004661;}
h6 {font: bold Lucida Sans, Arial, Helvetica, sans-serif; line-height: 12px;}

td{font-size: 1em;}
th{font-size: 1em;}

a {color: #0031FE; text-decoration: none;}
a:hover {color: #0031FE; text-decoration: underline;}
a.image, a.image:hover  {border:0;}
a.mainlevel {
         font-size: 1.2em;
         line-height: 18px;
         background: url(../images/arrow.gif) no-repeat left center;
         padding:3px 3px 3px 10px;
         display:block;
         }
a.mainlevel:hover  {background-color:#F4F4F4;
                   color:#0031FE;
                   text-decoration:underline;
                   font-weight: normal;}
li{list-style: none; }
a.mainlevel1 {color: #004661; font: normal 1.2em sans-serif; line-height: 20px; padding:3px 3px 3px 20px; display:block; border-bottom:1px dotted #CCC; }
a.mainlevel1:hover  {background-color:#F4F4F4; text-decoration:none; font-weight:bold;}
li{list-style: none; }
#main ul {clear: both;}
.feature {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 0;
}
.feature ul {
    list-style-type: none;
    margin-bottom: 20px;
    margin-left: 0;
    padding: 0;
}
.feature li {
    color: #333333;
    font-size: 0.9em;
    width: 100%;
}
.feature img {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 20px 10px 0;
    padding: 4px;
    width: 175px;
}
.feature li a {
    color: #0031FE;
    font-size: 1em;
    padding-left: 0;
    text-decoration: none;
}
fieldset {
        width: 470px;
        padding: 5px;
        border: 1px solid #eee;
}

#head {
        border-top: 2px solid #000062;
        background: #fff;
        padding: 0;
}
#head .center {
width: 1000px;
margin: 0 auto; }
#head .left {
padding-left : 150px;
padding-top: 50px;
font : normal 2.2em Trebuchet MS, Verdana, sans-serif;
color : #0031FE;
margin : 10px 0 0 0;
width : 500px;
height : 90px;
background : url(../images/oabb-logo1.jpg) no-repeat;
}
#head .right {width: 150px;}
#head .search {padding-top: 15px;}
#head .topMenu {clear: both;}
#head .topMenu li {float: right; margin-left: 30px;}
#head a {color: #6cb9d6; font: normal 1.2em Arial, sans-serif; text-decoration: none; }
#head a:hover {color: #FFF;text-decoration: underline;}
#head form {float: right; padding: 0; margin: 0;}

/* newsflash */
#newsflash {
        background: #fff;
        color: #FFF;
        text-align:left;
}
#newsflash .center {width: 1000px;
margin: 0 auto;
padding: 5px 0;
background:#004296;}
#newsflash a {
           color: #fff;
           font: normal 1.5em Arial, sans-serif;
           text-decoration: none;
           padding-right: 20px; }
#newsflash a:hover {
           color: #fff;
           text-decoration: underline;}

#main {background: #fff ;}
.maincenter {width: 1000px;
            margin: 0 auto;
            padding: 12px 0;
            background: #fff;}
.mid li,.mainright li,.mainleft li {list-style: disc;}
.left1 {float: right;
       width: 100%;
       padding-left:5px;}
.left1 img {float: left;
       padding-left:0px;
       padding-top:15px;
       width: 495px;}
.left3 {float: right;
      padding-left:0px;
      padding-right:0px;
      width: 495px;
      background: #fff;
      font-size: 1.2em;
      line-height: 18px;}
.left3 img {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0 20px 10px 0;
    padding: 4px;
    width: 150px;
    height: 100px;
}
.left3 h3 {
font : 1.1em Arial,Verdana;
border-bottom : 1px dotted #000062;
color : #000062;
}
.left4 {float: left;
      padding-left:0px;
      padding-right:0px;
      width: 495px;
      background: #fff;
      font-size: 1.2em;
      line-height: 20px;}
.left4 img {float: left;
       padding-left:0px;
       padding-top:15px;
       width: 495px;}
#main p {padding: 3px 0 4px;}

.componentheading {
        font: normal 2.2em Arial,sans-serif;
        padding-bottom: 6px;
}
.sectiontableentry1,.sectiontableentry2 {padding: 2px 0;}

table.contentpaneopen {margin-right: 16px;}

.mosimage_caption {font-style: italic;}

.contenttoc {
        padding: 10px;
        text-align: left;
}
.contentpaneopen img {
        border: 1px solid #CCC;
        margin: 10px;
        padding:3px;
        background:#FFF;
}
.contentpaneopen p {
        font-size: 1.3em;
        padding:2px;
        line-height: 20px;
}
.buttonheading img {border: none; margin: 0;}

#footer {
        color: #333;
        text-align:center;
        padding:0;
        background : #fff;
        border-top : 2px solid #000062;;
}
#footer a {color: #004391;}


.left form {padding-bottom: 10px;}
form a {display: inline;}


.center {width: 1000px;
margin: 0 auto;
padding: 12px 0;}
.clearer {clear: both; font-size: 0;}

.left2 {float: left;
      padding-left:10px;
      padding-right:10px;
      width: 300px;
      text-align: justify;
      margin-top: 0px;}

.left {float: left;
      padding-left:10px;
      padding-right:10px;
      width: 300px;
      text-align: justify;
      margin-top: 0px;}
.left p {
         font-size: 1.1em;
         text-align: justify;
         line-height: 18px;
         }
.right {float: right;
       width: 300px;
       padding-right:5px;
       margin-top: 0px;}
.small {color: #333;}
.createdate {padding-bottom: 6px; color: #999;}


.col2 .mainleft,.col2 .mainright {width: 78%; float: left; border-right: 1px dotted #CCC;}
.col2 .mainright {float: right;}


.col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 20%;}
.col3 .mid {float: left; width: 54%; margin: 0 2%;}
* {
        padding: 0px;
        margin: 0px;
}