/* ===== DOM elements ========================================================== */

body {
     font: normal 1.1em Verdana, helvetica, sans-serif;
     margin: 0;
     padding: 0;
     color: black;
     background: #336699;
}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}

h1 {
     font-size: 1.7em;
     padding-top: 20px;
     margin-top: 0;
     color: #000099;
}

h2 {
     color: #000099;
     font-size: 1.5em;
}

h3 {
     color: #000099;
     font-size: 1.25em;
}

a {
     color: #ff8f00;
     text-decoration: underline;
}


a img {
     border: 0;
}

/* ===== Containing tables ===================================================== */

.outer {
     width: 1000px;
     margin: auto;
}

.outer td {
     padding: 20px;
}


.inner {
     width: 100%;
     background: white;
     border: 1px solid #114477;
}

.inner td {
     padding: 0;
}


/* ===== Main enclosing division =============================================== */



#content {
     text-align: justify;
     clear: both;
     display: block;
     padding: 20px 20px 20px 20px;
     line-height: 1.75em;     
     background: #ffffff;
}


.contentSep {
     margin-top: 30px;
     padding: 0;
     border-top: 1px solid #d0d0ff;
     border-bottom: 1px solid #d0d0ff;
     text-align: center;
     color: #a0a0ff;
}



/* ===== Top heading section =================================================== */


#headerImage1 {
     float: left;
     position: relative;
     left: 14px;
     top: 13px;
}

#headerImage2 {
     float: right;
     position: relative;
     right: 15px;
     top: 16px;
}


/* ===== Top nav bar =========================================================== */

.topMenuBar {
     position: relative;
     top: 25px;
     height: 50px;
     margin: 0;     
     padding: 0;
     display: block;
     clear: both;
     background: url('./images/website/topNavBckg.png') repeat-x top left;
}

.topMenuBar form {
     float: right;
     padding: 0;
     margin: -33px 20px 0px 0px;
}


.topMenuBar ul {
     list-style-type: none;
     padding: 10px 0px 0px 10px;
     margin: 0;
}

.topMenuBar ul li {
     display: inline;
     margin: 0px 4px 0px 4px;
}

.topMenuBar ul li a {
     font-size: 1.15em;
     font-weight: bold;
     color: #000099;
     text-decoration: none;
}

.topMenuBar ul li a:hover{
     background: #000099;
     color: white;
     text-decoration: none;
}

.topMenuBar input {
     font-size: 1.0em;
     border: 1px solid #000099;    
}

.topMenuBar input a {
     border: 0;
}


/* ===== Size selectors ======================================================== */

.size1 a {
     font-size: 10pt;
     padding-left: 5px;
     padding-right: 5px;
     color: #000099;
}

.size2 a {
     font-size: 12pt;
     padding-right: 5px;
     color: #000099;
}

.size3 a {
     font-size: 16pt;
     padding-right: 5px;
     color: #000099;
}



/* ===== Breadcrumb ============================================================ */

.breadcrumbDiv {
     display: block;
     padding: 10px 0px 0px 0px;
     font-size: 1.10em;
     font-weight: normal;
}

.breadcrumb {
     color: #ff8f00;
}

/* ===== Left nav bar ========================================================== */

.nav {
     width: 164px;
     border-right: 1px solid #e0e0ff;
}

.nav img {
     margin: auto;
     margin-bottom: 0;
     padding: 0;
}


.leftMenuBar {
     padding-left: 10px;
}



.leftMenuBar ul {
     list-style-type: none;
     padding: 0px 0px 20px 0px; 
     margin: 0;
}

.leftMenuBar ul ul {
     list-style-type: none;
     padding: 5px 0px 0px 0px;
     margin: 0;
}

.leftMenuBar ul ul ul {
     padding: 5px 0px 0px 0px;
     list-style-type: none;
     padding: 0;
     margin: 0;
}


.leftMenuBar ul li {
     width: 154px;
     padding: 6px 0px 6px 10px;    
     margin: 0;
}


.leftMenuBar ul ul li {
     width: 144px;
     padding: 6px 0px 6px 15px;
     margin: 0;
}

.leftMenuBar ul ul ul li {
     width: 134px;
     padding: 6px 0px 6px 25px;
     margin: 0;
}



.leftMenuBar ul li a {
     font-size: 0.85em;
     color: #000099;
     text-decoration: none;
}

.leftMenuBar ul li li a {
     text-decoration: none;     
     font-size: 0.85em;
     color: #000099;
}


.leftMenuBar ul li a:hover {
     color: white;
     background: #000099;
     text-decoration: none;     
}


.logoContainer {
     margin-top: 30px;
}

.logoContainer td {
     width: 140px;
     text-align: center;
     padding-bottom: 5px;
}


.navTop {
     text-align: center; 
     margin: 0; 
     padding: 0;
     height: 69px;
}

.navTop p {
     margin: 0;
     padding: 20px 0px 5px 0px;
     font-size: 10pt;
     font-weight: bold;
     line-height: 10pt;
}

.navHeader {
     background: url('./images/website/navGradBack.png') no-repeat top center;
     text-align: center;
     font-size: 0.95em;
     font-weight: bold;
     color: black;
     padding: 7px 0px 15px 0px;
}

/* ================ Additional information ======================================= */


.contentSplurge, .contentText {
     text-align: justify;
     background: white;
}

.pictureClear {
     clear: both;
}


.contentSplurge img a{
     text-decoration: none;
     border: 0;

}
.imageLeft {
     float: left;
     padding: 0px 15px 15px 0px;
}


.imageCenter {
     text-align: center;
     clear: both;
}

.imageRight {
     float: right;
     padding: 0px 0px 15px 15px;
}

.imageTitle {
     text-align: center;
     color: black;
     display: none;
}


.landing {
     /* background: url('./images/website/l2normal.png') no-repeat top left; */
     width: 372px;
     height: 43px;
     clear: both;
     display: block;
}

.landing h2 {
     position: relative;
     left: 60px;
     top: 8px;
}

a:hover .landing {
     color: #000099;
}


.ucgSitemap {
     width: 100%;
}

/* ================ Footer section =============================================== */

.footer {
     margin-top: 0px;
     border-top: 1px solid #e0e0ff;
     color: #6660ff;
     text-align: center;
     height: 40px;
     margin-bottom: 30px;
     background: white;
}

.footer table {
     margin: auto;
     margin-top: 10px;
}


/* ================ Contact us page ========================================= */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}

/* ================ Form stuff ============================================== */

.topItems {
     width: 200px;
     float: right;
     border: 1px solid white;
     padding: 0px 5px;
     margin: 0px 0px 10px 10px;
}


.topItemsHdr {
     width: 200px;
     font-size: 1.5em;
     font-weight: bold;
     text-align: center;
     margin-bottom: 0px;
     color: #00c000;
}

.topItemsBdy {
     padding: 0;
     margin: 0px 0px 5px 0px;
     line-height: 1.25em;
}

/* ================ Form stuff ============================================== */

.requiredField {
     background: #ffffe8;
}

.errorMsg {
     font-weight: bold;
     color: red;
}

.errorDiv {
     border: 1px solid #ffe0e0;
     padding: 10px;
     background: #ffefef;
}