/* Neighbor Works Home Resources: Created by mellontech.com
Last updated 5/06*/

/*****************************************
Styles for both index and inner pages.
*****************************************/
body{
	background-image:url(images/bg_page.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#d2cccb;
	margin:0;
	padding:0;
	}
#separater{
	height:0;
	clear:both;
	}
#infoboxHome {
	width:159px;
	height:178px;
	float:left;
	margin-top:270px;
	margin-left:1px;
	margin-right:1px;
	}
#infobox {
	width:159px;
	height:178px;
	float:left;
	margin-left:3px;
	margin-right:2px;
	}
#infoboxtab{
	width:159px;
	height:30px;
	background-repeat:no-repeat;
	}
#infoboxcenter{
	height:134px;
	background-image:url(images/infobox_center.gif);
	background-repeat:repeat-y;
	padding-left:8px;
	padding-right:8px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	}
#infobox ul{
	list-style-position:inside;
	list-style-type:circle;
	margin-left:0;
	display:inline;
	}
#infobox li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top:3px;
	}
#infoboxcenter a{
	text-decoration:none;
	color:#000000;
	}
#infoboxcenter a:hover{
	color:#0066FF;
	text-decoration:underline;
	}
#infoboxbottom{
	width:159px;
	height:14px;
	background-image:url(images/infobox_bottom.gif);
	background-repeat:no-repeat;
	}

/***********************************
Styles for Index
***********************************/
#wrapper{
	width:698px;
	margin:0 auto;
	margin-top:56px;
	}
#plateLeft{
	height:484px;
	width:17px;
	background-image:url(images/index_plate.left.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
	}
#plateCenter{
	height:484px;
	width:664px;
	background-image:url(images/index_plate.center.jpg);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	float:left;
	}
#plateRight{
	height:484px;
	width:17px;
	background-image:url(images/index_plate.right.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
	}
	
#plateLogo{
	background-image:url(images/index_logo.jpg);
	width:162px;
	height:265px;
	background-repeat:no-repeat;
	position:absolute;
	top:63px;
	}
/*	
#plateLogo{
	margin-top:6px;
	margin-left:8px;
	margin-bottom:0px;
	padding:0px;
	width:161px;
	height:265px;
	background-image:url(images/index_logo.jpg);
	background-repeat:no-repeat;
	position:relative;
	}
*/

#flashindex{
	position:absolute;
	margin-left:160px;
	top:1px;
	width:550px;
	height:330px;
	z-index:1;
	}
#sliverbar{
	width:662px;
	height:18px;
	margin-top:252px;
	margin-left:-8px;
	margin-bottom:0px;
	padding:0;
	background-image:url(images/silverbar.gif);
	background-repeat:no-repeat;
	position:absolute;
	}
	
#corporateNav{
	margin-top:3px;
	text-align:center;
	border:1px solid #999999;
	/* The following code was commented out in favor of placing the menu on a higher z index then the Flash movie. 
		This way portions of the menu are now no longer lost beneath the Flash movie. */
	/*margin-right:10px;*/ 
	/*float:right;*/
	}
#corporateNav ul{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	}
#corporateNav li{
	font:inherit;
	margin-left:20px;
	margin-right:20px;
	padding:0;
	display:inline;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	}
#corporateNav a{
	text-decoration:none;
	color:#000000;
	}
#corporateNav a:hover{
	text-decoration:underline;
	color:#0000CC;
	}
/*************************************
Styles for Inner pages
*************************************/

#innerwrapper{
	width:670px;
	margin:0 auto;
	}
#header{
	width:670px;
	height:211px;
	background-repeat: no-repeat;
	}
#flashinner{
	position:absolute;
	margin-left:160px;
	margin-top:0;
	width:300px;
	height:270px;
	z-index:1;
	}
#mainNav{
	width:250px;
	margin-top:3px;
	text-align:right;
	position:absolute;
	z-index:2;
	margin-left:400px;
	/* The following code was commented out in favor of placing the menu on a higher z index then the Flash movie. 
		This way portions of the menu are now no longer lost beneath the Flash movie. */
	/*margin-right:10px;*/ 
	/*float:right;*/
	}
#mainNav ul{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	}
#mainNav li{
	font:inherit;
	margin-left:10px;
	padding:0;
	display:inline;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#mainNav a{
	text-decoration:none;
	color:#FFFFFF;
	}
#sectiontitle{
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#000000;
	margin-left:10px;
	margin-top:15px;
	}
#content{
	width:480px;
	margin-top:20px;
	margin-right:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	float:right;
	}
#contentTitle{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	border-bottom:solid 1px #000000;
	}
.title{
	display:block;
	width:480px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	border-bottom:solid 1px #000000;
	}
.anchorback{
	font-size:9px;
	text-transform:uppercase;
	}
#footer{
	border:solid 1px #666666;
	width:480px;
	margin-top:20px;
	margin-right:11px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	float:right;
	text-align:center;
	}

/*****************************************
Styles for Application
*****************************************/
.appTL{
	background-image:url(images/appBG_top.left.gif);
	background-repeat:no-repeat;
	height:19px;
	width:17px;
	}
.appTC{
	background-image:url(images/appBG_top.center.gif);
	background-repeat:repeat-x;
	height:19px;
	width:664px;
	}
.appTR{
	background-image:url(images/appBG_top.right.gif);
	background-repeat:no-repeat;
	height:19px;
	width:17px;
	}
.appSL{
	background-image:url(images/appBG_side.leftbg.gif);
	background-repeat:repeat-y;
	}
.appSR{
	background-image:url(images/appBG_side.rightbg.gif);
	background-repeat:repeat-y;
	}
.appCenter{
	background-color:#eae9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	width:664px;
	}
.appBL{
	background-image:url(images/appBG_bottom.left.gif);
	background-repeat:no-repeat;
	height:19px;
	width:17px;
	}
.appBC{
	background-image:url(images/appBG_bottom.center.gif);
	background-repeat:repeat-x;
	height:19px;
	width:664px;
	}
.appBR{
	background-image:url(images/appBG_bottom.right.gif);
	background-repeat:no-repeat;
	height:19px;
	width:17px;
	}
#appLogo{
	background-image:url(images/appLogo.jpg);
	width:162px;
	height:372px;
	background-repeat:no-repeat;
	position:absolute;
	top:63px;
	}