@charset "utf-8";
/* CSS Document */





/* SET DEFAULTS
**************************************************/
body {
	height:				100%;
	margin:				0px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	letter-spacing:		1px;
	background:			url('/files/css/bg-body.png') repeat-y top center #333333;
}

.wrapper-cont {
	width:			100%;
	float:			left;
	background:		url('/files/css/bg-wrapper-cont.png') repeat-x center top;
}
	.wrapper {
		width:				100%;
		background:			url('/files/css/bg-wrapper.png') no-repeat center top;
	}

img { border: 0px none }
img.icon11 {
	position: relative;
	top: 2px;
}

.left { float: left }
.rght { float: right }

/* TEXT STYLES */
span.tan { color: #CCCC99 }
span.grey { color: #999999 }
span.light-grey { color: #CCCCCC }
span.green { color: #669966 }
span.red { color: #990000 }
.note {
	font-size:		10px;
	line-height:	14px;
}

/* IMAGE ROLLOVERS */
span.read-on {
	display:	inline-block;
	width:		50px;
	height:		11px;
	background: url('/files/css/read-on.gif') no-repeat left top;
} span.read-on:hover { background-position: left bottom }

span.view-all {
	display:	inline-block;
	width:		50px;
	height:		11px;
	background: url('/files/css/view-all.gif') no-repeat left top;
} span.view-all:hover { background-position: left bottom }

span.view-all-red {
	display:	inline-block;
	width:		50px;
	height:		11px;
	background: url('/files/css/view-all-red.gif') no-repeat left top;
} span.view-all-red:hover { background-position: left bottom }






/* HEADER
**************************************************/
.header-cont {
	width:		100%;
	height:		120px;
	float:		left;
	background:	url('/files/css/bg-header.png') repeat-x;
	/*border:	1px solid #FF0000;*/
}
	.header {
		width:		950px;
		height:		120px;
		margin:		0 auto;
		/*border:1px solid #999900;*/
	}




		/* LOGO
		**************************************************/
		.logo-img {
			width:		0px;
			height:		0px;
			position:	relative;
			z-index:	1;
		}
		/* ie6: position: absoulte */

		.logo-txt {
			width:		265px;
			height:		50px;
			float:		left;
			margin:		10px 0 0 150px;
		}




		/* MAIN NAVIGATION
		**************************************************/
		.nav {
			width:		950px;
			height:		33px;
			margin:		0 auto;
			background:	url('/files/css/bg-nav.png') repeat-x;
			/*border:1px solid #999900;*/
		}
		.nav ul {
			display:	inline;
			margin: 	0px;
			list-style:	none;
		}
			.nav ul a {
				font-family:	Arial, Helvetica, sans-serif;
				font-size:		14px;
				letter-spacing:	1px;
				text-decoration:none;
				color:			#FFFF66;
			}
			.nav ul li {
				float:		right;
				height:		33px;
				margin:		0 5px;
			}




		/* UTILITY NAV
		**************************************************/
		.utility {
			height:			30px;
			float:			right;
			padding:		0 0 0 20px;
			font-family:	Arial, Helvetica, sans-serif;
			font-size:		12px;
			letter-spacing:	1px;
			color:			#FFFFFF;
			background:		url('/files/css/bg-utility-left.png') no-repeat left top;
		}
		.utility a {
			font-size:		12px;
			color:			#FFFFFF;
			text-decoration:none;
		} .utility a:hover { color: #FFFF66 }

			.utility div {
				height:		30px;
				padding:	5px 20px 0 0;
				background:	url('/files/css/bg-utility-right.png') no-repeat right top;
			}
			.utility a.client {
				font-size:	10px;
				color:		#CCCCCC;
			}  .utility a.client:hover { color: #FFFF66 }
			










/* MIDDLE - PAGE CONTENT
**************************************************/
.middle-cont {
	width:			100%;
	float:			left;
}
	.middle {
		width:			1025px;
		min-height:		325px;
		margin:			0 auto;
		line-height:	18px;
	}


		/* 700 PIXEL WIDE PAGE */
		.middle .p700 {
			width:		700px;
			float:		left;
			margin:		0 0 0 43px;
			color:		#FFFFFF;
		}
			.middle .p700 .top {
				width:		660px;
				height:		60px;
				float:		left;
				padding:	5px 20px 0 20px;
				background:	url('/files/css/bg-panels/700-top.png') no-repeat center top;
			}
			.middle .p700 .mid {
				width:		660px;
				float:		left;
				padding:	0px 20px;
				background-color: #000000;

			}
			.middle .p700 .bot {
				width:		700px;
				height:		50px;
				float:		left;
				background:	url('/files/css/bg-panels/700-bot.png') no-repeat center bottom;
			}

		/* 230 PIXEL WIDE BLOCK */
		.middle .p230 {
			width:		230px;
			float:		right;
			margin:		10px 43px 18px 0;
			font-size:	10px;
			line-height:14px;
			color:		#FFFFFF;
			clear:		right;
			background: #000000;
		}
			.middle .p230 p { margin: 10px 0px; }
			.middle .p230 .top {
				width:		230px;
				margin-top: -10px;
				background:	url('/files/css/bg-panels/230-top.png') no-repeat center top;
			}
			.middle .p230 .bot {
				width:		210px;
				padding:	15px 10px 20px 10px;
				margin-bottom: -10px;
				background:	url('/files/css/bg-panels/230-bot.png') no-repeat center bottom;
			}





		.middle .breadcrumb {
			width:		100%;
			height:		30px;
			float:		left;
			font-size:	10px;
			color:		#999999;
			background:	url('/files/css/dotted-line.gif') repeat-x left 25px;
		}
			.middle .breadcrumb a {
				color: #FFFF66;
				text-decoration: none;
			} .middle .breadcrumb a:hover { color: #CCCCCC }

		.middle .line {
			width:		100%;
			height:		29px;
			float:		left;
			background:	url('/files/css/dotted-line.gif') no-repeat center 14px;
			/*border:1px solid #0000FF;*/
		}

		/* BLACK */
		.middle .row {
			width:		100%;
			float:		left;
			padding:	10px 0 10px 0;
			color:		#FFFFFF;
			/*border:1px solid #00FF00;*/
		}

		/* WHITE */
		.middle .row2 {
			width:		660px;
			float:		left;
			margin-top:	10px;
			color:		#000000;
			background: url('/files/css/bg-panels/row2-top.gif') no-repeat left top #FFFFFF;
			/*border:1px solid #FF0000;*/
		}
			.middle .row2 .row2-bot {
				padding:	15px;
				background: url('/files/css/bg-panels/row2-bot.gif') no-repeat left bottom;
			}





		/* TEXT STYLES ON BLACK */
		.middle a {
			color: #FFFF66;
			text-decoration: none;
		} .middle a:hover { color: #CCCCCC }

		.middle h1 {
			margin-top:	0px;
			padding-top:0px;
			font-size:	18px;
			font-style:	italic;
			font-weight:bold;
			color:		#CCCC99;
		} .middle h1 a { color: #CCCC99 }


		/* TEXT STYLES ON WHITE */
		.middle .row2 h2 {
			margin:		0px;
			padding:	0px;
			font-size:	14px;
			font-weight:bold;
			line-height:14px;
			color:		#990000;
		}

		.middle .row2 a {
			color: #990000;
			text-decoration: none;
		} .middle .row2 a:hover { color: #330000 }





		/* TEXT STYLES ON BLOCKS */
		.p230 h1 {
			margin-top:	7px;
			font-size:	14px;
			line-height:normal;
			font-weight:bold;
			font-style: normal;
			color:		#CCCC99;
		}
		.p230 h2 {
			margin:		6px;
			font-size:	12px;
			font-weight:bold;
			font-style: normal;
			line-height:normal;
		}

		.p230 h3 {
			margin:		4px;
			font-size:	10px;
			line-height:normal;
			color:		#669966;
		}





/* FOOTER
**************************************************/
.footer-cont {
	width:			100%;
	position:		relative;
	bottom:			0%;
	left:			0px;
	z-index:		2;
	background:		url('/files/css/bg-footer-cont.png') repeat-x bottom;
}
	.footer {
		width:			1025px;
		margin:			0 auto;
		background:		url('/files/css/bg-footer.png') no-repeat bottom;
	}




		/* LINKS
		**************************************************/
		.footer .links {
			float: 			right;
			margin:			0px 43px;
			padding:		10px 0;
			font-family:	Arial, Helvetica, sans-serif;
			font-size:		10px;
			line-height:	14px;
			color:			#CCCC99;
			clear:			right;
		}
			.footer .links div {
				float:			right;
				padding:		10px 20px;
				border-left:	1px solid #CCCC99;
			}

			.footer .links ul {
				list-style:		none;
				margin:			5px 0 0 0;
				padding:		0px;
			}
				.footer .links a {
					color:			#FFFF66;
					text-decoration:none;
				} .footer .links a:hover { color: #000000 }
				.footer .links a.lit { color: #000000 }

			.footer .links p {
				margin:			5px 0 5px 0;
				padding:		0px;
				color:			#FFFFFF;
			}



		/* COPYRIGHT
		**************************************************/
		.footer .copy {
			height:			29px;
			float:			right;
			margin:			0px 43px;
			padding:		13px 0;
			font-family:	Arial, Helvetica, sans-serif;
			font-size:		10px;
			color:			#CCCCCC;
			text-align:		right;
		}
			.footer .copy a { color: #CCCCCC }
			.footer .copy a:hover { color: #FFFFFF }





/* END OF FILE
**************************************************/








