html {
    overflow-y: scroll !important;
    height: 100%;
    margin: 0;
    padding: 0;            
}    
body {
    height: 100%;
    margin: 0;
    padding: 0;        
}
body, div, p, address, table, tbody, td, th {      
    color: #333333 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}
pre {
    color: #333333 !important;
    font-size: 12px !important;
}
body.bg {
    background-color: #787877;
    background-image: url(/images/website/background-fade.png);
    background-repeat: repeat-x;
}
div#container {
    min-height: 100%;
    background-color: white;
    background-image: url(/images/website/shadow-main.png);
    width: 910px;
    margin: 0 auto;
    position: relative;

}
div#shadowFadeLeft {
    min-height: 656px;
    background-image: url(/images/website/shadow-fade-left.png);
    background-repeat: no-repeat;           
}
div#shadowFadeRight {
    min-height: 656px;
    background-image: url(/images/website/shadow-fade-right.png);
    background-repeat: no-repeat;
    background-position: top right;
}
div#top {
    background-image: url(/images/website/top.png);
    background-repeat: no-repeat;
    height: 33px;
    padding-left: 5px;
    padding-right: 5px;
    color: white !important;
    font-size: 11px !important;
    line-height: 11px !important;
    padding-top: 11px;
    padding-left: 17px;
    padding-right: 25px;
    position: relative;
}

div#top ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 11px;
    right: 20px;
}
div#top ul li {
    padding: 0;
    margin: 0;
    padding-left: 35px;
    float: left;
    background-image: url(/images/website/top-menu-li-separator.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
div#top ul li.first {
    padding-left: 0;
    background: none;
}

div#top a {
    color: white !important;
}
div#top select {
    position: absolute;
    top: 6px;
    margin-left: 10px;
}

div#menuContainer {
    height: 195px;
    background-image: url(/images/website/menu-bottom-shadow.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}

div#menu {
    position: absolute;
    top: 158px;
    right: 6px;
}
div#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#menu ul li {
    float: left;
    margin: 0;
    padding: 0;
    background-image: url(/images/website/menu-item-bg.png);
    height: 22px;
    width: 134px;
    display: block;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 13px !important;
    text-transform: uppercase;
    padding-top: 10px;
    position: relative;
    cursor: pointer;
}
div#menu ul li.left {
    background-image: url(/images/website/menu-item-bg-left.png);
    width: 132px;            
}
div#menu ul li.right {
    background-image: url(/images/website/menu-item-bg-right.png);
    width: 136px;            
}

/* submenu */
div#menu ul li ul {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
    background-color: #4b4b4b;
}
div#menu ul li:hover ul {
    display: block;
}
div#menu ul li ul li {
    float: none;
    background: none;
    background-color: white;
    height: auto;
    margin: 1px;            
    /*padding: 5px 13px;*/
    padding: 0;
    text-align: left;
    text-transform: none;
    /*width: 108px;*/
    width: 134px;
}
div#menu ul li ul li:hover {
    background-color: #a80d30;
    
}

div#menu ul li a {
    color: white !important;

    display: block;
}

div#menu ul li:hover,
div#menu ul li:hover a {
    color: #cfcfcf !important;
    text-decoration: none !important;
}

div#menu ul li:hover ul li a,
div#menu ul li       ul li a {
    color: #4b4b4b !important;
    padding: 5px 13px;
}

div#menu ul li:hover ul li:hover a,
div#menu ul li       ul li:hover a {
    color: white !important;
}



div#menu.ar ul li{
    font-size: 13px;
}


div.collapseMargin {
    margin-bottom: 40px;
    border-top: 1px solid white;
}

div#left {
    width: 204px;
    float: left;
    padding-left: 23px;
}


div.box {
    background-image: url(/images/website/box-middle.png);
    background-repeat: repeat-y;
    background-position: top left;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid white;
}
div.box div {
    background-image: url(/images/website/box-top.png);
    background-repeat: no-repeat;
    background-position: top left;
}
div.box div div {
    background-image: url(/images/website/box-bottom.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 8px;
    padding-right: 10px;
    padding-top: 11px;
    padding-bottom: 15px;
}

div.image.box div div {
    padding: 1px 4px 5px 2px;
}

div.image.box a {
    display: block;
}


div.image.box.highlight:hover {
    background-image: url(/images/website/box-middle-active.png);
}
div.image.box.highlight:hover div {
    background-image: url(/images/website/box-top-active.png);
}
div.image.box.highlight:hover div div {
    background-image: url(/images/website/box-bottom-active.png);
}

div.image.box:hover > div > div > a > div > img {
    visibility: hidden;
}

div.image.box div div div,
div.image.box.highlight div div div,
div.image.box.highlight:hover div div div,
div.box div div div,
div.box.padded div div div {
    background: none;
    padding: 0;
}

     

div#content {
    margin-left: 262px;
    margin-right: 70px;
}

div#contentAreaPadding {
    padding-bottom: 80px;
}

div#content.oneCol {
    margin-left: 23px;
}


div#footer {
    color: #afafaf !important;
    position: absolute;
    bottom: 0;
    width: 890px;
    text-align: center !important;
    padding: 10px;
}

a {
    color: #a80d30 !important;
    text-decoration: none  !important;
}        
a:hover {
    text-decoration: underline  !important;
}

div.box a {
    text-decoration: none;
}
div.box a:hover {
    text-decoration: underline;
}


h1 {
    font-family: Georgia, serif !important;
    font-size: 24px !important;
    font-weight: normal !important;
    margin: 1em 0;
}

h2 {
    font-family: Georgia, serif !important;
    font-size: 17px !important;
    font-weight: normal !important;
    margin: 1em 0;
}

h3 {
    font-family: Georgia, serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 1em 0;
}

h4 {
    font-family: Georgia, serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 1em 0;
}

h5 {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 1em 0;
}

h6 {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 1em 0;
}

hr {
    border: none !important;
    border-top: 1px solid #afafaf !important;
    height: 1px !important;
    margin: 25px !important;
}



.CI-Red {
    color: #a80d30 !important;
}

.CI-42 {
    font-size: 15px !important;
    color: #a80d30 !important;
}

.CI-42mr {
    color: #a80d30 !important;
    font-weight: bold !important;
}

.small {
    font-size: 10px !important;
}

div.small, p.small, address.small, table.small td, table.small th {   
    font-size: 10px !important;
}


table {
    border: 1px solid #dee1e0;
    border-collapse: collapse;
}

table.weBtn {
    border: none;
}

table th {
    color: #a80d30 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

table td {
    border: 1px solid #dee1e0;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

.noBorder {
    border: none;
}

.noBorder td {
    border: none;
}

.noBorder th {
    border: none;
}



span.editmodeHint {
	font-size: 10px;
	color: #006db8;
	font-style: italic;
	padding-bottom: 1em; 
	line-height: 150%;
}

a img {
	border: none;
}

/* fixfox  */
a:focus, a:active {
	outline: none
}


div.box img {
    display: block;
}

div#scrollBox {
height: 56pt;
overflow: hidden;
position: relative;
padding: 0 5px 5px 5px;
}

div#scroll {
position: absolute;
width:187px;
background-color: white;
}

div#scroll .newsitem {
margin-bottom: 14pt;
}
textarea#scrollTextarea {
    font-family: Verdana;
    font-size: 10px;
    width: 188px;
    overflow: auto;
}
