@charset "utf-8";
/* CSS Document */

*{ margin: 0px; padding: 0px; border:0px;}
body{ text-align: center; background:url(images/mainBackground.jpg) repeat-y top center; font-family:"Trebuchet MS", Arial, Verdana}
h1{ font-size: 110%; color: #2e597b; background:#e6e6e6; padding: 3px 3px 3px 10px; margin-bottom: 10px;}
h2{ font-size: 100%; color: #2e597b; background:url(images/titleBullet.gif) no-repeat left; padding-left: 15px;}
h3{ font-size: 95%; color: #2e597b;}
p{ font-size: 75%; margin: 7px 0px 7px 0px;}

form b {color:red; font-size:90%;}

fieldset{ border: 1px solid #cccccc; padding: 0px 14px 7px 14px;}
legend{ color:#2e597b;}

.container{width: 798px; margin: auto; text-align: left; clear: both; padding-top: 1px; background:url(images/containerBackground.jpg) repeat-y left top;}
.containerNobg{width: 798px; margin: auto; text-align: left; clear: both; padding-top: 1px; background:none;}
.clear{ clear: both; font-size: 0px;}

#header{width: 798px; height: 76px; margin: auto; text-align: left; background:url(images/headerBackground.jpg) repeat-x;}
#header a{ color: #2e597b; text-decoration: none;}
#header a:hover{ color: #2e597b; text-decoration: underline;}
#header .left{ float: left; width: 300px; margin: 8px;}
#header .right{ float: left; width: 470px; text-align: right; font-size: 70%; margin-top: 50px}

#flash { clear: both; padding-top: 1px; margin: auto; width: 798px;}

#navigation{ clear: both; padding-top: 0px; background:url(images/navOffBackground.jpg) repeat-x bottom; text-transform:uppercase; width: 798px; margin: auto; text-align: left; height: 24px;}
#navigation li{ display: inline;}
#navigation a{ display: block; float: left; font-size: 12px; font-weight: bold; color:#FFFFFF; text-decoration: none;}
#navigation li a.home{ width: 140px; text-align: center;}
#navigation li a.on:link{ background:url(images/navOnBackground.jpg) repeat-x bottom;}
#navigation li a.on:visited{ background:url(images/navOnBackground.jpg) repeat-x bottom;}
#navigation li a.on:hover{ background:url(images/navOnBackground.jpg) repeat-x bottom;}
#navigation li a.on:active{ background:url(images/navOnBackground.jpg) repeat-x bottom;}
#navigation li a:link{ background:url(images/navOffBackground.jpg) repeat-x bottom; padding: 3px 20px 3px 20px; border-right: 1px solid #ffffff;}
#navigation li a:visited{ background:url(images/navOffBackground.jpg) repeat-x bottom; padding: 3px 20px 3px 20px; border-right: 1px solid #ffffff;}
#navigation li a:hover{ background:url(images/navOnBackground.jpg) repeat-x bottom; padding: 3px 20px 3px 20px; border-right: 1px solid #ffffff;}
#navigation li a:active{ background:url(images/navOffBackground.jpg) repeat-x bottom; padding: 3px 20px 3px 20px; border-right: 1px solid #ffffff;}

.text{ font-size: 70%; border: 1px solid #7f9db9; padding: 2px;}
.textarea{ font-size: 90%; border: 1px solid #7f9db9; padding: 2px;}
.username{ width: 159px;}
.password{ width: 115px; margin-right: 3px; float: left;}
.sub{ width: 350px; margin-bottom: 7px;}
.loginButton{ margin-top: 7px;}
.line{ border-top: 1px dotted #666666; margin: 7px 0px 7px 0px; clear: both;}
.hidden{ margin: 5px 0px 5px 0px;}
.outlook { color:#003366; font-size: 75%; margin-bottom: 15px;}

.secretAdmin{ font-size: 70%; border: 1px solid #cccccc; margin-bottom: 10px;}
.secretAdmin th{ background: #f7f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #2e597b; padding: 3px;}
.secretAdmin td{ border-bottom: 1px solid #cccccc; padding: 3px; border-right: 1px solid #cccccc;}

#rightCol{ float: right; width: 590px; padding: 7px 14px 9px 14px; }
#homePad{ padding: 14px 14px 9px 14px;}
#rightCol label{ display: block; font-size: 75%; font-weight: bold; color: #2e597b; margin-bottom: 4px;}
#rightCol .main{ margin-left: 15px;}
#rightCol .login{ width: 230px}
#rightCol li{ margin-left: 35px; font-size: 75%; list-style:square;}
#rightCol li li{ font-size: 100%; list-style:circle;}
#rightCol li li li{ font-size: 100%; list-style:square;}
#rightCol a:link{ color: #0066cc;}
#rightCol a:visited{ color: #0066cc;}
#rightCol a:hover{ color: #2e597b;}
#rightCol a:active{ color: #0066cc;}
.client{ background: #7f9db9; color:#FFFFFF; padding: 3px 0px 3px 10px; margin-bottom: 10px;}
#rightCol h4{ font-size: 85%;}
#rightCol .box{ width: 264px; float: left; padding: 7px 13px 7px 13px; height: 19em;}
#rightCol .nopad{ padding: 0px; width: 277px; margin-right: 13px;}
#rightCol .reports{ padding: 0px; width: 280px; margin-right: 13px; height: auto;}
#rightCol .reportsRight{ padding: 0px; width: 293px; height: auto;}
#rightCol .noheight{ height: auto;}
#rightCol .one{ margin-right: 10px; background: #abbcca url(images/homeBoxLeft.jpg) repeat-x top left;}
#rightCol .one h2{ border-bottom: 1px dotted #2e597b; margin-bottom: 14px;}
#rightCol .two{ background: #7792a9 url(images/homeBoxRight.jpg) repeat-x top left;}
#rightCol .two h2{  border-bottom: 1px dotted #ffffff; margin-bottom: 14px;}
#rightCol .prodHome {border: 1px solid #ffffff; padding: 7px; margin-bottom: 9px;}
#rightCol .prodHome .left{ width: 200px; float: left; margin-right: 9px;}
#rightCol .prodHome .right{ width: 39px; float: left; margin-top: 40px;}
#rightCol .prodHome p{ margin: 3px 0px 1px 0px; line-height: 110%; font-size: 70%;}
#rightCol .top {background:#abbcca url(images/homeBoxRightBg1.jpg) repeat-x top left;}
#rightCol .bottom {background:#2b5679 url(images/homeBoxRightBg2.jpg) repeat-x top left; color:#FFFFFF}
#rightCol .bottom h3{ color:#FFFFFF;}
#rightCol .weekEnding{ text-align:right; font-size: 70%; color:#cc0000; font-weight: bold; border-bottom: 1px dotted #f3f3f3;}
#rightCol .homeBox{ background: #336fb5 url(images/backgroundBlueHome.jpg) no-repeat bottom right; padding: 7px 0px 5px 15px;; margin: 0px 0px 10px 0px;}
#rightCol .homeBox p{ color:#FFFFFF; width: 400px;}
#rightCol .colOne{ }
#rightCol .colOne p{ font-weight: bold; color:#2e597b;}
#rightCol .colOne label{ display:inline; padding:0px; margin:0px;}
#rightCol .colOne input{ margin: 4px;}

#rightCol h6{ font-size: 100%; margin: 10px 0px 0px 0px; border-bottom: 1px dotted #cccccc;  color: #2e597b;}


#emailError {font-size: 70%; margin-left: 10px; margin-bottom: 10px; padding: 5px;border-style:solid; border-color: #FFAFAF;border-width: 2px;background:#FFEFEF}

.validationError {font-size:70%; color:#BB0000;}

#subscribe .left{ width: 350px; margin-right: 20px; float: left;}
#subscribe .right{ width: 200px; margin-right: 0px; float: left; color:#666666;}

.breadcrumb{ font-size: 70%; margin-bottom: 5px;}
#rightCol .breadcrumb a:link{ color:#999999;}
#rightCol .breadcrumb a:visited{ color:#999999;}
#rightCol .breadcrumb a:hover{ color:#999999;}
#rightCol .breadcrumb a:active{ color:#999999;}

#leftCol{ float: right; width: 180px; background:#e6e6e6 ; }
#leftCol p{ font-size: 70%; color: #2e597b}
#leftCol label{ font-size: 70%; font-weight: bold; display: block; color: #2e597b;}
#leftCol .productDD{ width: 164px; margin-top: 5px;}
#leftCol .login{ background: #e6ebef url(images/leftLoginBackground.jpg) repeat-x bottom left;}
#leftCol .section{ padding: 7px; border-bottom: 1px solid #ffffff}
#leftCol li{ margin-left: 0px; list-style: none; font-size: 90%; width: 180px;}
#leftCol li a{ background:#e6ebef url(images/bullet.gif) no-repeat left; color: #2e597b; border-bottom: 1px solid #ffffff; display: block; font-size: 100%; font-weight: bold; text-decoration: none; padding: 3px 0px 3px 23px; width: 157px;}
#leftCol li a:hover{background: #e6ebef url(images/bullet.gif) no-repeat left;font-weight: bold; color: #2e597b;}
#leftCol li a.on{background: #e6ebef url(images/bullet.gif) no-repeat left;font-weight: bold; color: #2e597b;}
#leftCol li li a{ background:#e6ebef url(images/subBullet.gif) no-repeat left; color: #285477; border-bottom: 1px solid #ffffff; display: block; text-decoration: none; padding-top: 3px; font-weight: normal; padding-left: 27px;width: 152px;}
#leftCol li li a:hover{background: #95a8b7 url(images/subBullet.gif) no-repeat left; font-weight: normal; color:#FFFFFF}
#leftCol li li a.on{background: #95a8b7 url(images/subBullet.gif) no-repeat left; font-weight: normal; color:#FFFFFF}
#leftCol li li{ margin-left: 0px;}
#leftCol li li li a{ background:#d6dde4 url(images/subSubBullet.gif) no-repeat left; color: #285477; border-bottom: 1px solid #ffffff; display: block; text-decoration: none; padding-left: 34px; width: 145px;}
#leftCol li li li a:hover{background: #95a8b7 url(images/subSubBullet.gif) no-repeat left; color:#FFFFFF}
#leftCol li li li a.on{background: #95a8b7 url(images/subSubBullet.gif) no-repeat left; color:#FFFFFF}
#leftCol li li li{ margin-left: 0px;}


#footer{ width: 798px; margin: auto; clear: both; border-top: 1px dotted #999999;}
#footer p{ font-size: 65%; text-transform:uppercase; color:#666666}
#footer div{ border-top: 1px dotted #999999; margin: 10px 0px 20px 0px;}