@charset "UTF-8";

/* CSS Document */

/* Globals */


body {text-align: center; font: 100%/120%  'Arial', Helvetica, sans-serif, mono;background: #FFF url(../img/main_bkg.jpg) no-repeat center top;}

html {height: 100%;}

* {padding: 0px; margin: 0px;}

img {border: none;}

.clear{clear: both;}

a {outline: none;}

/*br {display:block;margin-top: 8px;content:"";}

* html br {display:block;width: 1px; height: 8px;}*/

.indent{margin-left: 17px;}

.txtSmallpt{font-size: 11px;line-height: 12px;}

.breakSM{margin-top: 8px;}


/* CENTERING */

.pageContainer {margin-left: auto; margin-right: auto;text-align: left;padding: 0px; width: 940px;}

/* Home Link */
.homelink {float: left;position: relative;width: 200px;height: 100px;margin-top: 20px;margin-left: 14px;vertical-align: bottom;display: inline;}
.homelink a {float: left;position: relative;display: block;width: 200px;height: 100px;background: url(../img/imclogo.jpg) no-repeat top;vertical-align: bottom;}
.homelink a:hover {float: left;display: block;width: 200px;height: 100px;background: url(../img/imclogo.jpg) no-repeat bottom;vertical-align: bottom;}


/* Main Menu */

.menuContainer {top: 0px;float: left;width: 86px;margin-left: 70px;display: inline;}

* html.menuHack .menuContainer {top: -30px;float: left;width: 86px;margin-left: 70px;display: inline;}


.menuContainer ul {width: 100px; margin-top: 15px;vertical-align: bottom;}

 
.menuContainer li {list-style: none; position: relative; vertical-align: bottom;}
 
.menuContainer ul a {display: block; line-height: 18px;font-size: 12px;text-decoration: none; color: #6d6d6d; vertical-align: bottom;}
 
.menuContainer ul ul {position: absolute; display: none;border-left: 1px solid #6d6d6d;padding-left: 3px;vertical-align: bottom;}

.menuContainer ul a:hover{color: #E44044;}

.menuContainer #fill1:hover {background: url(../img/menu_fillline01.gif) no-repeat right;}
.menuContainer #fill2:hover {background: url(../img/menu_fillline02.gif) no-repeat right;}

 
.menuContainer ul li:hover ul#item1  {display: block;position: absolute;left: 100px;height: 54px; line-height: 18px;top: -15px;vertical-align: bottom;} 

.menuContainer ul li:hover ul#item2  {display: block;position: absolute;left: 100px;height: 54px; line-height: 18px;top: -25px;vertical-align: bottom;} 

.menuContainer ul li:hover ul a:hover {color: #E44044;}

ul .stateChange a {color: #E44044;}
li .stateChange a {color: #E44044;}

#item1EX{display: block;position: absolute;left: 100px;height: 54px; line-height: 18px;top: -15px;vertical-align: bottom;}

#fill1EX{background: url(../img/menu_fillline01.gif) no-repeat right;vertical-align: bottom;}

#item2EX{display: block;position: absolute;left: 100px;height: 54px; line-height: 18px;top: -25px;vertical-align: bottom;}
 
#fill2EX{background: url(../img/menu_fillline02.gif) no-repeat right;vertical-align: bottom;}

/* Client Login */

.clientContainer {float: left; width: 248px;height: 98px; margin-top: 0px;margin-left: 300px;clear: right;background: url(../img/login_bkg.png) no-repeat;display: inline;}

.clientContainer form {font-size: 10px; color: #6d6d6d; margin-top: 38px; margin-left: 28px;}

.clientContainer .loginFormButton{float: right; margin-right: 28px;padding-top: 4px; }

.clientContainer a {font-size: 9px; margin-left: 30px;text-decoration: none;}
.clientContainer a:link {color: #6d6d6d;}
.clientContainer a:visited {color: #6d6d6d;}
.clientContainer a:hover {color: #E44044;}


/* Body Content Container */
.contentContainer {width: 940px;height: 454px;margin-top: 20px;overflow: hidden;}

/* COLUMNS */

#colLeft {width: 252px; height: 454px;float: left; overflow: hidden;}

#colRight {width: 688px; height: 454px;float: left; overflow: hidden;}

/* CONTENT FRAME */

#colRight .row1 {width: 688px; height: 24px;margin: 0px;vertical-align: bottom;}

#colRight .row2 {width: 688px; height: 44px; margin: 0px;float: left;vertical-align: top;}
#colRight .row2 .row2lftcorner {width: 29px; margin: 0px;height: 44px; float: left;vertical-align: top;}
#colRight .row2 .row2rgtcorner {width: 29px; height: 44px; margin: 0px;float: right;clear: right;vertical-align: top;}

#colRight .row3lftside {width: 29px; height: 324px; margin: 0px;float: left;vertical-align: top;}
#colRight .row3rgtside {width: 29px; height: 324px; margin: 0px;float: left;clear: right;vertical-align: top;}

#colRight .row4 {width: 688px; height: 24px;margin: 0px;clear: both; height: 24px;vertical-align: top;}

/* LEFT COPY BLOCK */

.copyBlock {width: 252px;line-height: 16px; padding-top: 20px;font-size: 13px;color: #333;vertical-align: bottom;overflow: hidden;}





.redLink a {font-size: 14px;color: #E44044; text-decoration: none;vertical-align: bottom;}
.redLink a:visited {color: #E44044; }
.redLink a:hover {color: #E44044; }
.redLink img {margin-left: 140px;margin-right: -5px;vertical-align: middle;}

.greenLink a {font-size: 14px;color: #80b341; text-decoration: none;vertical-align: bottom;}
.greenLink a:visited {color: #80b341;}
.greenLink a:hover {color: #80b341; }
.greenLink img {margin-left: 140px;margin-right: -5px;vertical-align: middle;}

.blueLink a {font-size: 14px;color: #108098; text-decoration: none;vertical-align: bottom;}
.blueLink a:visited {color: #108098; }
.blueLink a:hover {color: #108098; }
.blueLink img {margin-left: 140px;margin-right: -5px;vertical-align: middle;}

.heading {color: #E44044; line-height: 22px;font-size: 16px;font-weight: bold;}


/* COPYRIGHT - FOOTER*/

.copyright {width: 380px;font-size: 9px;color: #a7a1a7;text-align: center;margin-left: auto;margin-right: auto;}
.credits {visibility: hidden;}

#engageIcon {margin-bottom: 14px;float: left;width: 82px;text-align: center;font-size: 11px;line-height: 12px;overflow: hidden;}
#connectIcon {margin-bottom: 14px;float: left;width: 82px;text-align: center;font-size: 11px;line-height: 12px;overflow: hidden;}
#measureIcon {margin-bottom: 14px;float: left;width: 82px;text-align: center;font-size: 11px;line-height: 12px;overflow: hidden;}