/* Create a blue scroll bar that matches Pathfinder colors not W3C valid*/
html {
scrollbar-base-color: #C8D6FB;
scrollbar-arrow-color: 3366ff;
scrollbar-track-color: #000066;

scrollbar-shadow-color: 000033;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: 0000ff;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: 000099;
}

/* An unordered list */
ul, ol
{
list-style-type: square;
font-family: "Times New Roman", modern, verdana;
font-weight: bold;
font-size: 12pt;
color: #000066;
text-align: left;
padding:5px;
}

/* Make all horizontal lines blue and 95% */
hr, HR
{
color: #0000ff;
width: 95%;
}

/* Center, color, align and size the footer text */
.foot
{
font-size: xx-small;
font-family: arial;
color: #0000ff;
text-align: center;
}

/* All h1 tags will be blue bold and extra large font center aligned*/
H1, h1
{
font-weight: bold;
font-size: xx-large;
font-family: 'Times New Roman', verdana, modern;
color: #000066;
text-align: center;
}
/* everything included in the wrapper will be 789px with a 2px border*/
#wrapper
{
background: white;
width: 789px;
border: 2px #0000ff solid;
margin:0 auto;
}
/* wrapper for wider pages*/
#wrapper1
{
background: white;
width: 825px;
border: 2px #0000ff solid;
margin:0 auto;
}

body {
background: orange; /*url(collage7.jpg) fixed; */
color:#000066;
margin:auto;
}
a:link {color: #0000ff;}
a:visited {color: #5050af;}
a:hover {color: #0000ff;}
a:name a:hover {color:#000066;}

H3, h3
{
font: bold 14px 'Times New Roman' verdana modern;
color: #000066;
}

p, P
{
font: bold 14pt 'Times New Roman' verdana modern;
color: #000066;
text-align: left;
}

table
{

}

h4, H4
{
font: 12pt bold 'Courier New' verdana modern; color: #000066;
}

h2, H2
{
font: bold x-large 'Times New Roman' verdana modern;
color: #000080;
}

h5
{
font: xx-small 'Times New Roman' verdana modern;
color: #000099;
}

.head
{
font-size: 12px;
font-family: 'Times New Roman' verdana modern;
color: #0000ff;
text-align: center;
}

div#buttons1 {
	display:inline;
	position:relative;
	top:10px;
	background-color:#fff;
	border:1px dotted #999;
	padding:2px;
	margin-bottom:20px;
	z-index:6;
}

div#buttons1 a {
	display:inline;
	padding:5px;
	text-decoration:none;
	color:navy;
}

div#buttons1 a:hover {
	color:white;
	background:navy;
}

div#buttons1 a span {
     display:none
}

div#buttons1 a:hover span {
   background:white;
   border:2px navy dotted;
	display:block;
	position:absolute;
	top:25px;
	left:2px;
	padding:5px;
	z-index:6;
}
.group_pic {
	position:relative;
	top:-50px;
	left:50px;
}

div#buttons2 {
	background-color:#fff;
	border:1px dotted #999;
	position:relative;
	top:250px;
	display:inline;
	padding:5px;
	margin-bottom:5px;
	z-index:4;
}

div#buttons2 a {
	display:inline;
	padding:5px;
	text-decoration:none;
	color:navy;
	z-index:3;
}

div#buttons2 a:hover {
	color:white;
	background:navy;
}

div#buttons2 a span {
     display:none
}

div#buttons2 a:hover span {
   background:white;
   border:2px navy dotted;
	display:block;
	position:absolute;
	top:-275px;
	left:2px;
	padding:5px;
	z-index:3;
}

.site_1 {
	color:white;
	padding:20px;
	position:relative;
	top:-25px;
	float:left;
	width:300px;
}
.site_2 {
	color:white;
	padding:20px;
	position:absolute;
	top:-25px;
	width:300px;
}

.flashred {
	background-color:red;
	border:1px dotted green;
	padding:2px;
	margin-bottom:20px;
       	text-decoration: blinking;
}

.site_3 {
        color:red;
	padding:20px;
	top:-25px;
	float:left;
	width:300px;
}

#welcome {
  position:relative;
  top:20px;
  padding:20px;
  margin:20px;
  font-size:28pt;
  z-index:3;
}
#MainContent {
	display:block;
	position:relative;
	top:-40px;
	width:750px;
	margin:auto;
	padding:10px;
	z-index:3;
}

/*CSS for MOUSEOVER image*/

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: blue;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 20px;
/*top: 75px;*/
border: 0px;
visibility: visible;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
color: red;
/*top: -275px;*/
left: 20px; /*position where enlarged image should offset horizontally */
}