﻿body {/*background-color: #2F1010;*/ background-color: #220000; text-align: center; font-size: 12px; text-shadow: 0 0 0 #000; font-family: Arial, Helvetica, Sans-Serif;}
#wrapper, #divFlash {margin: 20px auto; width: 844px; height: 602px; padding: 35px; background: url(../Images/Graphics/bgCropMarks.png) no-repeat; text-align: left;}
#divFlash {background: #220000;}
#divTheme, .theme {width: 790px; height: 530px; padding: 35px 25px;}
.clear {clear: both; overflow: hidden; height: 0px;}
a {text-decoration: none; color: #AADEE9;}
a:hover {text-decoration: underline;}
a.on {color: #ffffff;}
.left {float: left;}
.right {float: right;}
.logo {margin-bottom: 25px;}
.content {height: 290px;}

#nav {color:#CCCCCC; width: 350px; height: 150px; float: left;}
#nav a {cursor: pointer;}
#nav a.selected {color:#FFFFFF;}
#nav ul {width: 75px; height: 80px; position: relative;}

#nav ul ul {position: absolute; width: 80px; top: 0px; left: 85px; display:none;}
#nav ul #overview1 {width: 55px;}
#nav ul ul ul {left: 85px; width:55px;}
#nav ul ul ul ul {left: 55px; width:100px;}


#Footer {width: 770px; float: left; margin-top: 30px; font-size: 11px; color: #AADEE9;}

.divNewsContainer {padding-top: 20px; margin-right: -25px;}
.divNews {border-top: 1px solid #F16622; padding-top: 20px; font-size: 13px; color: #AADEE9;}
.divNews div {float: left; margin-right: 10px;}
.divNews div a {display: block; margin-bottom: 3px;}
.divTwitter {position: absolute; bottom: 0px;}

.divIRM {color: #AADEE9;}
.divIRM .content {margin: 0px auto; width: 555px;}
.divIRM .content h1 {margin-bottom: 30px;}
.divIRM .content p {margin-bottom: 20px; line-height: 20px; font-weight: bold; font-size: 14px;}
.divIRM .content a {color: #F16622;}
.divIRM .content a:hover {color: #ffffff;}

.topRightContent {float: left; width: 420px; height: 150px; color: #AADEE9; font-size: 13px;}
.topRightContent .orange {color: #F16622;}
.topRightContent a {color: #ffffff;}
.topRightContent h1, .admin .content h1 {color: #F16622; font-weight: normal; margin-bottom: 10px; line-height: 17px; font-size: 14px;}
.topRightContent p {color: #ffffff; font-size: 12px;}
.flash div {float: left; height: 290px; color: #AADEE9;}
.flash .map {width: 370px; height: 290px; margin-left: -25px; margin-right: 5px; background-color: #5e5351;}
.flash .slideshow {width: 420px; height: 290px; background-color: #D2EDF3;}
.skipintro {margin: 30px; text-align: center; font-size: 10px;}
.skipintro a {color: #ffffff;}

.brownbox {font-size: 12px; color: #ffffff; height: 250px; margin-left: -25px; *margin-left: 0px; margin-right: 5px; padding: 20px; background-color: #412a28;}
.brownbox h1 {font-size: 12px; font-weight: normal; margin-bottom: 7px;}
.brownbox div {margin-left: 5px;}
.brownbox .link div {margin-bottom: 112px; margin-left: 0px;}
.brownbox .link div a {color: #ffffff;}
.imageviewer {height: 290px; *height: 300px; background-color: #D2EDF3;}
.topRightScroller {color: #AADEE9; width: 420px; height: 120px; overflow:hidden;}
.topRightScroller a {cursor: pointer; color:#FFFFFF;}
.topRightScroller a.inactive {cursor:default; display: block; color:#AADEE9; text-decoration:none;}

.infoTitles {float: left; margin-bottom: 30px;}
.infoTitles li {float: left; margin-right: 14px;}
.infoTitles li.selected a {color: #ffffff;}
.infoTitles a {cursor: pointer; font-size: 13px; color: #F16622;}
.infoTitles a:hover {text-decoration: none;}
.infoDiv div {color: #ffffff; display: none;}
.infoDiv div div,
.infoDiv div p {margin-bottom: 12px; display: inline-block;}
.infoDiv div div div {margin-bottom: 0px; width: 400px;}
.infoDiv div .bullet {float: left; width: 15px;}
.infoDiv div.selected {display: block;}


/* Scroll Bar Master Styling Starts Here */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 7px;
}
.vscrollerbar {
background: #CE5621 url(../Images/Graphics/scrollbar_scroller.jpg) no-repeat;
width: 7px;
height: 9px !important;
}
.info .vscrollerbar {
background: #ffffff url(../Images/Graphics/scrollbar_scroller_white.jpg) no-repeat;
width: 7px;
height: 9px !important;
}

.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}

.vscrollerbasebeg {
background: #CE5621 url(../Images/Graphics/scrollbar_top.jpg) no-repeat;
width: 7px;
height: 2px !important;
}
.info .vscrollerbasebeg {
background: #ffffff url(../Images/Graphics/scrollbar_top_white.jpg) no-repeat;
width: 7px;
height: 2px !important;
}
.vscrollerbaseend {
background: #CE5621 url(../Images/Graphics/scrollbar_bottom.jpg) no-repeat;
width: 7px;
height: 5px !important;
}
.info .vscrollerbaseend {
background: #ffffff url(../Images/Graphics/scrollbar_bottom_white.jpg) no-repeat;
width: 7px;
height: 5px !important;
}

/* Scroll Bar Master Styling Ends Here */



/* Start Admin styles */

table.form td {color: #ffffff; padding:3px;}
table.form td.label {color: #AADEE9; padding-right:2px; text-align:right; vertical-align:middle; font-size:10px; font-weight:bold; text-transform:uppercase;}

.dropdown {border: 1px solid #DDDDDD; background:#fff url("../images/graphics/form_textbox_bg.gif") 0px 0px repeat-x; font-size:11px; padding:1px;}
.textbox, .textbox2,.smtextbox {border: 1px solid #DDDDDD; background:#fff url("../images/graphics/form_textbox_bg.gif") 0px 0px repeat-x; width: 120px; font-size: 11px; padding:2px;}
.textbox2 {width:300px;}
.smtextbox {width:30px;}
.textarea, .textarea2 {border: 1px solid #DDDDDD; background:#fff url("../images/graphics/form_textbox_bg.gif") 0px 0px repeat-x; width: 300px; height: 80px;}
.textarea2 {height:200px;width:400px;}
.listbox {border: 1px solid #DDDDDD; background:#fff url("../images/graphics/form_textbox_bg.gif") 0px 0px repeat-x; font-size:12px; width:180px; background:#FFFFFF; margin:5px; height:100px;}
.cblist tr td {padding: 0px;}

.datagrid {color: #000000; border:1px solid #E6D2BC;}
.datagrid a {text-decoration:none;}
.headerstyletemplate {color:#F16622; font-size:10px; font-weight:bold; text-align:left; background:#372815;}
.headerstyletemplate td {padding:4px 0 4px 2px; border-bottom:1px solid #E6D2BC;}
.itemstyletemplate {background:#E6D2BC;}
.edititemstyletemplate {background:#C4DCED;}
.alternatingstyletemplate {background:#D6B48F;}
.edititemstyletemplate,
.itemstyletemplate, 
.alternatingstyletemplate {text-align:left; vertical-align:middle; padding:1px;}
.edititemstyletemplate td,
.itemstyletemplate td, 
.alternatingstyletemplate td {padding:2px; border-bottom:1px solid #EEEEEE;}
.buttonstyletemplate {text-align:right;}

#admin {overflow-y: scroll;}
#wrapper.admin {background-image: none; padding: 35px; width: 770px; height: 530px;}
.adminlist ul li {width: 130px;}
.adminlist ul li:hover ul,
.adminlist ul li.hover ul {left: 128px;}
.admin .topRightContent a {color: #AADEE9;}
.admin .content {height: auto; float: left; width: 100%; margin-bottom: 30px; color: #ffffff;}

/* End Admin styles */