/*------------------- LAYOUT -------------------*/

body {margin: 0 0 10px 10px; color: #555; font: 11px Arial, Helvetica, sans-serif;}
* { margin: 0; padding: 0; }

a img {border:0;}

#main-wrapper {width: 99%; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}

.clear, .spacer {clear: both; font-size: 0em; line-height: 0px;}

#header { width: 100%; height: 60px; border-bottom: 1px solid #ccc;}
#header-wrapper { width: 900px; }
#header-wrapper1 { width: 775px; }
#header-content { padding: 20px 15px 20px  15px }

.logo { float: left; position: relative; top: -7px;}
.logo1 { float: left; position: relative; top: 1px;}
.logo-alt { float: left; position: relative; top: -6px;}

#search-area { float: right; }

#main-middle {width: 100%; border-bottom: 1px solid #ccc; height: 480px; text-align: left;}
#main-middle-sub {width: 100%; border-bottom: 1px solid #ccc; text-align: left;}
#main-middle-wrapper {width: 900px;}
#main-middle-wrapper-sub { width: 780px;}

#nav-area-content { padding: 15px 0 0 0; }
#nav-area-content-sub { padding: 15px 0 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; background-color: #222;}

#main-area { width: 748px; float: left; background-color: #222; height: 480px;}
#main-bottom {width: 100%; text-align: left;}
#main-bottom-wrapper { width: 920px; height:250px; }


#nav-area {width: 150px; border-right: 1px solid #ccc; float: left; background-color: #222; height: 480px; }
#nav-area-sub {width: 150px; float: left;}
#nav-area-bottom {width: 150px; float: left; background-color: #444; height:250px; text-align: center;}
#nav-area-content-bottom { padding: 12px; color: #fff; font-weight: bold;}

#bottom-left {width: 351px; float: left; height: 250px; border-right: 1px solid #ccc; background: url(images/fadebg.gif) repeat-x bottom;}
#bottom-left-content { padding: 20px;  text-align: left;}

#bottom-right {width: 396px; float: left; height: 250px; border-right: 1px solid #ccc; background: url(images/fadebg.gif) repeat-x bottom;}
#bottom-right-content { padding: 20px; text-align: left;}

#bottom-right-header {width: 100%; background-color: #eee; text-align: left; border-bottom: 1px solid #ccc;}
#bottom-right-header-content { padding: 10px 20px 10px 20px; font-weight: bold; color: #333;}

#bottom-left-header {width: 100%; background-color: #eee; text-align: left; border-bottom: 1px solid #ccc;}
#bottom-left-header-content { padding: 10px 20px 10px 20px; font-weight: bold; color: #333;}

#footer { width: 100%; border-top:1px solid #ccc;}
#footer-wrapper { width:899px;}
#footer-wrapper-sub { width: 775px; }

#footer-content-left {float: left; padding: 10px; font-size: 10px;}
#footer-content-right {float: right; padding: 10px; font-size: 10px; text-align: right;}

#sub-footer { width: 100%; border-bottom: 1px solid #ddd; }
#sub-footer-wrapper { width: 899px; border-right: 1px solid #ddd;}


/*------------------- STYLE -------------------*/

.ltgray {color:#bbb;}

a.topnav {color: #333; font-weight:bold; font-size:12px; font-family: arial, helvetica, verdana, sans-serif; text-decoration:none; font-weight:bold; margin:0 10px 0 10px;}

.main-headline {color: #5076B8; font-weight:bold; font-size:14px; font-family: arial, helvetica, verdana, sans-serif;}

a.main-headline {color: #444; font-weight:bold; font-size:14px; font-family: arial, helvetica, verdana, sans-serif; text-decoration:none;}

a.main-headline2 {color: #5076B8; font-weight:bold; font-size:11px; font-family: arial, helvetica, verdana, sans-serif; text-decoration:none;}

p { padding-bottom: 20px; text-align: justify; line-height:17px;}

h3 { font-size: 18px; font-weight:bold; padding: 7px 0 7px 0; color:#555;}
h4 { font-size: 14px; font-weight:bold; padding: 7px 0 7px 0; color:#5076B8;}

.search-box {font: 11px Arial, Helvetica, sans-serif; position: relative; top: -6px;}

#bottom-left-content p { padding-bottom: 13px; text-align: left;}
#bottom-right-content p { padding-bottom: 13px; text-align: left; }

#bottom-left-content ul {margin-left:15px;}
#bottom-left-content li {list-style: url(images/li_bullet.gif); padding-bottom: 10px;}

.navlist { }
.navlist ul {list-style-type: none; /*turns off display of bullet*/ font-weight: bold; margin-bottom: 9px;}
.navlist li { }
.navlist a {display: block; font-weight: normal; color: #fff; font-weight: bold; padding: 1px 0 1px 11px;}

.bluebold {color: #91B6F7; font-weight: bold;}
.dkbluebold {color: #5076B8; font-weight: bold;}

.bluebold-headline {color: #333; font-weight: bold; font-size: 13px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; width: 420px;}
.bluebold-headline-sm {font-weight: bold; font-size: 11px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd;border-top: 1px dotted #ddd; width: 420px;}
.bluebold-headline-sub {color: #555; font-weight: bold; font-size: 11px;}

a {color: #5076B8; text-decoration: underline;}
a:hover {color: #91B6F7; text-decoration: none;}

.navlist a:link, .navlist a:visited { text-decoration: none; color: #fff;}
.navlist a:hover, .navlist a:active { color: #fff; background: url(images/navbg.gif) no-repeat left center;}

#footer a { font-size: 10px; color: #777; text-decoration: none;}
#footer a:hover {font-size: 10px; color: #91B6F7; text-decoration: none}

.black { color: #333333; }

#sub-footer h5 {background-color: #777; padding:10px; color: #fff; font-size: 11px; font-weight:normal; text-align:left;}
#sub-footer a {background-color: #777; color: #ccc; font-size: 11px; font-weight:bold; text-decoration: underline; }
#sub-footer a:hover {background-color: #777; color: #ccc; font-size: 11px; font-weight:bold; text-decoration: none;}

.clienttable {margin-bottom:20px;}
.clienttable td {vertical-align:middle; text-align:center; padding:10px;}

.clienttable .border-right {border-right:1px dotted #ddd;}
.clienttable .border-bottom {border-bottom:1px dotted #ddd;}
.clienttable .border-bottom-sides {border:1px dotted #ddd; border-top:0px;}
.clienttable .border-sides {border:1px dotted #ddd; border-top:0px; border-bottom:0px;}
.clienttable .border-top {border-top:1px dotted #ddd;}
.clienttable .border-bottom-right {border-bottom:1px dotted #ddd; border-right:1px dotted #ddd;}
.clienttable .border-bottom-left {border-bottom:1px dotted #ddd; border-left:1px dotted #ddd;}
.clienttable .border-top-right {border-top:1px dotted #ddd; border-right:1px dotted #ddd;}
.clienttable .border-top-left {border-top:1px dotted #ddd; border-left:1px dotted #ddd;}

#stop-censorship {position: fixed; top: 0; right: 0; z-index: 9997; cursor: pointer;}