body { /*the purpose of this rule is to center the contents on the screen*/
	text-align:center; /*for IE6, everything within this container will be centered*/
	background:#660000;
}
.round-box { /*this box visually contains the content; there may be two of these*/
	position: relative;
	background: transparent url(wht-gry-horiz-gradient.gif) repeat-y;
	text-align: left;	/*follows body text-align:center to reset everything from here on to left-align */
	width: 888px;
	margin: 0 auto; /*auto side margins will center THIS container within the body*/
	border: 5px solid #000066;
	z-index: 1;
	top: 16px;
	padding:0px;
}

.round-box img {
	border:none;
}

.roundtop { /*the top corners of the content box are rounded by covering the square corners with quarter circle graphics; other elements overlap this one, but nothing else goes in it*/
	position: relative;
	top: -5px;
	right: -5px;
	z-index: 200;
}

.roundtop img {
	position:absolute;
	top:auto;
}

.roundbottom { /*the bottom corners of the content box are rounded by covering the square corners with quarter circle graphics; other elements overlap this one, but nothing else goes in it*/
	position: relative;
	background: transparent url('lr-round-corner.gif') no-repeat bottom right;
	top: 5px;
	right: -5px;
	clear:both;
	z-index: 3;
	margin-top: -28px;
	padding: 0;
}

.menu-right-gray-box {
	position: relative;
	margin:0px 0px 0px 0px;
	float:left;
	background-color: #CCCCCC;
	width: 140px;
	z-index: 20;
}
.menu-right-gray-box span {
	display:block;
	padding: 2px 0 8px 15px;
	color: #660000;
	font: 900 9pt Arial, Helvetica, sans-serif !Important;
}

.menu-right-gray-box img {
	width:21px;
	height:20px;
	border:0;
	vertical-align:middle;
}
.content-right-gray-box {
	position:relative;
	background-color: #CCCCCC;
	width:536px;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660000;
	border-top: 1px solid #CCCCCC;
	margin:-3px 0px 0px 0px;
	padding:0px 55px 5px 0px;
	border-left: 1px solid #660000;
}

.text-right-gray-box {
	margin-top:-0px;
	
}

.left-white-box {
	position: relative;
	float:left;
	left: 15px;
	width: 230px;
	margin-top: -20px;
	z-index: 6;
}

.content-left-white-box span {
	display:block;
	text-align:center;
	margin: 0;
	padding: 0;
}

.content-left-white-box {
	position: relative;
	font: 10pt Geneva, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	margin-top:-23px; /*mysterious gap appears above -p- elements causing gap in border line on this box; this adjustment moves the element up to close the gap*/
	padding: 0 10px 0 10px;
	border-right: 1px solid #660000;
	border-left: 1px solid #660000;
	border-bottom: 1px solid #660000;
}
.right-gray-box {
	position: relative; /*if I remove this position property, the gray box disappears but other things still move around it as if it were there*/
	float: left;
	width: 570px;
	margin-left: 45px;
	margin-top: -86px;
	z-index: 5;
}
img.logo {
	position: absolute;
	left: 55px;
	top: 7px;
	z-index: 100;
}
img.swish {
	display:block; 
	position:relative; 
	top:0px;
}
img.corner { /*moves corner gif over to cover background box border*/
	position: relative;
	border: none;
	left: -10px;
	top: 5px;
}
#clearfix:after {/* used to clear floats without additional html mark-up */
  content: "."; 
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

a:link {
	text-decoration: none;
	color: #660000;

}
a:visited {
	text-decoration: none;
	color: #660000;
}
a:hover {
	text-decoration: underline;
	color: #660000;
}
a:active {
	text-decoration: none;
	color: #660000;
}
.style2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-left: 140px;
}

.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-left: 14px;
}

.style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 140px;
}

ol {
  margin: 0;
  padding: 0;
}
 
li {
  margin: 0;
  padding: 0;
 }

.list-placement {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 20px;
}

.small-heading {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding:0px;
}

.small-text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	xfont-weight:bold;
	padding:0px;
}

.new-gray-box {
	position: relative; /*if I remove this position property, the gray box disappears but other things still move around it as if it were there*/
	float: right;
	width: 581px;
	margin-right: 20px;
	margin-top: 16px;
	z-index: 50;
	background-color: #CCCCCC;
	border: 1px solid #660000;
	padding-left: 10px;
}

.board-of-directors {
	xborder:thin solid #669900;
	float:right;
	xwidth:250px;
	xmargin-left:15px;
	background:transparent url(board-of-dir-img-2009.gif) right no-repeat;
	padding:5px;
}

.float-box-right {
	border-left:thin solid #660000;
	float:right;
	width:260px;
	margin:18px 0px 0px 15px;
	background:transparent;
	padding:5px 10px;
}

.content-new-gray-box {
	position:relative;
	background-color: #CCCCCC;
	xwidth:536px;
	xborder-right: 1px solid #660000;
	xborder-bottom: 1px solid #660000;
	border-top: 1px solid #CCCCCC;
	margin:0;
	padding:0px 5px 5px 0px;
	xborder-left: 1px solid #660000;
}

.n-text-right-gray-box {	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: 1px solid #CCCCCC;
	xheight: 187px;
	xoverflow: auto;
	padding-left:25px;
	padding-bottom:5px;
	border-bottom: 2px inset #C0C0C0;
}

.n-text-right-gray-box1 {	
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	PADDING-LEFT: 140px; 
	FONT-SIZE: 10pt; 
	PADDING-BOTTOM: 5px; 
	xOVERFLOW: auto; 
	BORDER-LEFT: #cccccc 1px solid; 
	xBORDER-BOTTOM: #c0c0c0 2px inset; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; 
	xHEIGHT: 187px
}
.style4 {	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}