* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {color: #fff; font: 11px/1.3em verdana, tahoma, sans-serif; background: #5e91b4}
/* --- */
html, body {height: 100%; margin: 0; padding: 0;}
#all {position: relative; height: 100%;}
html>body #all {height: auto; min-height: 100%;}
#empty, #footer {height: 12px; clear: both;}
#empty {height: 100px;}
#footer {position: absolute; left: 0; bottom: 0; width: 100%;}
/* --- */
img {border: 0;}
a {color: #fff;}
a:hover {text-decoration: none;}
#wrapper {min-width: 1024px; background: #5e91b4;}
* html #wrapper {width: expression(document.body.clientWidth < 1025 ? "1024px" : "auto");}
#mainNav {width: 20%; float: left; overflow: hidden; background: #045289 url('../images/logoBg.gif') top left no-repeat;}
#logo {margin: 0 0 15px 1px;}
#logo img {margin: 0;}
#logo a {font: bold 11px/1.0em verdana, tahoma, sans-serif; text-align: center; width: 200px; display: block;}
#nav {margin: 0; padding: 0 0 50px; background: url('../images/navBg.gif') right bottom no-repeat;}
/* Level one */
#nav a {display: block; padding: 2px 0; margin: 1px 0; font: bold 13px/20px tahoma, verdana, sans-serif; text-decoration: none;}
* html #nav a {height: 20px;} /* IE 6 */
#nav a span {display: block; padding: 2px 5px 2px 20px;}
#nav a:hover, #nav a.active {background: #3675a1;}
#nav a:hover span, #nav a.active span {background: #5e91b4 url('../images/nav-level-one-active.gif') 1px 8px no-repeat;}
/* Level two */
#nav ul {list-style: none;}
#nav ul a {display: block; padding: 2px 5px 2px 32px; background: url('../images/nav-level-two.gif') 20px 8px no-repeat; color: #a0d3f6;}
#nav ul a:hover {color: #fff; background: #045289; background: url('../images/nav-level-two.gif') 20px 8px no-repeat;}
#nav ul a.active {background: url('../images/nav-level-two-active.gif') 20px 8px no-repeat; color: #fff;}
#nav ul a:hover.active {background: url('../images/nav-level-two-active.gif') 20px 8px no-repeat;}
/* Level three */
#nav ul ul a {padding: 2px 5px 2px 44px; background: none; font-weight: normal;}
#nav ul ul a:hover, #nav ul ul a.active, #nav ul ul a:hover.active {background: #1e6495 url('../images/nav-level-three-active.gif') 24px 8px no-repeat;}
#content {width: 80%; float: left; background: url('../images/contentBg.gif') repeat-x;}
#mainContent {float: left; width: 74%; background: #045289 url('../images/contentBg.gif') repeat-x;}
#mainContentTopDummy {height: 114px; background: url('../images/mainContentBg.gif') left top no-repeat;}
#wisdom {position: absolute; top: 20px; left: 40%; width: 400px;}
#wisdom a {padding: 0 10px 0 0; background: url('../images/linkArrowWhite.gif') right 5px no-repeat;}
#wisdom p {color: #bad9ef; font: bold 12px/1.3em verdana, tahoma, sans-serif; margin: 10px 0 0 20px;}
#shortAbout {background: #04538a url('../images/shortAboutBg.jpg') right top no-repeat; height: 90px; padding: 0 30px}
#shortAbout h2 {font: bold 16px/1.5em verdana, tahoma, sans-serif;}
#shortAbout p {padding: 0 30px; color: #bad9ef;}
#promo {background: #fff url('../images/promoBg.gif') left bottom repeat-x;}
* html #promo {}
#promoCorner {background: url('../images/promoCorner2.gif') right bottom no-repeat; z-index: 5; padding-bottom: 0px;}
#promoup {background: #fff url('../images/promobg_up.jpg') left top repeat-x;}
#promoup a {background: url('../images/banner_up_but.jpg') top left no-repeat;}
#promoup a:hover {background: url('../images/banner_up_but_a.jpg');}
#promoup a:active {background: url('../images/banner_up_but_a.jpg');}
#promomiddle {background: #fff url('../images/promobg_middle.jpg') left top repeat-x;}
#promobottom {background: #fff url('../images/promobg_bottom.jpg') left top repeat-x;}
#promoC {background: url('../images/promoCorner.gif') right bottom no-repeat;z-index: 5; padding-bottom: 0px;}
#inner {background: #fff; color: #04538a; background: #fff url('../images/innerTopShadow.gif') top left repeat-x;}
#innerCorner {background: transparent url('../images/innerBottomCorner.gif') right bottom no-repeat; padding: 25px 10px 30px 30px; overflow: auto;}
* html #innerCorner {height: 99%;}
#inner img {border: 1px solid #e5e5e5; margin: 0 10px 10px 0; padding: 1px; float: left; overflow: auto;}
#inner .image-wrapper {float: left; background: #fff url('../images/image-shadow.gif') bottom left no-repeat; margin: 0 10px 10px -5px; padding: 0 0 3px 5px;}
#inner .image-wrapper img {margin: 0;}
#inner h2 {font: bold 16px/1.5em verdana, tahoma, sans-serif; margin: 0 0 20px;}
#inner h1, #inner h3 {font: bold 13px/1.5em verdana, tahoma, sans-serif; margin: 0 0 10px; color: #d05d35;}
#inner p {margin: 0 0 5px; text-align: left;}
#inner table {clear: both; border-collapse: collapse; border: 1px solid #76a1bf; margin: 5px 0 10px; width: 100%;}
#inner table thead {background: #1e6596;}
#inner table thead td {color: #fff; text-align: center;}
#inner table td {border: 1px solid #76a1bf; padding: 3px 10px; color: #2D5977;}
#inner table th {}
#inner table td a {color: #04538a;}
#inner a {color: #04538a;}
#inner ul {list-style-image: url('../images/list-item.gif'); margin: 0 0 5px; padding: 0 0 0 20px;}
#inner ul li {margin: 0 0 3px;}
#inner ul#attached-images {float: left; list-style: none; margin: 0 0 0 -25px;}
* html #inner ul#attached-images {float: none; margin: 0 0 0 -12px; width: 95%;}
#inner ul#attached-images li {float: left; margin: 0; padding: 0 5px 5px 0;}
#inner ul#attached-images div:hover {position: relative; top: -5px; left: 5px;}
#inner ul#attached-images .image-wrapper {margin: 0;}
#inner ul#attached-images .image-wrapper img {margin: 0;}
* html #inner {width: 99.99%; overflow: auto;}
* html #inner table {width: 95%;}
#promoText {background: #7ea7c3 url('../images/promoTextBg.gif') bottom repeat-x;}
#promoTextWrapper {padding: 20px;}
#promoText .item {float: left; width: 40%; margin: 0 30px 0 0;}
#promoText .item h3 {font: bold 11px/1.3em verdana, tahoma, sans-serif;}
#promoText .item ul {list-style: none; margin: 10px 0;}
#promoText .item ul li {padding: 0 0 5px 10px; border-left: 1px solid #04538a;}
#promoText .item ul a {padding: 0 7px 0 0; background: url('../images/linkArrow.gif') right 5px no-repeat;}
#promoText .summary {clear: both; padding: 0 0 3px 10px; border-left: 1px solid #04538a;}
#promoTextCornerLeft {background: url('../images/promoTextCornerLeft.gif') left bottom no-repeat;}
#promoTextCornerRight {background: url('../images/promoTextCornerRight.gif') right bottom no-repeat;}
#secondaryContent {float: right; width: 26%; background: url('../images/contentBg.gif') repeat-x;}
* html #secondaryContent {width: 25.99%;}
#topNav {float: right; background: url('../images/topNavBg.gif') right top no-repeat; width: 120px; height: 114px;}
#topNav ul {list-style: none;}
#topNav li {float: left; width: 35px; overflow: hidden;}
#topNav li a {display: block; width: 22px; height: 21px; padding: 5px 0 0 6px; background: url('../images/topNav.gif'); margin: 0 0 0 5px; text-indent: -9999px;}
#topNav li a span {display: block; width: 16px; height: 13px;}
#topNav li a:hover, #topNav li a.active {background: url('../images/topNav-active.gif');}
#topNav a#home span {background: url('../images/home.gif') no-repeat;}
#topNav a#home:hover span, #topNav a#home.active span {background: url('../images/home-active.gif') no-repeat;}
#topNav a#mail span {background: url('../images/mail.gif') no-repeat;}
#topNav a#mail:hover span, #topNav a#mail.active span {background: url('../images/mail-active.gif') no-repeat;}
#topNav a#sitemap span {background: url('../images/sitemap.gif') no-repeat;}
#topNav a#sitemap:hover span, #topNav a#sitemap.active span {background: url('../images/sitemap-active.gif') no-repeat;}
#introWrapper {clear: both; background: #045289; padding: 0 0 10px 10px;}
#introWrapper h2 {font: bold 16px/1.5em verdana, tahoma, sans-serif; margin: 0 15px; padding: 56px 0 0;}
#intro {background: #eff4f7 url('../images/introLeft.gif') left repeat-y; clear: both; color: #464646; min-height: 200px;}
* html #intro {height: 200px;}
#introContent {background: url('../images/introBottom.gif') bottom repeat-x;}
#intro h3 {padding: 5px 0 0 17px; background: url('../images/introCornerTop.gif') left top no-repeat;}
#intro p {padding: 0 17px 17px; background: url('../images/introCornerBottom.gif') left bottom no-repeat;}
* html #intro p {padding: 5px 17px 17px;}
#introContentWrapper {}
#intro h3 {color: #1e6596; font: bold 13px/1.3em verdana, tahoma, sans-serif; margin: 0 0 10px;}
#intro img {border: 1px solid #045289; float: left; margin: 0 5px 5px 0;}
#intro a {color: #045289; padding: 0 7px 0 0; background: url('../images/linkArrow.gif') right 5px no-repeat;}
#lastNews {padding: 0 5px 0 27px; border-top: 1px solid #7ea7c3; background: url('../images/lastNewsBg.gif') top repeat-x;}
#lastNews h2 {font: bold 16px/1.5em verdana, tahoma, sans-serif; margin: 10px 0;}
#lastNews .item {margin: 10px 0 20px;}
#lastNews .item h5 {padding: 1px 0 4px 4px; background: #045289 url('../images/newsDateBg.gif') bottom no-repeat; width: 76px; font: normal 9px/1.3em verdana, tahoma, sans-serif;}
#lastNews .item h4 {margin: 5px 0; font: bold 11px/1.3em verdana, tahoma, sans-serif;}
#lastNews .item a.more {display: block; margin: 5px 0; padding: 0 2px 1px 5px; width: 76px; height: 14px; line-height: 11px; background: #8fb2cb url('../images/newsLinkMore.gif') no-repeat; color: #045289; text-indent: -9999px;}
#footer {background: url('../images/footerBg.gif') bottom repeat-x;}
#counters {position: absolute; top: -102px; margin: 0 0 0 10px;}
#footerInfo {position: absolute; right: 0; top: -44px; background: url('../images/footerInfoBg.gif') right bottom no-repeat; width: 537px; color: #9bbad0; height: 56px;}
#phone {position: absolute; top: -29px; left: 40px; height: 25px; padding: 60px 0 0; width: 180px; background: url('../images/footerPhone.jpg') right bottom no-repeat;}
#copyright {position: absolute; top: 30px; left: 235px; width: 120px;}
#develop {position: absolute; top: 20px; left: 348px; width: 180px; padding: 0 0 0 7px; border-left: 1px dashed #9bbad0;}
br.clear {clear: both;}
#inner table.map {border: 0; width: 370px;}
#inner table.map td {border: 0; vertical-align: top; padding: 0;}
#inner table.map td div {border: 0; background: #fff;}