@import url(base.css);
@import url(content.css);

BODY {background: #FFF; color: #000; font-size: 0.75em; }

#all {min-width: 990px; position: relative; width: 100%; }

#all,
#top {background-image: url(../i/topBgL.jpg); }

#top {background-color: #339; color: #FFF; width: 100%; }
#topA {background-image: url(../i/topBgR.jpg); background-position: right bottom; height: 200px; width: 100%; }

#logo {background-image: url(../i/logo.gif); margin: 0; position: absolute; left: 265px; top: 121px; }

#logo,
#logo A {display: block; width: 321px; height: 17px; overflow: hidden; padding-top: 17px; }

#logo/**/,
#logo A/**/ {height: /**/0; }

#logo A {margin-top: -17px; position: relative; }

#slogan {background-image: url(../i/slogan.gif); position: absolute; left: 264px; top: 150px; overflow: hidden; padding-top: 24px; width: 399px; height: 24px; }
#slogan/**/ {height: /**/0; }

#main {width: 100%; }

#contentNAppBox {float: right; margin-left: -265px; width: 100%; }
#contentNApp {margin-left: 265px; }
* HTML #contentNApp {height: 1px; }

#contentBox {float: left; margin-right: -265px; width: 100%; }
#content {border-top: 5px solid #F63; margin-top: -5px; margin-right: 205px; padding-top: 15px; padding-bottom: 3em; position: relative; }
* HTML #content {height: 1px; }

#body_home #content {padding-bottom: 0; }
#body_home #content .blk {background: #BFD9EA; width: 100%; }
#body_home #content .blk H2 {font-size: 100%; margin-bottom: 15px; overflow: hidden; width: 100%; }

#body_home #content .blk H2 SPAN {background: #FFF; color: #F63; border-right: 6px solid #F63; float: left; padding: 0.2em 0 0.3em; padding-right: 4px; }
#body_home #content .blk H2 A {text-decoration: none; }

#body_home #content .blk .txt,
#homeMainTopic .txt {padding: 0 15px 1em; }

* HTML #body_home #content .blk .txt,
* HTML #homeMainTopic .txt {height: 1px; }

#homeMainTopic .txtNPic {width: 100%; }

#homeMainTopic .pic {float: left; padding-left: 15px; width: 120px; }
#homeMainTopic .pic/**/ {width: /**/105px; }
#homeMainTopic .pic IMG {border: 1px solid #339; vertical-align: top; }

#homeMainTopic .txt {margin-left: 120px; padding-top: 0; }
* HTML #homeMainTopic .txt {left: -3px; margin-right: -3px; position: relative; }

#body_home #content .blk .seeAlso {background: #DFECF4; padding: 1em 15px 3em; }
#body_home #content .blk .seeAlso H3 {color: #036; font-size: 100%; margin: 0; margin-bottom: 0.75em; }

#body_home #content .blk .seeAlso UL,
#body_home #content .blk .seeAlso UL LI {margin: 0; padding: 0; }

#body_home #content .blk .seeAlso UL {font-size: 0.917em; list-style: none; }
#body_home #content .blk .seeAlso UL LI {margin-bottom: 0.6em; }

#body_home #content .blk .seeAlso A {color: #369; }

#body_home #content .pair {background: #DFECF4; border-bottom: 5px solid #69C; margin-bottom: 10px; }
* HTML #body_home #content .pair {height: 1px; }
#body_home #content .pairA {margin-bottom: -5px; position: relative; }
* HTML #body_home #content .pairA {height: 1px; }
#body_home #content .pairB {border-right: 10px solid #FFF; padding-bottom: 5px; position: relative; left: -5px; width: 50%; }
* HTML #body_home #content .pairB {height: 1px; }
#body_home #content .pairC {margin-left: 5px; }
* HTML #body_home #content .pairC {height: 1px; }

.pair .blk {float: left; width: 100%; }
.pair .type2 {margin-right: -100%; position: relative; right: -10px; }

#homeMainTopic {background: #FFE5CC !important; margin-bottom: 15px; width: 100%; }

#homeMainTopic H2 {font-size: 1.5em !important; font-weight: normal; }
#homeMainTopic H2 SPAN {padding: 0.2em 10px 0.3em 0 !important; }

#homeMainTopic .info,
#homeMainTopic .info LI {margin: 0; padding: 0; }

#homeMainTopic .info {background: #FC9; list-style: none; min-height: 20px; padding-left: 15px; }
* HTML #homeMainTopic .info {height: 20px; }

#homeMainTopic .info LI {float: left; padding: 0.5em 0 0.6em; margin-right: 1.5em; }
#homeMainTopic .info LI A {color: #F63; }

#homeMainTopic .info LI.download {background-image: url(../i/iconPdf.gif); background-position: left center; padding-left: 20px; }

#bnBot {background: #339; color: #FFF; font-size: 1.5em; font-weight: bold; height: 65px; line-height: 65px; margin: 25px 0; text-align: center; width: 100%; }

#mnuCol {float: left; padding-top: 80px; padding-bottom: 25px; width: 250px; }
* HTML #mnuCol {overflow: hidden; }

#mnu {border-top: 5px solid #F63; font-weight: bold; margin-bottom: 20px; width: 100%; }
#mnu H5 {display: none; }

#mnu UL,
#mnu UL LI {margin: 0; padding: 0; width: 100%; }

#mnu UL {list-style: none; padding: 0.75em 0; }
#mnu UL LI {background-image: url(../i/mnuBull2.gif); background-position: 9px 0.6em; }

#mnu A {color: #369; display: block; padding: 0.3em 5px 0.4em 22px; text-decoration: underline; }
* HTML #mnu A {height: 1px; }
#mnu A:hover {color: #000 !important; }

#mnu .mnu_1 {background: #666; }
#mnu .mnu_1 LI {background-image: url(../i/mnuBull.gif); }
#mnu .mnu_1 A {color: #FFF; }

#mnu .mnu_2 {background: #FC9; }

#mnu .mnu_3,
#mnu .mnu_4,
#mnu .mnu_5 {border-bottom: 1px solid #69C; }

#mnu .mnu_5 {font-weight: normal; }

#counters {text-align: center; }
#counters H5 {display: none; }

#counters UL,
#counters UL LI {margin: 0; padding: 0; }

#counters UL {list-style: none; }
#counters UL LI {margin-top: 20px; }

#counters IMG {vertical-align: top; }

#app {float: right; font-size: 0.917em; padding-top: 15px; padding-bottom: 25px; width: 190px; }
* HTML #app {overflow: hidden; }

#app .blk {background: #BFD9EA; margin-bottom: 10px; }
#app .blk A {color: #369; }

#app .blk H5 {font-size: 1.09em; margin: 0; overflow: hidden; width: 100%; }
#app .blk H5 SPAN {background: #FFF; border-right: 6px solid #F63; float: left; padding: 0.2em 0 0.3em; padding-right: 4px; }

#app .blk UL,
#app .blk UL LI {margin: 0; padding: 0; }

#app .blk UL {list-style: none; margin: 1em 15px; }
#app .blk UL LI {margin-bottom: 0.8em; }

#app .blk .more {background: #69C; font-weight: bold; margin: 0; }
#app .blk .more A {color: #FFF; display: block; padding: 0.3em 10px 0.4em; }
* HTML #app .blk .more A {height: 1px; }
#app .blk .more A:hover {background: #2578CC; }
#app .blk .more A:focus {margin-right: 1px; }

#app #appProjects {background: #339; font-size: 1.09em; padding-bottom: 1.5em; }

#app #appProjects,
#app #appProjects A {color: #FFF; }

#app #appProjects A {font-weight: bold; }

#app H5,
#app H5 A {color: #F63 !important; }

#app H5 A {text-decoration: none; }
#app H5 A:hover {color: #26405B !important; }

#app #appProjects H5 {font-size: 1.5em; font-weight: normal; }
#app #appProjects H5 SPAN {padding: 0.1em 10px 0.2em 0; }

#app .blk2 {margin: 0 10px; text-align: center; }
#app .blk2 H5 {font-size: 1.5em; }

#app #appPhoto UL,
#app #appPhoto UL LI {margin: 0; padding: 0; }

#app #appPhoto UL {list-style: none; }
#app #appPhoto UL LI {margin-top: 10px; }
#app #appPhoto IMG {vertical-align: top; }
#app #appPhoto A SPAN {background-image: url(../i/appPhotoArrow.gif); cursor: pointer; display: block; margin: 0 auto; margin-top: -18px; position: relative; left: -37px; width: 15px; height: 15px; }

#app .blk2 H5,
#app .blk2 H5 A {color: #FF6633; }

#bot {background: #339; font-size: 0.917em; padding: 1em 15px; width: 100%; }
#bot/**/ {width: /**/auto; }
#bot P {margin: 0; }

#bot,
#bot A {color: #FFF; }

#bnTop {position: absolute; left: 0; top: 0; width: 100%; }
#bnTopA {background: #FFF; margin-left: 250px; height: 100px; padding-left: 15px; }
#bnTopA {overflow: hidden; }
#bnTop H5 {display: none; }

#bnTop UL,
#bnTop UL LI {margin: 0; padding: 0; }

#bnTop UL {list-style: none; padding-top: 10px; }
#bnTop UL LI {float: left; margin-right: 10px; }
#bnTop IMG {vertical-align: top; }

#serv {font-size: 0.917em; position: absolute; left: 905px; top: 25px; }

#serv UL,
#serv UL LI {margin: 0; margin-bottom: 0.3em; padding: 0; }

#serv UL {list-style: none; }

#serv,
#serv A {color: #369; }

#serv A {text-decoration: underline; }

#serv A:hover {color: #000; }