* { padding: 0px; margin: 0px; }
body { background: #969696; margin: 35px 0 40px 15px;}
body, th, td { font-family: Times New Roman; font-size: 13px;}
img { border: 0; display: block }
a { color: #F36F2C; text-decoration: underline; }
a:hover { background: #F36F2C; color: white; text-decoration: none; }
.clear { clear: both; }

#container { }

#envelope { float:left; width:870px;}
#envelope #top { height: 175px; width: 855px; margin: 0 0 7px 0; }
#envelope #top a#logo { display: block; background: white url(../images/logo.gif); height: 175px; width: 285px; margin: 0 0 0 10px; float: left; }
#envelope > #top a#logo { margin: 0 0 0 21px; }
#envelope #top img#section_img { width: 175px; height: 175px; display: block; float: left; margin: 0 0 0 7px; }
#envelope #top ul#langs { margin: 0; padding: 0; float: right; }
#envelope #top ul#langs li { list-style: none; width: 120px; text-align: right; }
#envelope #top ul#langs li.curr { background: white; color: #FF6F21; padding: 4px 8px 4px 8px; }
#envelope #top ul#langs li a { background: #787878; color: white; text-decoration: none; display: block; width: 120px; padding: 4px 8px 4px 8px; }
#envelope #top ul#langs li a:hover { background: white; color: #FF6F21; }

#envelope #bottom { width: 100%; clear: both; }
 
#envelope #bottom { float: left; width: 305px; }
#envelope #bottom #left { float: left; width: 100%; }
#envelope #bottom ul#menu_0 { width: 100%; float: left; font-size: 13px; }
#envelope #bottom ul#menu_0 li { list-style: none; text-align: right; float: right; }
#envelope #bottom ul#menu_0 li a { text-decoration: none; color: white; display: block; width: 305px; float: right; background: url('../images/menu_back_a.gif'); }
#envelope #bottom ul#menu_0 li a:hover { background: url('../images/menu_back_a.gif'); color: #F46F2C; cursor: pointer; }
#envelope #bottom ul#menu_0 li a span { display: block; float: right; padding: 3px 4px; }
#envelope #bottom ul#menu_0 li a:hover span { background: white; }
#envelope #bottom ul#menu_0 li.curr { background: url('../images/menu_back_curr.gif'); color: #F46F2C; width: 305px; }
#envelope #bottom ul#menu_0 li.curr span { padding: 3px 4px; display: block; background: white; float: right; }

#envelope #bottom ul#menu_1 { width: 305px; float: left; font-size: 13px; margin-top: 7px; }
#envelope #bottom ul#menu_1 li { list-style: none; text-align: right; float: right; }
#envelope #bottom ul#menu_1 li a { text-decoration: none; color: white; display: block; width: 305px; float: right; background: url('../images/menu_back_a.gif'); }
#envelope #bottom ul#menu_1 li a:hover { background: url('../images/menu_back_a.gif'); color: #F46F2C; cursor: pointer; }
#envelope #bottom ul#menu_1 li a span { display: block; float: right; padding: 3px 4px; }
#envelope #bottom ul#menu_1 li a:hover span { background: white; }
#envelope #bottom ul#menu_1 li.curr { background: url('../images/menu_back_curr.gif'); color: #F46F2C; width: 305px; }
#envelope #bottom ul#menu_1 li.curr span { padding: 3px 4px; display: block; background: white; float: right; }
#envelope #bottom ul#menu_1 li.close a { background: url('../images/menu_back_close.gif'); color: #F46F2C; cursor: pointer; }
#envelope #bottom ul#menu_1 li.close a span { display: block; float: right; padding: 3px 4px; background: white; color: #F46F2C; }
#envelope #bottom ul#menu_1 li.close a:hover { background: url('../images/menu_back_close.gif'); color: #F46F2C; cursor: pointer; }

#envelope #main { float: left; padding: 0px; margin: 0px 0px 0px 7px; width:550px;}

#footer { width: 835px; float: left; clear: both; margin: 10px 0 0 0; padding: 0 0 0 20px; }
#footer .left_foot, #footer .right_foot {color: #595757 !important;}
#footer a { color: #595757; text-decoration: none; }
#footer a:hover { color: white; }

#sidebar { padding:0 7px 0 0; position:absolute; left:877px; width:auto; }
#sidebar .banner { padding-bottom: 7px; float:right; clear:both;}

.art_close { width: 176px; height: 176px; $height: 168px; float: left; background: white; margin: 0 7px 7px 0px; color: #F46F2C; overflow: hidden; }
.art_close .art_close_wrapper { display: block; float: left; padding: 5px; margin: 0px; }
.art_close ul { margin: 0; padding: 0 0 0 13px; $padding: 0 0 0 15px; }
.art_close p { margin: 0 0 5px 0; }

.art_open { float: left; display: block; color: #595959; height: 349px; overflow: hidden; width: 572px; letter-spacing: 1.15px; font-size: 12px; }
.art_open h2 { color: #f46f2a; font-size: 14px; font-weight: bold; margin-bottom: 20px; }
.art_open h3 { color: #5a5a5a; font-size: 14px; font-weight: bold; margin-top: 18px; }
.art_open p {}
.art_open ul {}
.art_open ul li { background: url("../images/square.png") no-repeat left 4px; padding-left: 12px; }
.art_open .text { padding: 5px; background: white; }
.art_open img.close { float: left; }
.jScrollPaneContainer a.jScrollArrowUp { background: url(../images/up_arrow.png) no-repeat 0 0;}
.jScrollPaneContainer a.jScrollArrowUp:hover {background-position: 0 -21px;}
.jScrollPaneContainer a.jScrollArrowDown {background: url(../images/down_arrow.png) no-repeat 0 0;}
.jScrollPaneContainer a.jScrollArrowDown:hover {background-position: 0 -21px;}
.jScrollPaneContainer a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -42px;}
.jScrollPaneContainer .jScrollPaneTrack {background: #787878;}
.jScrollPaneContainer .jScrollPaneDrag {background: white no-repeat 50% 50%; height: 10px !important; }
.jScrollPaneContainer .scroll-pane {background: #787878;}