body {
	margin: 0;
	color: #FFFFFF;
	font: 9pt "Arial", Times, serif;
}

img {
border:0;
}
table td {
border-collapse:collapse;
vertical-align:top;
}

.HPNews, .HPBBMessages{
	padding: 5px 5px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #000;
	width:100%;
}	
	
.qlinks img {
display:block;
}

.HPEvents{
	padding: 5px 5px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #000;
	width:100%;
}

.HPLinks, .HPDirectory{
	
	padding: 5px 35px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #000;
}

.HPNews a, .HPNews a:link, .HPNews a:visited, .HPBBMessages a, .HPBBMessages a:link, .HPBBMessages a:visited, .HPMemoirs a, .HPMemoirs a:link, .HPMemoirs a:visited  { color: #860605;  }
.HPNews a:hover, .HPNews a:active, .HPBBMessages a:hover, .HPBBMessages a:active, .HPMemoirs a:hover, .HPMemoirs a:active { color: #860605; }


.HPLinks a, .HPLinks a:link, .HPLinks a:visited{ color: #860605;  }
.HPLinks a:hover, .HPLinks a:active{ color: #860605; }


.HPEvents a, .HPEvents a:link, .HPEvents a:visited { color: #860605;  }
.HPEvents a:hover, .HPEvents a:active { color: #860605;   }
.HPDirectory a, .HPDirectory a:link, .HPDirectory a:visited{ color: #860605;  }
.HPDirectory a:hover, .HPDirectory a:active{ color: #860605;   }
.neutral, table {
	font: 9pt "Arial", Times, serif;
	color: #000000;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #000000; }
.neutral a:hover, .neutral a:active { color: #5B7B9D; }

.contentIndex {
	padding: 0px;
	font: 9pt "Arial", Times, serif;
	color: #FFFFFF;
	background: #FFFFFF;
	width:900px;
}

.content {
	padding: 10px 10px 40px 10px;
	height: 300px;
	font: 9pt "Arial", Times, serif;
	color: #000000;
	background: #ffffff;
	width:900px;
	text-align: justify;
	line-height: 1.4;
}

a, a:link, a:visited { color: #000000; }
a:hover, a:active { color: #000000; }

.light {
	font: 9pt "Arial", Times, serif;
	color: #000000;
	background: #E5CDA7;
}
.light  a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #5B7B9D; }

.dark {
	font: 9pt "Arial", Times, serif;
	color: #ffffff;
	background: #9B080A;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #BFD4EA; }

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	padding: 15px 0px 10px 20px;
	margin-bottom: 10px;
	font: bold 12pt Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background-image:url(/pics/page_title.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-variant: small-caps;
}

#topNav {
	position: relative;
	height: 38px;
}
#topNavButtons {
	position: absolute;
	z-index: 95;
	top: 0;
	left: 0;
	width: 900px;
}

#menuCloser {
	position: absolute;
	visibility: hidden;
	left: 20px;
	top: -50px;
	z-index: 0;
}
#topNav .subNav {
	position: absolute;
	visibility: hidden;
	top: 38px;
	z-index: 100;
}
#topNav2Sub {left: 100px;}
#topNav3Sub {left: 200px;}
#topNav4Sub {left: 280px;}
#topNav5Sub {left: 375px;}
#topNav6Sub {left: 450px;}
#topNav7Sub {left: 550px;}
#topNav8Sub {left: 650px;}
#topNav9Sub {left: 750px;}
#topNav10Sub {left: 1000px;}

#topNav .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana,Geneva, sans-serif;
	border: 1px solid #999;
	border-width: 0 1px 1px 1px;
}

#topNav .list li {
	background-color: #0000FF;
	width: 160px;
	line-height: 20px;
}

#topNav .list a {
	display: block;
	width: auto!important;
	width: 100%;
	padding: 2px 5px 0px 13px;
	color: #ffffff;
	text-decoration: none;
	z-index: 100;
}

 this is used amoung other places in the sub-menu drop downs 
#topNav .list a:hover {
	background-color: #000;
	color:#fff;
}


#rightNav {
	font-size:12px;
	width:170px;
	border:1px solid #585858;
	margin-bottom:-2px!important;
	margin-bottom:2px;
	margin-left:10px;
	padding-bottom: 10px;
}

#rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
	display:list-item;
	color:#000000;
	margin-left:23px;
	padding:5px 2px 5px 5px;
	text-decoration:none
}

#rightNav a:hover {
/*	margin-left:0px;
	padding-left:0px;*/
	background-color:#587CA1;
	color:#fff;
	text-decoration:none	
}

#rightNav .header {
	background-color: #587CA1;
	color:#FFFFFF;
	margin-bottom:-6px;
	padding-bottom:7px;
	font-size:12px;
}

.StaffButton {
	border-style: inset;
	border-color: #CCCCCC;
	background-color: #000066;
	text-decoration: none;
	width: 235px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font: 12pt Verdana;
	text-transform: color:#FFFF00;
}

.StaffPopUp td{
  width:600px;
  height:250px;
}

.BlueBgImage {
background-image:url(../pics/blueWht_bg003.png);
background-repeat:repeat-x;/*to repeat*/
height: 700px;
width: 500px
}

.SandBgImage {
	background-image:url(../pics/news_bg.gif);
	background-repeat:repeat-y;
	background-position: right top;
	background-color: #fff;
}

.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  background-color: red;
  color: white;
} 

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25%;
  margin-left: -25%;
  background-color: red;
  color: white;
}

.BG {
background-image:url(../pics/header900.jpg);
background-repeat:no-repeat;/*dont know if you want this to repeat, ur choice.*/
height: 100/*size of image*/;
width: 100%
}
