body{margin:0; padding:0; font:12px arial; color:#3c4142; text-decoration:none; background:url(bg.jpg); line-height:20px;}
a{color:#2a7ed8; text-decoration:none;}
#wrapper{width:981px; margin:0 auto; padding:0; background:#f1f9f4;}
.header{margin:0; padding:0;}
#menu_id{float:left; width:963px; margin:0; padding:0 9px;}
.menu{float:left; width:100%; background:url(menu_bg.jpg) repeat-x; border-left:1px solid #cce4ff; border-right:1px solid #cce4ff; height:38px;}
.menu ul{margin:0; padding:0; list-style:none; font:12px arial; color:#2d314a; text-decoration:none;}
.menu ul li{float:left; margin:0; font:12px arial; color:#2d314a; text-decoration:none; }
.menu ul li a{cursor:pointer; text-decoration:none; color:#2d314a; display:block; background:url(menu_devider.jpg) right 14px no-repeat; padding:11px 30px;}
.menu ul li.current a, .menu ul li a:hover{background:url(menu_hover.jpg) 0 0 repeat-x; color:#ffffff;}
.menu_bottom{float:left; background:url(menu_bottom.jpg) repeat-x; width:100%; padding:0; margin:0;}

#main_wrapper{float:left; width:981px; margin:0; padding:0 0 10px;}
#left_wrapper{float:left; width:216px;}


.left{float:left; background:url(left_bg.jpg) repeat-y; margin:0; padding:0;}
.left div{background:url(left_bottom.jpg) bottom center no-repeat;}
.left div div{background:url(left_top.jpg) no-repeat; width:198px; padding:20px 9px; margin:0;}
.left div div p{font:14px arial; color:#436e9d; text-decoration:none; text-transform:uppercase; font-weight:bold; border-top:1px dotted #436e9d; border-bottom:1px dotted #436e9d; padding:5px 10px; margin:0;}


.left div div ul{font:12px Arial; list-style:none; margin:10px 0; padding:0;}
.left div div ul li{padding:7px 0; display:block; border-bottom:1px solid #dfd6e3;}
.left div div ul li a{color:#2d2e35; text-decoration:none; background:url(arrow_1.jpg) no-repeat 0 7px; padding:3px 0 0 20px;}
.left div div ul li a:hover{color:#539edf;}
.left div div ul li a.selected{color:#539edf; text-decoration:underline;}


.hd1{ font: bold 14px Arial, Helvetica, sans-serif; color:#2A7ED8;}
.hd2{ font: bold 14px Arial, Helvetica, sans-serif; color:#fff;}

#right{width:755px; float:left;}
#right p{margin:0; padding:0 0 0 5px;}
h1{font:18px arial; color:#35393e; font-weight:bold; text-decoration:none; margin:0; padding:0;}


#bottom{background:url(bottom_bg.jpg) repeat-x; height:106px; clear:both; padding:20px 0 0 0;}
.bottom_main{margin:0 auto; padding:0; width:981px;}
.bottom_left{width:500px; float:left; height:5px;}
.bottom_left a{color:#2a7ed8; text-decoration:none; border-bottom:1px dotted #2a7ed8;}
.bottom_left p{margin:0; padding:0 0 0 10px;}
.bottom_right{float:right; text-align:right; padding-right:20px;}

/*.bottom_right{float:right; text-align:right; padding-right:20px; width:581px;}
.bottom_right img{float:left; margin:0;}*/


#imgrequest{ clear:both;}
.ace{
position: relative; /*leave this value alone*/
/*overflow: scroll; leave this value alone*/
/*Width of Carousel Viewer itself*/
height:80px;
padding:5px 0 0;

margin:0; /*Height should enough to fit largest content's height*/
}

.ace .anyClass{
position: absolute; /*leave this value alone*/
float:left;
left: 0;
top: 0;
overflow: hidden;
z-index: 0 !important;
visibility: visible;
width:650px !important;
}

.ace .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 0 3px;*/ /*margin around each panel*/
margin:0 10px 0 0;
width: 110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel a img {border:1px solid #c4cad1; padding:4px; background:#d3dbde; width:100px; height:75px;}
.panel a img:hover  {border:1px solid #c4cad1; padding:4px; background:#d3dbde;}