@charset "utf-8";

* { margin: 0; padding: 0; outline: none; }
body { position: relative; z-index: 0; background: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #f2f2f2; font-size: 70%;  }

fieldset { float: left; width: 290px; border: 0; margin: 0 0 10px 0; padding: 0; background: transparent;}
form { float: left; width: 290px; margin: 0; padding: 0; background: transparent; }
legend { display: none; }
form div { float: left; clear: both; background: transparent; width: 290px; margin: 0; padding: 0 0 5px 0; }
label { display: block; padding: 0 0 5px 0; }
.txt { width: 280px; margin: 0; padding: 2px 5px; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; }
.area { width: 280px; height: 100px; margin: 0; padding: 2px 5px; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; }
.btn { cursor: pointer; color: #fff; background: #333; border: 2px solid #666; margin: 5px 0 0 0; padding: 1px 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 150%; } 

.error { float: left; clear: none; width: 245px; border: 1px dotted #444; margin: 0 0 15px 0; padding: 5px 10px 5px 35px; background: transparent url("../graphics/error.png") 10px 50% no-repeat; font-weight: bold!important; font-size: 120%; }
.info { float: left; clear: none; width: 245px; border: 1px dotted #444; margin: 0 0 15px 0; padding: 5px 10px 5px 35px; background: transparent url("../graphics/info.png") 10px 50% no-repeat; font-weight: bold!important; font-size: 120%; }
.ok { float: left; clear: none; width: 245px; border: 1px dotted #444; margin: 0 0 15px 0; padding: 5px 10px 5px 35px; background: transparent url("../graphics/ok.png") 10px 50% no-repeat; font-weight: bold!important; font-size: 120%; }

.alignCenter { text-align: center; }

a img { border: 0; }

h1,h2,h3,h4,h5,h6 { margin: 10px 0 10px 0; padding: 0; }
h1 { font-size: 150%; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
p { clear: both; line-height: 1.5em; margin: 15px 0 15px 0; padding: 0; }
p strong { color: #990000; font-size: 120%; }
a { color: #ccc; }

ul { float: left; clear: both; margin: 0 0 18px 20px; padding: 0; }
ul li { margin: 0; padding: 0 0 5px 0; vertical-align: middle; }
ul li img { vertical-align: middle; margin: 0; padding: 0 10px 0 0; }
ul li a { }

#container { width: 100%; margin: 0; padding: 0; background: transparent; }
#headerCon { width: 100%; clear: both; height: 121px; margin: 0; padding: 0; background: #1C1C1A url("../graphics/headerFade.jpg") 0 0 repeat-x; border-bottom: 2px solid #8C8C87; }
#header { position: relative; width: 850px; height: 121px; margin: 0 auto 0 auto; padding: 0; background: #1C1C1A url("../graphics/header.jpg") 0 0 no-repeat; }
#header h1, #header p { display: none; }

#nav { position: absolute; right: 0; width: 638px; margin: 93px 0 0 0; padding: 0; list-style: none; background: transparent; }
#nav li { position: relative; z-index: 100; float: right; margin: 0 2px 0 0; padding: 0; }
#nav li a { display: block;  background: #292824 url("../graphics/navUnderRight.jpg") top right no-repeat; color: #999; text-transform: uppercase; text-decoration: none; font-size: 90%;}
#nav li a span { display: block; margin: 0; padding: 7px 10px 6px 10px; background: transparent url("../graphics/navUnderLeft.jpg") 0 0 no-repeat; }
#nav li a:hover { background: #787870 url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff;  }
#nav li a:hover span { cursor: pointer; background: transparent url("../graphics/navOverLeft.jpg") 0 0 no-repeat; }

#nav li.active a { background: #787870 url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff;  }
#nav li.active a span { cursor: pointer; background: transparent url("../graphics/navOverLeft.jpg") 0 0 no-repeat; }

.sub { display: none; }
#nav li:hover a { background: #787870 url("../graphics/navOverRight.jpg") top right no-repeat; color: #fff;  }
#nav li:hover a span { cursor: pointer; background: transparent url("../graphics/navOverLeft.jpg") 0 0 no-repeat; }

#nav li:hover .sub { display: block; position: absolute; z-index: 200; top: 28px; left: 1px; width: 220px; list-style: none; margin: 0!important; padding: 5px 0 5px 0!important; background: #787870!important; }

.sub li { width: 220px; clear: both; margin: 0!important; padding: 0!important; }
.sub li a { display: block; width: 200px!important; margin: 0; padding: 4px 10px 4px 10px; background: #787870!important; text-transform: none!important; font-size: 90%!important; }
.sub li a:hover { background: #ccc!important; color: #444!important; }

#leftNav { float: left; width: 182px; list-style: none; margin: 0 0 10px 0; padding: 0; background: transparent; }
#leftNav li { width: 182px; margin: 0; padding: 0; }
#leftNav li a { color: #fff; display: block; width: 182px; margin: 0 0 6px 0; padding: 0 0 6px 0; border-bottom: 1px dotted #ccc; text-decoration: none; }
#leftNav li a:hover { text-decoration: underline; color: #666; }

.leftNavSub { width: 150px; list-style: none; margin: 0 0 10px 15px; padding: 0; background: transparent; }
.leftNavSub li { width: 167px!important; margin: 0; padding: 0; }
.leftNavSub li a { width: 167px!important; }

#news { float: left; clear: both; width: 495px; margin: 0 0 10px 0; padding: 0; list-style: none;  }
#news li { float: left; width: 470px; margin: 0; padding: 8px 0 8px 25px; border-bottom: 1px dotted #ccc; background: transparent url("../graphics/redArrow.gif") 0 10px no-repeat; }
#news li span { display: block; width: 70px; float: left; }
#news li a { display: block; width: 400px; float: left; text-decoration: none; margin: 0; padding: 0; color: #fff; }
#news li a:hover { text-decoration: underline; color: #666; }

#bannerCon { width: 100%; clear: both; margin: 0; padding: 0; background: #2E2E2E; }
#banner { width: 850px; overflow: hidden; margin: 0 auto 0 auto; padding: 0; background: #0D0D0D url("../graphics/banner.gif") 0 0 repeat-y; }
#bannerLeft { float: left; width: 182px; margin: 0; padding: 0 15px 0 15px; background: #990000; }
#bannerLeft h2 { font-size: 135%; letter-spacing: 0.05em; margin: 0; padding: 40px 0 20px 0; }
#bannerLeft h2 span { display: block; clear: both; }
#bannerLeft p { font-size: 110%; letter-spacing: 0.05em; margin: 0; padding: 0; }
#bannerRight { float: left; width: 638px; margin: 0; padding: 0; background: #000; }
#bannerRight img { float: left; margin: 0; padding: 0; }

#contentCon { width: 100%; margin: 0; padding: 0; background: #000; }
#content { width: 850px; overflow: hidden; margin: 0 auto 0 auto; padding: 0; background: transparent url("../graphics/content.gif") 0 0 repeat-y; }
#contentLeft { float: left; width: 182px; margin: 0; padding: 10px 15px 10px 15px; background: transparent; }
#contentLeft h3 { font-size: 125%; margin: 0; padding: 0; }
#contentLeft p { font-size: 90%; margin: 0 0 10px 0; padding: 0; }
#contentRight { float: left; width: 498px; margin: 0; padding: 10px 30px 0 30px; background: #0D0D0D; }

#logos { float: left; width: 80px; background: #333; text-align: center; margin: 0; padding: 0 0 10px 0; }
#logos p { margin: 0; padding: 15px 0 15px 0; color: #777; }

#ccomm { float: none!important; width: 850px; margin: 0 auto 0 auto; padding: 5px 0 5px 0; border-bottom: 1px dotted #666; }
#ccomm a { text-decoration: none; color: #fff; margin: 0; padding: 0; }

#footerNav { float: none!important; list-style: none; width: 850px; margin: 0 auto 30px auto; padding: 10px 0 10px 0; border-bottom: 1px dotted #666; overflow: hidden; }
#footerNav li { float: right; margin: 0 0 0 10px; padding: 0; color: #555; font-size: 90%; }
#footerNav li a { text-decoration: none; margin: 0; padding: 0 10px 0 0; color: #555; border-right: 1px solid #222; }
#footerNav li a:hover { color: #fff; text-decoration: underline; }

#googleMap { float: left; clear: both; margin: 10px 0 0 0; padding: 0; }

#address { float: left; width: 175px; background: transparent; margin: 0; padding: 0 20px 0 0; }
address { float: left; clear: both; margin: 0 0 20px 0; padding: 0; font-style: normal; }
address span { display: block; width: 175px; margin: 0; padding: 0; }

#newsBlock { }
#newsBlock h2 { font-size: 100%; margin: 0; padding: 8px 0 8px 25px; border-bottom: 1px dotted #ccc; background: transparent url("../graphics/redArrow.gif") 0 15px no-repeat; }
#newsBlock h2 span { font-size: 140%; margin: 0; padding: 0 0 0 20px;  }
#newsBlock p { padding: 0 0 0 92px; }
#newsBlock address { padding: 0 0 0 92px; }