@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 0px;
	color: #777777;
	font-size: 12px;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
	background-color: #ffffff;
}

.highlight {
	background-color:#E1E1E1;
	font-weight:bold;
}

.ClickableLink {
	text-decoration:underline;
	font-style:inherit;
	color:#00F;
	cursor:pointer;
}

.DataTableCSSSmall{
	overflow: scroll;
	overflow: auto;
	
	display: block;
	height: 115px;
}

.DataTableCSS{
	overflow: scroll;
	overflow: auto;
	
	display: block;
	height: 500px;
}

.DataTableCSS td{
	width:1px;
	white-space: nowrap;
	
	padding-right:15px;
}

.descriptionTextArea{
	width:350px;
	height:75px;
}

h1 {
	color: #25476C;
	font-size: 24px;
	font-weight: normal;
	margin: 3px 0px 25px 0px;
}
h2 {
	color: #214265;
	font-size: 18px;
	font-weight: normal;
	margin: 12px 0px 15px 0px;
}
h3 {
	color: #244669;
	margin-top: 12px;
	margin-bottom: 0px;
}
.tableheader {
	color: #214265;
	font-size: 16px;
	font-weight: bold;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
a          {
	color: #36C;
}
a:visited  { color: black; }
a:hover    { color: #5872f4; }

.container {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.formErr {
	color:#FF0000;
	font-size:9px;
}

.formInfo {
	color:#666666;
	font-size:9px;
}

/* BANNER AREA */
.bannerArea {
	width: 100%;
	height: 83px;
	background-color:#FFF;
}

.bannerArea .container {
	width: 1180px;
	height:83px;
	background-image: url(../images/banner_bkgd.png);
	background-size:cover;
}

.bannernav {
	padding-top: 20px;
	float: right;
	color: #112c4c;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a { color: #ffffff; text-decoration: none; }
.bannernav a:visited { color: #ffffff; }
.bannernav a:hover { color: #112c4c; text-decoration: none; }

.checklist li { background: none; padding-left: 0; }

/* CSS for checklists */
.checklist {
	border: 1px solid #ccc;
	list-style: none;
	height: 11em;
	overflow: auto;
	width: 27em;
	background:#FFFFFF;
	color:#000000;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label { display: block; padding: 0 0.2em 0 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777; color: #ffffff; }


.checklist2 {
	border: 1px solid #ccc;
	list-style: none;
	height: 24em;
	overflow: auto;
	width: 25em;
	background:#FFFFFF;
	color:#000000;
}
.checklist2, .checklist2 li { margin: 0; padding: 0; }
.checklist2 label { display: block; padding: 0 0.2em 0 25px; text-indent: -25px; }
.checklist2 label:hover, .checklist2 label.hover { background: #777; color: #ffffff; }


.checklist3 {
	border: 1px solid #ccc;
	list-style: none;
	height: 15em;
	overflow: auto;
	width: 54em;
	background:#FFFFFF;
	color:#000000;
}
.checklist3, .checklist3 li { margin: 0; padding: 0; }
.checklist3 label { display: block; padding: 0 0.2em 0 25px; text-indent: -25px; }
.checklist3 label:hover, .checklist3 label.hover { background: #777; color: #ffffff; }

.toplogo {
	padding-left: 30px;
	padding-top: 5px;
}
/*End checklist*/


/* TOP NAVIGATION AREA */
.topnavigationArea {
	background-color: #FFFFFF;
}
.topnavigationArea .container {
	background-color:#9C6;
	width: 1180px;
}

.topnavigationgroup {
	margin: 0px;
	float: right;
	padding-right: 1px;
}
.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
	max-width: 167px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
}

/* CONTENT AREA */
.contentArea {
	width: 100%;
	background-color: #ffffff;
}

.contentArea .header {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #f2f2f2;
}

.contentArea .container {
	padding-top: 0px;
	padding-bottom: 30px;
	background-color: #f2f2f2;
}

.contentleft {
	width: 775px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	border-right-style: solid;
	border-right-width: 1px;
}

.contentfull {
	width: 1075px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

.contentright {
	padding-top: 20px;
	float: left;
	padding-left: 10px;

	width: 260px;
}

.imageright {	
	margin-left: 5px;
	float: right;
}


/* FOOTER AREA */
.footerArea {
	width: 100%;
	background-color: #ffffff;
	background-repeat: repeat-x;
}

.footerArea a { color: #666666; text-decoration: none; }
.footerArea a:visited { color: #666666; }
.footerArea a:hover { color: #112c4c; text-decoration: none; }


.footerArea .container {
	height: 50px;
	background-color:#cfcfcf;
	background-repeat: repeat-x;
}

.copyright {
	padding-left: 40px;
	padding-top: 12px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

@media print {
  .hidden-print {
    display: none !important;
  }
}