@charset "utf-8";
/* main.CSS FOR CSI Site */

body {
	background: #e2e3e4 url(/images/bg_body.gif) repeat-x;
	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;}

h1 a {display: block; width: 395px; height: 163px; background-image:url(/images/logo_csi-masthead.gif); background-repeat: no-repeat;}
h1 {text-indent: -9999px;}
h2 {color: #009900; font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; line-height: 1em; font-size: 18px;}
.specialText {color: #0000CC;}
#home h2 a:link, #home h2 a:visited  {color: #CC0000;}
h3 {color: #999; font-family:Arial, Helvetica, sans-serif;  margin-bottom: 0.5em; font-style: italic; font-size: 14px;}
h4 {font-size: 12px; margin-top: 8px; margin-bottom: 0.5em;}
h5 {font-size: 11px; margin-bottom: 0; margin-bottom: 0.5em;}

.right h4 {color: #0000CC;}
p {margin: 0 0 1.2em 0;}
a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:hover {
	color: #0000FF;
	background-color: #FFFF99;
}

.wrapper {width: 660px; margin: 0 auto; background-color: #FFF; position: relative;}
.masthead {position: absolute; left: 14px; top: 0; }
.login {
	position: absolute; left: 395px; top: 0; 
	height: 163px; background-image:url(/images/bg_masthead.gif); background-repeat: no-repeat;
	width: 230px; }
.login h5 {margin-top: 16px;}
.login h5, .login p, .login table.entryform {margin-left: 24px;}		
.content {
	background-color: #FFF;
	padding: 24px 260px 24px 222px;
	position: relative;
}
.contentTable {width: 630px; margin-left: 4px;}
.homecontentTable {width: 630px; margin-left: 12px;}
.navMain {margin: 0 auto; width: 645px; padding-top: 163px; height: 58px; clear: both; }

.navMain ul {margin: 0; padding: 0; list-style-type: none; }
.navMain li {margin: 0; padding: 0;  float: left;
	}
.navMain li a {display: block; width: 130px; height: 58px;}
.navMain li a span {display: none;}

#homelink {position: absolute; top: 4px; left: 180px; font-weight: bold;}
#homelink a:link, #homelink a:visited {color: #333;}

li.m1 a {background-image:url(/images/nav_mission.gif); background-repeat: no-repeat; width: 155px;}
li.m2 a {background-image:url(/images/nav_safes.gif); background-repeat: no-repeat; width: 136px;}
li.m3 a {background-image:url(/images/nav_benefits.gif); background-repeat: no-repeat; width: 117px;}
li.m4 a {background-image:url(/images/nav_faq.gif); background-repeat: no-repeat; width: 85px;}
li.m5 a {background-image:url(/images/nav_contact.gif); background-repeat: no-repeat; width: 148px;}

li.m1 a:hover,
li.m2 a:hover,
li.m3 a:hover,
li.m4 a:hover,
li.m5 a:hover {background-position:0 -58px;}

body#mission li.m1 a,
body#safes li.m2 a,
body#benefits li.m3 a,
body#faq li.m4 a,
body#contact li.m5 a {background-position:0 -116px;}



.login {font-size: 10px; /*padding-top: 2px;*/}
.login input {font-size: 10px;}
.login td {padding: 1px 4px;}
.left {padding: 0 8px 12px 12px; vertical-align: top;}
.right {	
	width: 240px;
	background-color: #2261be;
	vertical-align: top;
	background-image:url(/images/bg_blueGrad.gif);
	background-repeat: repeat-x;
}
 .leftMain {
	padding: 0 0 0 0;
	vertical-align: top;
	width: 240px;
	background-color: #2261be;
	color: #FFF;
	background-image:url(/images/bg_blueGrad.gif);
	background-repeat: repeat-x; }

#home td.right {
	width: auto;
	padding: 0 0px 12px 0px; 
	background-color: #fff;
	vertical-align: top;
	color: #000;
	vertical-align: top;
	background-image:none;
}
#home .contentTable {margin-left: 12px;}

body#mission .right,
body#safes .right,
body#benefits .right,
body#faq .right, body#contact .right {background-image:url(/images/bg_greyGrad.gif);
	background-repeat: repeat-x; background-color: #FFF;}

.rightContent {padding: 12px 8px 12px 12px; }
.rightContent a:link {color: #0000FF;}
.rightContent a:visited {color: #0000FF;}
.rightContent a:hover {
}
#home .rightContent {padding-top: 0;}
.footer {text-align: center; color:#999; font-size: 75%; padding: 16px;}

.tableForm {/*border: 1px solid #CCC;*/}
.tableForm th {text-align: right; padding: 2px 4px; /*width: 175px;*/ width: 30%;}
.tableForm td {padding: 2px 4px;}


.callout {padding: 12px; background-image:url(/images/bg_greenGrad.gif); background-repeat: repeat-x; background-color:#E9FFD3;}
.callout a:hover {background-color: transparent;}
test{color: #009900; font-family: Arial, Helvetica, sans-serif; margin: 0.5em 0; line-height: 1em;
}
.td reportHeading {padding-top: 10px; font-size:14px; color:#0C0;}