/*Napco full site CSS*/

/*Global Rules*/
	body {
		font: 9pt arial;
		color: #666666;
/*		text-align: center;*/
		margin-top: 0;
	}

	body.black {
		background-color: #000000;
	}
	
	body.red {
		background-color: #cc0000;
	}
	
	a:link {
		color: #660000;
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #660000;
	}
	a:hover {
		text-decoration: none;
		color: #66CC00;
	}
	a:active {
		text-decoration: none;
		color: #990000;
	}

	h1 {
		color: #66CC00;
		font-family: Arial;
		font-size: 12pt;
	}

	h2 {
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -7pt;
	margin-left: 0px;
	padding: 0px;
	}
	
	.greentext {
		color: #66cc00;
	}

	img.centersq {
		margin: 2px;
	}
	img.floatright {
		float: right;
	}
	img.floatleft {
		float: left;
	}
/*End Global*/
/*2. Top and Lower Nav table style, top nav div*/
	.LowerNavigation {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		color: #FFFFFF;
		text-align: center;
		border-left: 1px solid #66CC00;
	}

	.LowerNavigationRight {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 7pt;
		color: #FFFFFF;
		text-align: center;
		border-right: 1px solid #66CC00;
		border-left: 1px solid #66CC00;
	}
	/*for the black body background pages*/
	.topwhite {
	background-color: #ffffff;
	margin: -2px -8px 0 -8px;
	left: 0px;
	top: 0px;
	}

	#topnav {
		width:  700px;
		font:  8pt Arial, Helvetica, sans-serif;
		line-height: 2.5;
		color: #666666;
		margin: 10px;
		margin: 1px auto 0 auto;
		clear: both;
	}

	#topnavimg {
		margin-right: auto;
		margin-left: auto;
		height: 15px;
		background: url("images/nav_Greenbar.gif") repeat-x;
	}
/*3. Main page wrap styles, required header and contentarea div*/
	#wrap {
		width: 700px;
		margin-left: auto;
		margin-right: auto;
	}

	#wrap_black {
		width: 700px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff url("images/bottomround.gif") bottom center no-repeat;
	}
	
	#wrap_red {
		width: 700px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffff url("images/bottomroundred.gif") bottom center no-repeat;
	}

	#header {}
	#contentarea {}
	#text {
		margin: 5px 10px 5px 10px;
		}

/*4. Mid nav div*/
	#midnav {
	background-color: #FFFFFF;
	margin: 15px 0 15px 0;
	color: #FFFFFF;
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center;
	}

/*5. Right box styles*/

	/*--175px right round --RED-- border box (narrow)--*/
	/* set the image to use and establish the lower-right position */
	.rightround_red, .right_body_red, .right_head_red, .right_head_red h3 {
		background: transparent url("images/box-red.gif") no-repeat bottom right;
	}

	/*this .right_black is for pages with a black background*/
	.right_black {
		float: right;
		text-align: left;
		width: 180px !important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		margin: 0px 15px 10px 10px;
	}
	/*this .right is for all other 175px right pages*/
	.right_red {
		float: right;
		text-align: left;
		width: 175px !important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		margin: 0px 0px 10px 10px;
	}
	.rightround_red {
		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	}
	/* set the top-right image */
	.right_head_red {
		background-position: top right;
		margin-right: -15px; /* pull the right image over on top of border */
		padding-right: 40px; /* right-image-gap + right-inside padding */
	}
	/* set the top-left image */
	.right_head_red h3 {
		background-position: top left;
		margin: 0; /* reset main site styles*/
		border: 0; /* ditto */
		padding: 5px 0 15px 15px; /* padding-left = image gap + interior padding ... no padding-right */
		height: auto !important;
		height: 1%; /* IE Holly Hack */
		font-size: .9em;
		color: rgb(255,255,255);
	}
	/* set the lower-left corner image */
	.right_body_red {
		background-position: bottom left;
		margin-right: 10px; /* interior-padding right */
		padding: 1px 0 15px 1px; /* mirror .cssbox_head right/left */
	}
	/*probably can remove this, but not 100% sure.*/
	.rightgraphic_red {
		float: right;
		text-align: left;
		width: 175px!important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		padding-right: 15px; /* use to position the box */
		margin: 0 0 10px 10px;
	}


	/*--175px right round green border box (narrow)--*/
	/* set the image to use and establish the lower-right position */
	.rightround, .right_body, .right_head, .right_head h3 {
		background: transparent url("images/box.gif") no-repeat bottom right;
	}

	/*this .right_black is for pages with a black background*/
	.right_black {
		float: right;
		text-align: left;
		width: 180px !important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		margin: 0px 15px 10px 10px;
	}
	/*this .right is for all other 175px right pages*/
	.right {
		float: right;
		text-align: left;
		width: 175px !important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		margin: 0px 0px 10px 10px;
	}
	.rightround {
		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	}
	/* set the top-right image */
	.right_head {
		background-position: top right;
		margin-right: -15px; /* pull the right image over on top of border */
		padding-right: 40px; /* right-image-gap + right-inside padding */
	}
	/* set the top-left image */
	.right_head h3 {
		background-position: top left;
		margin: 0; /* reset main site styles*/
		border: 0; /* ditto */
		padding: 5px 0 15px 15px; /* padding-left = image gap + interior padding ... no padding-right */
		height: auto !important;
		height: 1%; /* IE Holly Hack */
		font-size: .9em;
		color: rgb(255,255,255);
	}
	/* set the lower-left corner image */
	.right_body {
		background-position: bottom left;
		margin-right: 10px; /* interior-padding right */
		padding: 1px 0 15px 1px; /* mirror .cssbox_head right/left */
	}
	/*probably can remove this, but not 100% sure.*/
	.rightgraphic {
		float: right;
		text-align: left;
		width: 175px!important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		padding-right: 15px; /* use to position the box */
		margin: 0 0 10px 10px;
	}

	/*--225px right round green border box (wide)--*/
	/* set the image to use and establish the lower-right position */
	.rightround_225, .right_body_225, .right_head_225, .right_head_225 h3 {
		background: transparent url("images/box-225.gif") no-repeat bottom right;
	}
	.right_225 {
		float: right;
		text-align: left;
		width: 225px !important; /* intended total box width - padding-right(next) */
		width: 220px; /* IE Win = width - padding */
		margin: 0px 0px 10px 10px;
	}
	.rightround_225 {
		padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	}
	/* set the top-right image */
	.right_head_225 {
		background-position: top right;
		margin-right: -15px; /* pull the right image over on top of border */
		padding-right: 40px; /* right-image-gap + right-inside padding */
	}
	/* set the top-left image */
	.right_head_225 h3 {
		background-position: top left;
		margin: 0; /* reset main site styles*/
		border: 0; /* ditto */
		padding: 5px 0 15px 15px; /* padding-left = image gap + interior padding ... no padding-right */
		height: auto !important;
		height: 1%; /* IE Holly Hack */
		font-size: .9em;
		color: rgb(255,255,255);
	}
	/* set the lower-left corner image */
	.right_body_225 {
		background-position: bottom left;
		margin-right: 10px; /* interior-padding right */
		padding: 1px 0 15px 1px; /* mirror .cssbox_head right/left */
	}

	.rightgraphic_225 {
		float: right;
		text-align: left;
		width: 175px!important; /* intended total box width - padding-right(next) */
		width: 170px; /* IE Win = width - padding */
		padding-right: 15px; /* use to position the box */
		margin: 0 0 10px 10px;
	}

	/*--225px right round dark gray box--*/
	.rightbox_wide_dark, .rightbox_wide_dark_body, .rightbox_wide_dark_head, .rightbox_wide_dark_head h2 {
		background: transparent url("images/widedark.jpg") no-repeat bottom right; 
		color: #ffffff;
	} 
	.rightbox_wide_dark { 
		width: 225px !important;
		margin: 20px auto;
	} 
	.rightbox_wide_dark_head { 
		background-position: top right;
		padding: 10px 10px 0 10px;
	} 
	.rightbox_wide_dark_head h2 { 
		background-position: top left; 
		margin: 0;
		border: 0;
		padding: 25px 0 15px 10px;
		height: auto !important; height: 1%;
	} 
	.rightbox_wide_dark_body { 
		background-position: bottom left; 
		margin-right: 10px;
		padding: 0px 0 15px 10px;
	}

	/*--225px right round light gray box--*/
	.rightbox_wide_light, .rightbox_wide_light_body, .rightbox_wide_light_head, .rightbox_wide_light_head h2 {
		background: transparent url("images/widelight.jpg") no-repeat bottom right; 
		color: #000000;
	}
	.rightbox_wide_light { 
		width: 225px !important;
		margin: 20px auto;
	}
	.rightbox_wide_light_head { 
		background-position: top right;
		padding: 10px 10px 0 10px;
	}
	.rightbox_wide_light_head h2 { 
		background-position: top left; 
		margin: 0;
		border: 0;
		padding: 25px 0 15px 10px;
		height: auto !important; height: 1%;
	}
	.rightbox_wide_light_body { 
		background-position: bottom left; 
		margin-right: 10px;
		padding: 0px 0 15px 10px;
	}

	/*--175px right round dark gray box--*/
	.rightbox_narrow_dark, .rightbox_narrow_dark_body, .rightbox_narrow_dark_head, .rightbox_narrow_dark_head h2 {
		background: transparent url("images/narrowdark.jpg") no-repeat bottom right; 
		color: #ffffff;;
	}
	.rightbox_narrow_dark { 
		width: 175px !important;
		margin: 20px auto;
	}
	.rightbox_narrow_dark_head { 
		background-position: top right;
		padding: 10px 10px 0 10px;
	}
	.rightbox_narrow_dark_head h2 { 
		background-position: top left; 
		margin: 0;
		border: 0;
		padding: 25px 0 15px 10px;
		height: auto !important; height: 1%;
	}
	.rightbox_narrow_dark_body { 
		background-position: bottom left; 
		margin-right: 10px;
		padding: 0px 0 15px 10px;
	}

	/*--175px right round light gray box--*/
	.rightbox_narrow_light, .rightbox_narrow_light_body, .rightbox_narrow_light_head, .rightbox_narrow_light_head h2 {
		background: transparent url("images/narrowlight.jpg") no-repeat bottom right; 
		color: #000000;
	}
	.rightbox_narrow_light { 
		width: 175px !important;
		margin: 20px auto;
	}
	.rightbox_narrow_light_head { 
		background-position: top right;
		padding: 10px 10px 0 10px;
	}
	.rightbox_narrow_light_head h2 { 
		background-position: top left; 
		margin: 0;
		border: 0;
		padding: 25px 0 15px 10px;
		height: auto !important; height: 1%;
	}
	.rightbox_narrow_light_body { 
		background-position: bottom left; 
		margin-right: 10px;
		padding: 0px 0 15px 10px;
	}

	ul {
		padding: -20px 0 0 -20px;
	}
	li {
		margin: 5px 0 5px -10px;
	}

/*6. Left content styles*/
	/*left for 175px right*/
	#left {
		width: 460px;
		_width:430px;
		text-align: left;
		line-height:  1.3;
		float: left;
		margin-top: 10px;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	/*left for 225 right*/
	#left_225 {
		width: 445px;
		_width:430px;
		text-align: left;
		line-height:  1.1;
		float: left;
		margin-top: 10px;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	/*for the three-column layout*/
	#left_dual {
		float: left;
		width: 210px;
		text-align: left;
		margin: 10px 15px 30px 20px;
		line-height:  1.3;
		/*IE fixers*/
		_margin-left: 10px;
		_margin-right: 10px;
	}
	#leftmid {
		float: left;
		width: 210px;
		text-align: left;
		margin: 10px 0 30px 15px;
		line-height:  1.3;
		/*IE fixers*/
		_margin-left: 10px;
		_margin-right: 10px;
	}

/*7. Footer: Bottom nav div, legalese*/
	#bottomnav {
		clear:  both;
		margin:  20px 0 20px 0;
		font:  8pt Arial, Helvetica, sans-serif;
		color: #666666;
	}

	td.legalese {
		clear: both;
		margin: 10px;
		font:  8pt Arial, Helvetica, sans-serif;
		color: #666666;
		text-align: center;
	}