body {padding: 5px 110px; margin: 0pt; margin-left: auto; margin-right: auto; width:900px; font-size: 0.75em; font-family: "Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;  background: rgb(156, 177, 198) url('../images/back_gradient.jpg') repeat-x scroll 0pt 0pt;}

#container {background-color:#bcc9da; padding:2px;}

#header {height:100px; background-color: #ffffff; background:url('../images/header_back0.jpg') right no-repeat;}
#logo {padding: 25px;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; color:#FFFFFF; padding:40px 0px 0 0; margin-right: 50px;}

#menu {height:35px; background-image:url('../images/menu_bg.gif'); margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left ; background:url('../images/menu_border.png') right no-repeat; height:35px;}
#menu a {float:left; height:35px; padding:8px 16px;  color:#fff; text-decoration:none; font-size:11px; font-family:"Trebuchet MS", arial, verdana, sans-serif; font-weight:normal; text-align:center;cursor:pointer;}
#menu a:hover {background:url('../images/menu_border.png');height:19px; color:#FFFF33;}

#main {float:left; width:100%; margin:5px 0; background: rgb(255, 255, 255);}
/*
#main a {color:#333333;}
#main a:hover {color:#000000;}
*/
#main br {line-height:15px;}

#sidebar {width:200px; float:right; padding:0 10px 10px 10px; background: rgb(255, 255, 255);}
#sidebar h3 {display: block; width: 100%; color: #fff; background-color:#B3C3D5; font-size: 12px;}
#sidebar ul {margin:0; padding:0; border-top:1px solid #ECECEC;}
#sidebar li {list-style:none; border-bottom:1px solid #ECECEC;}
#sidebar li a {color: rgb(11, 59, 195); font-weight: normal; text-decoration:none; padding:3px; display:block;}
#sidebar li a:hover {background-color:#ECECEC; color: rgb(128, 0, 0);}
#sidebar li a.active {background-color:#CECECE; color: rgb(64, 64, 64);}

#text {margin-right:225px; padding:15px 30px 30px 30px; background-color: #ffffff; text-align: justify;}
#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;}
#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:8px 0;}
#text li {margin-left:40px;}

#footer {height:40px; color: rgb(102, 102, 102); font-size:11px; background-image:url('../images/footer_bg.png'); clear:both;}
/*
#footer a {color:#FFFFFF;}
#footer a:hover {color:#DFDFDF;}
*/
#footer_left {float:left; padding:13px 0 0 30px;}
#footer_right {float:right; padding:13px 30px 0 0;}

.topmenu li { margin: 14pt 7px 0pt 0pt; float: left; }
ul { margin: 0pt; padding: 0pt; list-style-type: none; }
img { border: 0pt none ; }
.marginbottom2 { margin-bottom: 2px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom30 { margin-bottom: 30px; }
.marginbottom40 { margin-bottom: 40px; }
.margintop70 { margin-top: 70px; }
.textbold { font-weight: bold ! important; }
.version { padding: 3px; background: rgb(240, 244, 247) none repeat scroll 0% 0%; }
.colored_type1 { color: rgb(102, 102, 102) ! important; }
.colored_type2 { color: rgb(144, 166, 190) ! important; }
.colored_type3 { color: rgb(153, 153, 153) ! important; }
.black { color: rgb(0, 0, 0) ! important; }
.textsize11 { font-size: 0.92em; }
.floatleft { float: left ! important; }
.floatright { float: right ! important; }
.textright { text-align: right ! important; }
a { color: rgb(110, 140, 171); font-weight: bold; text-decoration: underline; }
a:hover { color: rgb(255, 99, 71); text-decoration: underline; }
.clear { clear: both; height: 0pt; line-height: 0pt; font-size: 0pt; }
.features li { background: transparent url('../images/arrow.jpg') no-repeat scroll 0pt 0%; padding-left: 20px; margin-bottom: 3px; }
a.gtblink { text-decoration: none; color: rgb(11, 59, 195); font-weight: normal;}
a.gtblink:hover { border-bottom: 1px dashed rgb(153, 0, 0); color: rgb(128, 0, 0); }

#menudrop {text-align:center; /*margin:0 auto;*/ position: absolute; margin-top: 0px; margin-left: -160px;}
#menudrop ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background-color: #0099FF ; width: 150px;}
#menudrop ul {display:inline-block;} 
#menudrop ul {display:inline;}
#menudrop li {margin:0; padding:0; list-style:none;}
#menudrop li {display:inline-block; display:inline;}
#menudrop ul ul {position:absolute; left:-9999px;}
#menudrop ul.level1 {display:table; margin:0 auto;}
#menudrop ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menudrop b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menudrop a {display:block; font:normal 11px verdana,arial,sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 20px;}
#menudrop ul.level1 li.level1-li a.level1-a {float:left;}
#menudrop ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menudrop ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menudrop li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menudrop li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menudrop a:hover ul {left:0; top:23px;}
#menudrop li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menudrop li.left ul a {text-align:right;}
#menudrop a:hover a:hover ul, 
#menudrop a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menudrop li.left a:hover a:hover ul, 
#menudrop li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menudrop a:hover ul ul, 
#menudrop a:hover a:hover ul ul {left:-9999px;}
#menudrop li.left a:hover ul ul, 
#menudrop li.left a:hover a:hover ul ul {left:-9999px;}
#menudrop li a.drop {background:transparent url(../images/white-down.gif) no-repeat right center;}
#menudrop li a.fly {background:transparent url(anywidth/white-right.gif) no-repeat right center;}
#menudrop li.left ul a.fly {background:transparent url(anywidth/white-left.gif) no-repeat left center;}
#menudrop li a:hover,
#menudrop li a.fly:hover {color:#fc6; white-space:nowrap;} 
#menudrop li:hover > a,
#menudrop ul li:hover > a.fly {color:#fc6; white-space:nowrap;}
#menudrop table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menudrop table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menudrop li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menudrop li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}


