@charset "utf-8";
/* Styles specifically for the Index page */

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
	background-color: #FFFFFF;
}

.pageBody {	
	position: relative;
	text-align: center;
}

div.main {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: 1px solid #666666;
	width: 750px;
}

div.copyRight {
	position: relative;
	bottom: -20px;
	width: 100%;
	color: #566071;
	font-size: 10px;
}

div.logoArea {
	left: 0px;
	background-color: #0099CC;
	color: #000000;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	width: 32.5%;
	height: 98px;
	position: absolute;
	margin: 2px;
}

div.logoArea2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32.5%;
	height: 98px;
	background-color: #0099CC;
	margin: 2px;
}

div.logoArea2 p {
	padding-top: 25px;
	vertical-align: middle;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
}

span.acronym {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 30pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
}
span.name {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: normal;
	font-style: normal;
}

div.mainImage {
	padding-top: 2px;
}

.indexNav {
	position: absolute;
	background-color: #AACBAB;
	color: #FFFFFF;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	line-height: 20px;
	width: 32.5%;
	height: 175px;
	vertical-align: middle;
	top: 100px;
	left: 0px;
	margin: 2px;
	padding-top: 25px;
}

/* links inside of main navigation cell */
.fakeLink:hover { cursor: pointer; color: #000000; text-decoration: none; font-weight: bold; }
.indexNav A:LINK, .indexNav a:visited, .indexNav a:active {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.indexNav A:HOVER {color: #000000; text-decoration: none; font-weight: bold;}

.mapArea {
	position: absolute;
	right: 0px;
	top: 100px;
	margin: 2px;
	border: 0px solid red;
	width: 242px;
	margin: 2px;
	height: 198px;
}

.mapArea img {
	margin-top: 25px;
	margin-left: -24px;
}

.mainContent {

	left: -123px;
	margin: 2px;
	top: 2px;
	padding: 3px;
	background-color: #FFFFFF;
	width: 493px;
	border-top: 5px solid #E0E0E0;
	}
	
.mainContent p{
	font-size: 12px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}

.sideBar {
	position: absolute;
	margin: 2px;
	top: 302px;
	right: -0px;
	background-color: #E0E0E0;
	vertical-align: top;
	width: 239px;
	height: 177px;
	padding: 3px;
	border-top: 5px solid #706050;
}

.sideBar p {
	color: #000000;
	text-align: left;
	font-size: 12px;
}
.sideBar H1 {
	color: #504030;
	font-family: Georgia, Georgia, serif;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #706050;
}

.sidebar A:LINK, .sidebar A:ACTIVE, .sidebar A:VISITED {color: #000000; text-decoration: none; font-weight: bold;}
.sidebar A:HOVER {color: #000000; text-decoration: underline; font-weight: bold;}

H1 {
	color: #504030;
	font-family: Georgia, Georgia, serif;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #706050;
}

A:LINK {color: #708080; text-decoration: underline; font-weight: bold;}
A:VISITED {color: #708080; text-decoration: underline; font-weight: bold;}
A:HOVER {color: #A0B0B0; text-decoration: underline; font-weight: bold;}
A:ACTIVE {color: #708080; text-decoration: underline; font-weight: bold;}