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 a {display: block; width: 395px; height: 163px; background-image:url(../images/finalSmall.png); 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;}
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;
}

/*============HOMEPAGE SPECIFIC STYLES================*/
#home h2 {color: #0000CC;}
#home h2 a:link, 
#home h2 a:visited  {color: #CC0000}
#home .left {
	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 .left h2, 
#home .left h3, 
#home .left h4, 
#home .left h5, 
#home .left h6, 
#home .left p {padding: 0 8px;}
#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;}
#home .rightContent {padding-top: 0;}

/*======== HOME CLASS FOR APP SECTION (apparently .NET doesn't like IDs in CMS======*/
.home h2 {color: #0000CC;}
.home h2 a:link, 
.home h2 a:visited  {color: #CC0000}
.home .left {
	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 .left h2, 
.home .left h3, 
.home .left h4, 
.home .left h5, 
.home .left h6, 
.home .left p {padding: 0 8px;}
.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;}
.home .rightContent {padding-top: 0;}

/*================END HOMEPAGE STYLES==================*/

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 {
}

.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;}


/*======Sub Navigation as TABLE ==========*/
table.navSubTbl {
	border-top: 2px solid #ccc; 
	clear: both; 
	width: 100%; line-height: 14px;
	background-image: url(../images/bg_subNav.gif);
	background-repeat: repeat-x;}
table.navSubTbl td {border-right: 2px solid #fff;}	

.navSubTbl table td{width: 70px; font-weight: bold; border-right: 0;}

.navSubTbl td:hover {background-image: url(../images/bg_subNav-hover.gif);
	background-repeat: repeat-x;}	
.navSubTbl table a{display: block; padding: 8px;  width: 100%;}
.navSubTbl table a:link, .navSubTbl table a:visited {color: #FFF; text-decoration: none;}
.navSubTbl table a:hover {text-decoration: underline; color: #FFFF99; background-color: transparent;}

/*======Sub Navigation as UL ==========*/
		
.navSub {
	 border-top: 2px solid #ccc; 
	clear: both; 
	width: 100%; line-height: 14px; }
.navSub h4 {background-color: #009900; padding: 8px; margin: 0; color: #fff;}
.navSub ul {background-image: url(../images/bg_subNav.gif);
	background-repeat: repeat-x; height: 64px;}
.navSub ul, .navSub li{margin: 0; padding: 0; list-style-type: none;}
.navSub li {display: inline;float: left;}
.navSub li a{display: block; padding: 8px;  border-right: 2px solid #fff; font-weight: bold; 
	background-image: url(../images/bg_subNav.gif);
	background-repeat: repeat-x; 
    /*width: 65px; height: 44px;*/

}
.navSub li a:link, .navSub li a:visited {color: #FFF; text-decoration: none;}
.navSub li a:hover {text-decoration: underline; background-image: url(../images/bg_subNav-hover.gif);
	background-repeat: repeat-x;}

span.safeCode {font-size: 40px; color: red; display: block; margin: 20px 0;}
.reportHeading {color: #fff; padding-bottom: 10px;padding-top: 30px; font-size:16px; font-weight:bold; color:#009900;}

/*
body.app .navMain {display: none;}
/*body.app ul.navSub {padding-top: 160px;}
body.app .contentTable {margin-top: 160px;}
*/
#ContentPlaceHolder1_Menu1 a { text-decoration:none;display:block; }