H1 	{ 

    text-align: left;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

P {
    text-align: left;
    font-size: 12px;
}

.leftcol {

    background-color: #E8E8DD;
    color: #993333;
    text-align:left;
    width:200px;

}
.rightcol {
    background-color:    white;
    border: 2px solid #E7EBDE; /*THEME CHANGE HERE*/
}
.leftcol2 {
    background-color:#E8E9F7;

}

.leftcol2 td {
    background-color:#666666;
    color:#003466;
    text-align:left;
    width:200px;
    white-space: nowrap;
}
.tableHeader {

    color: #993333;
    font-size:14px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
    margin-left: 5px;
    margin-right: 5px;
    background-image:url(/images/bg_navigationhover.gif);

}

td {
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-size: 12px;
}

a {
    color: #993366;
}

#wrap {
    width:90%;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    padding: 0;

}
#indexwrap{
    width:90%;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    padding: 0;
}
div#navigation {

    width: 100%;
    padding-bottom: 0.1px;
    background-image:url(/images/bg_navigationhover.gif);

}


.geneCard {

    position: relative;
    padding:5px;
    margin-top: 0px;
    margin-bottom: 5px;
    background-color:#E8E8DD;
    border:2px solid black;
    border-style: groove;
    font-size: 10pt;
}

div#navigation ul {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #993333;
    white-space: nowrap;
    background-image:url(/images/bg_navigationhover.gif);
    padding-top: 10px;
}
div#navigation li {
    list-style-type: none;
    display: inline;
    background-image:url(/images/bg_navigationhover.gif);
    padding: 0;
    padding-top: 10px;
    white-space: nowrap;
}
div#navigation li a {
    text-decoration: none;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-top: 10px;
    padding: 10px 10px;
    color:#993333;
    background-image:url(/images/bg_navigationhover.gif);
}
div#navigation li a:link {
    color: #993333;
}

div#navigation li a:hover {
    color: #996666;
    background-image:url(/images/bg_navigationhover.gif);
    padding-top: 10px;
}
.resultsContent {
    position:relative;
    width:90%;
    background-color:#FFFFFF;
    margin-top: 10px;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}

.content {
    position:relative;
    vertical-align: text-top;
    width:90%;
    background-color:#FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 25px;
}

.contentCenter {
    position:relative;
    vertical-align: text-top;
    width:70%;
    background-color:#FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 25px;
    text-align:justify;
}
.contentHome{

    position:relative;
    vertical-align: text-top;
    width:90%;
    background-color:#FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
}
#main-copy {
    color: black;
    background-color: white;
    text-align: justify;
    line-height: 1.5em;
    margin: 0 0 0 12.5em;
    padding: 0.5ex 15em 1em 1em;
    border-left: 1px solid #999999;
}

.overview {
    position:relative;
    vertical-align: text-top;
    width:800px;
    background-color:#FFFFFF;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5;
}

.intro {
    vertical-align: text-top;
    width:600px;
    background-color:#FFFFFF;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.news {
    position:absolute;
    top:0;
    right:0;
    float:right;
    vertical-align: text-top;
    width:15%;
    background-color:#FFFFFF;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-bottom: 15px;
    clear: none;

}

.centerContent {
    position:relative;
    width: 55%;
    top:0;
    left:0;

}

.newsLeft {
    position:absolute;
    top:0;
    left:0;
    float:left;
    vertical-align: text-top;
    width:20%;
    background-color:#FFFFFF;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    margin-top: 0px;
    margin-right: 15px;
    margin-left: 0px;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-bottom: 15px;
    clear: none;

}

.indexHeader{
    width:1024px;
}
.picture{
    float:right;
    vertical-align: text-top;
    background-color:#FFFFFF;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    padding: 3px;
    margin-bottom: 15px;
    clear: right;
}


.news .newsTitle {
    color: #993333;
    background-color: #999999;
    line-height: 1.25em;
    margin: 0;
    padding: 5;
    display: block;
    background-image: url(/images/bg_navigationhover.gif);
}
.newsLeft .newsTitle {
    color: #993333;
    background-color: #999999;
    line-height: 1.25em;
    margin: 0;
    padding: 5;
    display: block;
    background-image: url(/images/bg_navigationhover.gif);
}



.footer {
    position:relative;
    vertical-align: middle;
    top:50px;
    width:800px;
    margin-left: auto;
    margin-right: auto;
    text-align:justify;
    font-size: -3pt;
    font-family: Arial, Helvetica, sans-serif;
}

.header { 
    vertical-align: text-middle;
    align:center;
    vertical-align: middle;
    width:90%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-size:14pt;
}

.sidebar {
    position:absolute;
    width:140px;
    top:270px;
    left:215px;
    margin-left: auto;
    margin-right: auto;
    image-align:center;
    padding:5px;
    text-align:left;
    background-color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.genome_menu {
    position:relative;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color:white;
    padding:5px;
    border:1px solid black;
    text-align:left;
    word-wrap: break-word;
    font-size: 10pt;
    border-style: groove;
    line-height: 1.4em;
}

.chromosome_menu {
    position:relative;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color:white;
    padding:10px;
    border:1px solid black;
    text-align:left;
    word-wrap: break-word;
    font-size: 10pt;
    border-style: groove;
    line-height: 1.4em;
}

.search_menu {

    position:relative;

    margin-top: 5px;

    margin-right: 5px;

    margin-left: 5px;

    margin-bottom: 5px;

    background-color:white;

    padding:10px;

    border:1px solid black;

    text-align:center;

    word-wrap: break-word;

    font-size: 10pt;

    border-style: groove;

    line-height: 1.4em;

}

.comparison_menu {

    font-size: 10pt;

    position:relative;

    background-color:white;

    padding:20px;

    border:1px solid black;

    text-align:center;

    word-wrap: break-word;

    font-size: 10pt;

    border-style: groove;

    line-height: 1.4em;

}



.sequence {

    position:relative;

    margin-top: 10px;

    margin-right: 10px;

    line-height: 9pt;

    background-color:white;

    padding:10px;

    border:1px solid black;

    font-family: Courier;

    font-size: 8pt;

    text-align:justify;

    border-style: groove;



}



.box {

    position: relative;

    width: 700px;

    margin-top: 10px;

    background-color:#E8E8DD;

    padding:10px;

    border:2px solid black;

    border-style: groove;

    font-size: 10pt;

}



.resultsBox {

    position: relative;

    padding:5px;

    margin-top: 0px;

    margin-bottom: 5px;

    background-color:#E8E8DD;

    border:2px solid black;

    border-style: groove;

    font-size: 10pt;

}






.main_image {

    width:1024px;
    left:0px;
    right:0px

}

.extraWide_resultsContent{

    position:relative;
    width:1200px;
    background-color:#FFFFFF;
    margin-top: 10px;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;

}

#browseByFunctionGMenu select {
    width:500px;
}


.list_container {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
}



.simple_search_box h3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align:left;
    background: #003366;
    color: white;
}
.advanced_search_box h3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align:left;
    background: #003366;
    color: white;
}

.advanced_search_box h3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align:left;
    background: #003366;
    color: white;
}

.advanced_search_box ul {
    list-style-type: none;
    text-align: left;
}


.advanced_search_box li:hover{
    list-style-type: none;
    text-align: left;
    height: 20px;
    width: 600px;
    background-color: #E8E8DD;
    padding-top: 5px;
    padding-left:10px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.advanced_search_box li{
    list-style-type: none;
    text-align: left;
    height: 20px;
    width: 600px;
    background-color: white;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 3px;

}

.advanced_boolean_search_box {
    width:100%;
    /*padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;*/
    text-align:left;
    background-color: #E8E8DD;
}
.browse_annotation_box {
    text-align:left;


}
.browse_annotation_box a {
    text-align:left;
}
.browse_annotation_box a:hover {
    text-align:left;

}
.browse_annotation_box ul{
    list-style-type: none;
    text-align: left;
}
.browse_annotation_box li:hover{
    list-style-type: none;
    text-align: left;
    height: 20px;
    width: 150px;
    background-color: #E8E8DD;
    padding-top: 5px;
    padding-left:10px;
    padding-right: 3px;
    padding-bottom: 3px;
}
.browse_annotation_box li{
    list-style-type: none;
    text-align: left;
    height: 20px;
    width: 150px;
    background-color: white;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.browse_annotation_box h3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align:left;
    background: #003366;
    color: white;
}

.search_hint_box {
    background-color: #CCCCCC;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
.search_hint_box h3 {
    background-color: #CCCCCC;
}
.search_hint_box p {
    background-color: #CCCCCC;
}
.search_hint_box strong {
    position: relative;
    background-color: #CCCCCC;
}

.container_box{
   width:100%;
    text-align:left;
    background-color:  #E8E8DD;
}