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

body {
	text-align:left;
	color:#ffffff;
	background-color:#d7d7d7;
	margin: 50px 0px 0px 0px;
	padding:0px;
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999;
	z-index:0;
}
p {
	text-align:left;
	color:#000000;
	font-size:68.7%;
	font-family:Arial, sans-serif;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	line-height: 120%;
}
p.title {
	text-align:left;
	color:#000000;
	font-size:100%;
	font-family:Georgia, serif;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	line-height: 120%;
}
a:link,
a:visited,
a img {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#666666;
	padding:0px;
	margin:0px;
}
a:hover,
a:active {
	text-decoration:underline;
	text-transform:none;
}
.ON,
.ON img {
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999;
}
#container {
	position:relative; /* needed for footer positioning*/
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	z-index:0;
}
@media print
{
#container {top:0%; margin-top:0px;}
}

/* ------------------------------ header ------------------------------ */
#topNav {
	position:relative;
	display:block;
	float:left;
	background-color:#FFFFFF;
	height:50px;
	width:900px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	border-bottom:1px #999999 solid;
}
#topNav img {
	float:left;
	padding:0px;
	margin:0px;
	border:none;
}

/* ------------------------------ home flash only ------------------------------ */
#contentFlash {
	position:relative;
	display:block;
	background-image:url(_img/home/bkgd_static.jpg);
	float:left;
	background-color:#FFFFFF;
	height:530px;
	width:900px;
}
/* ------------------------------ content ------------------------------ */
#content {
	position:relative;
	display:block;
	float:left;
	background-color:#FFFFFF;
	height:530px;
	width:900px;
}
#contentLeftBox {
	position:relative;
	display:block;
	float:left;
	background-color:#f0f0f0;
	width:520px;
	height:510px;
	margin:20px 0px 0px 0px;
	padding:0px;
}
#contentRightBox {
	position:relative;
	display:block;
	float:left;
	width:360px;
	height:490px;
	margin:0px;
	padding:20px 0px 20px 20px;
}
#contentText { /* if using both caption and thumbBox labels, this needs to be shorter... if using neither, then it can be even longer... see below */
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:317px;
	padding:0px 20px 20px 0px;
	overflow:hidden;
}
/* ------------------------------ accomodates caption + thumbBox label together ------------------------------ */
#contentCaption2 { /* stack on top of thumb label */
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:25px;
	padding:0px 20px 20px 0px;
	overflow:hidden;
}
#contentText2 { /* shorter version to accomodate caption and thumb label group together */
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:272px;
	padding:0px 20px 20px 0px;
	overflow:hidden;
}

/* ------------------------------ accomodates no caption OR thumbBox, longer text box ------------------------------ */
#contentText3 { /* longer version to allow more room for text because no need for thumb group or caption */
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:478px;
	padding:0px 20px 20px 0px;
	overflow:hidden;
}
/* ------------------------------ accomodates just thumbBox, no caption, longer text box ------------------------------ */
#contentText4 { /* allows room for text because no need for caption, but thumbBox exists */
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:354px;
	padding:0px 20px 20px 0px;
	overflow:hidden;
}
/* ------------------------------ subtitle ------------------------------ */
#contentSubtitle p {
	text-align:left;
	color:#ca1414;
	font-size:68.7%;
	font-family:Arial, sans-serif;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}
#contentSubtitle a:link,
#contentSubtitle a:visited {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#666666;
}
#contentSubtitle a:hover,
#contentSubtitle a:active {
	color:#ca1414;
	text-decoration:none;
	text-transform:none;
}
/* ------------------------------ caption only ------------------------------ */
#contentCaption {
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:25px;
	padding:0px 20px 12px 0px;
	overflow:hidden;
}
/* ------------------------------ thumb group label only ------------------------------ */
#contentTGLabel {
	position:relative;
	display:block;
	float:left;
	width:340px;
	height:25px;
	padding:0px 20px 12px 0px;
	overflow:hidden;
}
#contentTGLabel td { /* need table cell for vertical text alignment */
	text-align:left;
	color:#ca1414;
	font-size:68.7%;
	font-family:Arial, sans-serif;
	font-weight:bold;
	width:340px;
	height:25px;
	padding:0px;
	margin:0px;
	border:none;
	vertical-align:bottom;
}
#contentTGLabel a:link,
#contentTGLabel a:visited {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#666666;
}
#contentTGLabel a:hover,
#contentTGLabel a:active {
	color:#ca1414;
	text-decoration:none;
	text-transform:none;
}
/* ------------------------------ thumbBox ------------------------------ */
#thumbBox {
	position:relative;
	display:block;
	float:left;
	height:116px;
	width:348px;
	padding:0px 12px 0px 0px;
}
#thumbBox img {
	float:left;
	padding:8px 8px 0px 0px;
}
a.thumb img {
	filter: alpha(opacity=85);   
	-moz-opacity: .85;   
	opacity: .85;
	-khtml-opacity: .85;
}
a.thumb:hover img {
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999;
}

/* ------------------------------ thumbBox for People only: thumbpeo ------------------------------ */
#thumbpeoBox {
	position:relative;
	display:block;
	float:left;
	height:510px;
	width:520px;
	padding:0px;
}
#thumbpeoBox img {
	float:left;
	padding:0px;
}
a.thumbpeo img {
	filter: alpha(opacity=85);   
	-moz-opacity: .85;   
	opacity: .85;
	-khtml-opacity: .85;
}
a.thumbpeo:hover img {
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999;
}

/* ------------------------------ scroll ------------------------------ */
/*
#scrollBox {
	position:relative;
	top:0px;
	display:block;
	height:438px;
	width:900px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	background-color:#999999;
	float:left;
}
/*
.fixedwidth { /*important*/
/*
	position:relative;
	display:block;
	width:9894px; /* exact width of all images + padding (14 + 14 x total # of images) */
/*
	padding:0px 0px 0px 14px;
	overflow:hidden;
	float:left;
}
/*
.fixedwidth img {
	display:block;
	padding:14px 14px 8px 0px;
}
/*
p.fixedwidth {
	display:block;
}
/*
div.captionImg {
	float:left;
	display:block;
	width:auto;
}
/*
p.captionImg {
	display:block;
	width:290px;
}
/*
#scrollBox p {
	color:#FFFFFF;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
}


/* ------------------------------ footer ------------------------------ */

.clear {
	clear:both;
}
#clear {
	clear:both;
}
#footer {
	position:relative;
	width:900px;
	background-color:d7d7d7;
	padding:0px;
	color:#000000;
	z-index:5;
}
#footer p.left {
	color:#666666;
	font-size:68.7%;
	font-family:Arial, sans-serif;
	font-weight:normal;
	width:520px;
	float:left;
	text-align:left;
	margin: 5px 0px 0px 0px;
}
#footer p.right {
	font-size:68.7%;
	font-family:Arial, sans-serif;
	font-weight:normal;
	width:380px;
	float:right;
	text-align:right;
	margin: 5px 0px 0px 0px;
}
#footer a:link,
#footer a:visited {
	border:none;
	text-decoration:none;
	text-transform:none;
	color:#000000;
}
#footer a:hover,
#footer a:active {
	text-decoration:underline;
	text-transform:none;
}