/* sai-db.css */
/* This is the cascading style sheet page that links to any HTML page
holding a LINK to it */


/*The styles below are for the pull down menu */

#cssdropdown, #cssdropdown ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#cssdropdown li {
    float: left;
    position: relative;
}

.mainitems{
    border: 1px solid black;
    background-color: #54535E;
}

.mainitems a{
    margin-left: 17px;
    margin-right: 17px;
    color: white;
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
}

.subitems a{
    margin-left: 10px;
    margin-right: 10px;
    color: black;
    font-family: Arial;
    font-size: 9pt;
    text-decoration: none;
}

.subuls{
    display: none;
    width: 5em;
    position: absolute;
    top: 1.2em;
    left: 0;
    background-color: #C7C6C8;
    border: 1px solid black;
}

.subuls li{
    width: 100%;
}

.subuls li a{
    text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

/* Main Styles */

body {
    background-color: #590511;
    /*background-image : url('images/bg.jpg');*/
}

table.main {
    background-image : url('images/world-soft.jpg');
    width : 1200px;
}

table.inner {
    background-image : url('images/world-soft.jpg');
    width : 750px;
}

td.header {
    background-image : url('images/header.jpg');
    width : 1200px;
    height: 102px;
    border: 0;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

h1.title {
    color : #590511;
    font-style : bold;
    font-family: Verdana;
    font-size : 14pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 15px;
    margin-bottom : 10px;
}

h2.sub-title {
    color : #590511;
    font-style : bold;
    font-family: Verdana;
    font-size : 11pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 10px;
    margin-bottom : 5px;
}

h2.sub-title-center {
    color : #590511;
    font-style : bold;
    text-align: center;
    font-family: Verdana;
    font-size : 11pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 10px;
    margin-bottom : 5px;
}

ul.normal   { 
    color : #590511;
    font-family: Verdana;
    font-size : 10pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 5px;
}

li.normal   { 
    font-weight : bold;
    color : #590511;
    font-family: Verdana;
    font-size : 10pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 5px;
}

ul.sub {
    color : #590511;
    text-decoration: none;
    list-style-image: url(images/sai-arrow.gif);
    font-size : 9pt;
    font-family: Verdana;
    margin-left : 40px;
    margin-right : 0px;
    margin-top : 10px;
    margin-bottom : 10px;
}


li.sub   { 
    font-size: 10pt;
    color: #590511;
    text-align: left;
    font-family: Verdana;
    list-style: none;
    text-decoration: none;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
}

p.normal {
    color : #590511;
    font-size : 10pt;
    font-family: Verdana;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 0px;
    padding-bottom : 5px;
}

p.bold {
    color : #590511;
    font-size : 10pt;
    font-weight : bold;
    font-family: Verdana;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 5px;
}

a.normal {
    color : #590511;
    font-size : 10pt;
    font-family: Verdana;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 5px;
    padding-left : 10px;
    padding-right : 5px;
    padding-top : 0px;
    padding-bottom : 5px;
}

p.small-italic {
    color : #590511;
    font-style : italic;
    font-size : 9pt;
    font-family: Verdana;
    margin-left : 10px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 10px;
}

p.xsmall-italic {
    color : #590511;
    font-style : italic;
    text-align : center;
    font-size : 8pt;
    font-family: Verdana;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 10px;
    margin-bottom : 5px;
    padding-left : 10px;
    padding-right : 5px;
    padding-top : 10px;
    padding-bottom : 5px;
}

p.webmaster {
    color : #590511;
    font-style : italic;
    text-align : center;
    font-size : 9pt;
    font-family: Verdana;
}

a.webmaster {
    color : #590511;
    font-style : italic;
    text-align : center;
    font-size : 9pt;
    font-family: Verdana;
}

ul.normal {
    color : #590511;
    font-size : 10pt;
    font-family: Verdana;
    margin-left : 50px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 15px;
}

ol.normal {
    color : #590511;
    font-size : 10pt;
    font-family: Verdana;
    margin-left : 50px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 15px;
}

p.normal_sm {
    color: #800080;
    font-family: Georgia;
    font-size: 10pt;
}


/* Footer Styles */

td.footer {
    background-image : url('images/footer.jpg');
    width : 1200px;
    text-align: center;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

p.footer {
    color : #FFFFFF;
    font-style : bold;
    font-size : 9pt;
    font-family: Verdana;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 5px;
}


/* Navigation Styles */

td.nav {
    width : 750px;
    background-color : #54535E;
    text-align: left;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0px;
    margin-bottom : 0px;
}

tr.nav {
    background-color: #2C043B;
}

p.nav {
    color: navy;
    font-family: Arial;
    font-size: large;
}

td.v-nav-bar {
    width : 195px;
    text-align: left;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0px;
    margin-bottom : 0px;
    padding-left : 10px;
    padding-right : 5px;
    padding-top : 0px;
    padding-bottom : 0px;
}

p.side-bar {
    color : #590511;
    font-style : bold;
    list-style: none;
    font-size : 10pt;
    font-family: Verdana;
    margin-left : 10px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 5px;
}

ul.side-bar {
    color : #590511;
    text-decoration: none;
    list-style: none;
    font-size : 9pt;
    font-family: Verdana;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

li.side-bar {
    color : #590511;
    text-decoration: none;
    font-size : 9pt;
    font-family: Verdana;
    margin-left : 5px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

ul.side-box {
    color : #590511;
    text-decoration: none;
    list-style: none;
    font-size : 9pt;
    font-family: Verdana;
    margin-left : 10px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 10px;
}

table.sidebox {
    width: 180px;
    border: 1px solid #000000; 
    background-color: #C2B2F5; 
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 5px;
}

/* Feature Styles */

td.feature1 {
    width : 200px;
    height: 233;
    background-image : url('images/data.jpg');
    text-align: left;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0px;
    margin-bottom : 0px;
}

h2.sub-title-feature1 {
    color : #FFFFFF;
    font-style : bold;
    font-family: Verdana;
    text-align: center;
    font-size : 11pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 10px;
    margin-bottom : 15px;
}

p.feature1 {
    color : #FFFFFF;
    font-size : 10pt;
    font-family: Verdana;
    font-weight: bold;
    margin-left : 10px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
    padding-left : 15px;
    padding-right : 0px;
    padding-top : 0px;
    padding-bottom : 5px;
}


td.feature2 {
    width : 250px;
    height: 337px;
    background-image : url('images/staff-augment-bg.jpg');
    text-align: left;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0px;
    margin-bottom : 0px;
}

h2.sub-title-feature2 {
    color : #ffffff;
    font-style : bold;
    font-family: Verdana;
    text-align: center;
    font-size : 12pt;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 10px;
    margin-bottom : 15px;
}

p.feature2 {
    color : #ffffff;
    font-size : 9pt;
    font-family: Verdana;
    font-weight: bold;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
    padding-left : 15px;
    padding-right : 5px;
    padding-top : 0px;
    padding-bottom : 5px;
}

ul.feature2 {
    color : #ffffff;
    font-size : 10pt;
    font-weight: bold;
    font-family: Verdana;
    margin-left : 50px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 15px;
}





/* Image Styles */

img.center {
    position: normal;
    float: center;
    clear: center;
    margin-left: auto;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

img.left {
    position: normal;
    float: left;
    clear: left;
    margin-left: auto;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

img.right {
    position: normal;
    float: right;
    clear: right;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}

/* Test Styles */

td.test {
    background-image : url('images/anigraph.gif');
    width : 550px;
    height : 550px;
    text-align: center;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

p.test-top {
    color : #000000;
    font-size : 12pt;
    font-weight : bold;
    font-family: Verdana;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
    padding-left : 10px;
    padding-right : 5px;
    padding-top : 0px;
    padding-bottom : 5px;
}