html, body {
	margin:0;
	padding:0;
	color: #000;
	background: #FFF;
	font-family: Veranda, Arial, sans-serif;
	font-size: x-small;
}

h1 {color: #333399; background: #FFF; font: bold 150%/1em Arial, Veranda, sans-serif; 
padding: .5em .5em .5em; margin: 0; border: 1px solid rgb(0%,31%,46%); border-width: 0px 0;}


#gorilla {
	margin: 0;
	float: left;
	padding: 0;
	width: 15%;
	text-decoration: none;
	white-space: nowrap;
}
 
#gorilla li {
	list-style: none;
	padding-top: 5px;
	font-size: 12px;
	line-height: 13px;
	background: #FFF url(file:///N|/IT/Website/OAS/images/tabs2.jpg) 100% 0   no-repeat;
	white-space: nowrap;
	border: 1px solid white;
}

#gorilla a {display: block; float: right; padding: 0px 6px 5px 6px ; text-decoration: none; text-align: center; 
font-weight: bold;  color: #000;  background: #FFF url(file:///N|/IT/Website/OAS/images/tabs2.jpg) 100% 100%  no-repeat;}



#logo a {background: #FFF; padding-bottom: 20px; }

#breadcrumbs { white-space: nowrap;}
#breadcrumbs li {
	list-style: none;
	font-size: 11px;
	line-height: 12px;
	background: #FFF;
	white-space: nowrap;
	padding-bottom: 3px;
}
#breadcrumbs a {color: #333399; background: #FFF; width: 0.1em; text-decoration: none; }
#breadcrumbs a:hover {color: red;}

#location {font: bold 60%/1em Arial, Veranda, sans-serif; padding-bottom: 3px;}

#thumbnail {background: #FFF; }
#thumbnail a {text-decoration:none; color: #333399; font: bold 80%/1em Arial, Veranda, sans-serif;
background: #FFF; padding: 0px 0px 5px 15px; }
#thumbnail a:hover {color: red;}

#topnav {
	position: absolute;
	top: 6px;
	right: 0;
	white-space: nowrap;
	background: #FFF;
	padding: 0px;
	left: 670px;
	width: 347px;
}
#topnav li {list-style: none; font-size: 14px; line-height: 16px;	
background: #FFF ;	white-space: nowrap; border-bottom: 4px solid gray;  }
#topnav a {  text-decoration: none;  padding: 0px 5px 0px 0px;
font-weight: bold;  color: #333399; width: 0.1em; background: #FFF; }
#topnav a:hover { color: red; }

#topnav2 {
	position: absolute;
	top: 28px;
	right: 18px;
	white-space: nowrap;
	font-size: 20px;
	font-weight: bold;
	color: #333399;
	background: #FFF;
	left: 673px;
	width: 342px;

	}

#topnav2 a {  text-decoration: none;  padding: 0px 5px 0px 0px;
font-size: 16px; color: #333399; width: 0.1em; background: #FFF; }

#topnav2 a:hover { color: red; }


html>body #nav a {width: auto;} /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac\*/
#nav a {float: none;}   /* End IE5-Mac Hack */
#nav a:hover {background-color: #FFF; color: red;}

#gorilla a {float: none;}   /* End IE5-Mac Hack */
#gorilla a:hover {background-color: #FFF; color: yellow;}


#main {font-size: x-small; color: #666666; background: #FFF; margin:0 0 0 0%; padding: 45px 0px 0px; clear: left;  }
#main a {  text-decoration: none; font-weight: bold;  color: #333399;  background: #FFF; }
#main a:hover { color: red; }

#botnav {padding: 1px 0px 3px 1x; white-space: nowrap; background: #FFF ;}
#botnav li {list-style: none; font-size: 14px; line-height: 1x;	background: #FFF ;	white-space: nowrap;}
#botnav a {  font-size:11px; text-decoration: none; text-align: center; 
font-weight: bold;  color: #333399; width: 0.1em; background: #FFF; padding: 0px 9px 0px 0px; }
#botnav a:hover { color: red; }
#spacer {
	font-size: 85%;	
	color: #333399;	
	background: #FFF;	
	margin:0;	
	padding: 1px 0px 2px;	
	clear: left;	
	font-weight: bolder;
}
a:link {
	color: #333399;
	text-decoration: none;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/