body {
 margin: 0px auto;
 text-align: center;
 font-family: Arial;
 font-size: 18px;
 font-weight: 500;
 background-color: white;
 }
a:link {
 color: green;
 text-decoration: underline;
 font-weight: bold;
 }
a:visited {
 color: green;
 text-decoration: underline;
 font-weight: bold;
 }
a:hover {
 background-color: lime;
 color: black;
 text-decoration: overline underline;
 }


#OuterShell {
 width: 775px;
 height: auto;
 margin: 0px auto;
 background-color: white;
 }
#PreLoad {
 width: 775px;
 height: 20px;
 margin: 0px auto;
 font-size: 15px;
 text-align: left;
 background-color: maroon;
 color: white;
 font-weight: bold;
 }


/* BEGIN Header */
#PageHeader {
 width: 775px;
 height: 125px;
 float: left;
 margin-bottom: 2px;
 background-color: white;
 font-weight: bold;
 color: black;
 }
#Logo {
 width: 175px;
 height: 125px;
 float: left;
 text-align: left;
 }
#Search {
 width: 595px;
 height: 25px;
 float: left;
 text-align: right;
 }
#DateTime {
 width: 595px;
 height: 65px;
 float: left;
 text-align: right;
 }
/* END Header */


/* BEGIN TopNav */
#TopNav {
 width: 595px;
 height: 35px;
 float: left;
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
 color: white;
 }
#ButtonHome {
 width: 148px;
 height: 35px;
 float: left;
 margin-right: 2px;
 background-color: #677E52;
 cursor: pointer;
 }
#ButtonTraining {
 width: 147px;
 height: 35px;
 float: left;
 margin-right: 2px;
 background-color: #677E52;
 cursor: pointer;
 }
#ButtonLibrary {
 width: 147px;
 height: 35px;
 float: left;
 margin-right: 2px;
 background-color: #677E52;
 cursor: pointer;
 }
#ButtonVolunteer {
 width: 147px;
 height: 35px;
 float: left;
 background-color: #677E52;
 cursor: pointer;
 }
.TopButton {
 margin-top: 5px;
 }
/* END TopNav */


/* BEGIN SideNav */
#SideNav {
 width: 175px;
 height: auto;
 float: left;
 }
#QuickLink {
 width: 175px;
 height: 27px;
 float: left;
 /*margin-bottom: 2px;*/
 text-align: left;
}
#ButtonAbout {
 width: 175px;
 height: auto;
 float: left;
 margin-bottom: 2px;
 background-color: #CC6600;
 font-size: 18px;
 font-weight: bold;
 color: white;
 cursor: pointer;
 }
#ButtonNews {
 width: 175px;
 height: auto;
 float: left;
 margin-bottom: 2px;
 background-color: #CC6600;
 font-size: 18px;
 font-weight: bold;
 color: white;
 cursor: pointer;
 }
#ButtonTransition {
 width: 175px;
 height: auto;
 float: left;
 margin-bottom: 2px;
 background-color: #CC6600;
 font-size: 18px;
 font-weight: bold;
 color: white;
 cursor: pointer;
 }
#ButtonSurveys {
 width: 175px;
 height: auto;
 float: left;
 margin-bottom: 2px;
 background-color: #CC6600;
 font-size: 18px;
 font-weight: bold;
 color: white;
 cursor: pointer;
 }
#ButtonStore {
 width: 175px;
 height: auto;
 float: left;
 margin-bottom: 2px;
 background-color: #CC6600;
 font-size: 18px;
 font-weight: bold;
 color: white;
 cursor: pointer;
 }
#ButtonEspanol {
 width: 175px;
 height: auto;
 float: left;
 background-color: #CC6600;
 font-size: 18px;
 font-weight: bold;
 color: white;
 cursor: pointer;
 }
.SideButton {
 margin-top: 5px;
 margin-bottom: 5px;
 }
/* END SideNav */


/*
BEGIN Headliner --- Not Always Used
*/
#Headliner {
 width: 775px;
 float: left;
 /*margin-bottom: 5px;
 margin-left: 5px;*/
 background-color: red;
 font-weight: bold;
 color: white;
 margin-bottom: 2px;
 margin-top: 0px;
 display: none; /* display:block = Visible, display:none = Invisible */ 
 }
/* END Headliner */


/* BEGIN Main Content*/
#ContentShell {
 width: 595px;
 float: left;
 margin-left: 5px;
 text-align: left;
 }
/* END Main Content */


#SplashBottom {
	width: 775px;
	height: auto;
	float: left;
	margin-top: 2px;
	display: none;
}
#Splash1 {
	width: 255px;
	height: 94px;
	float: left;
	background-color: black;
}
#Splash2 {
	width: 255px;
	height: 94px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	background-color: black;
}
#Splash3 {
	width: 255px;
	height: 94px;
	float: left;
	background-color: black;
}


/* BEGIN BottomNav */
#BottomNav {
 width: 775px;
 height: auto;
 float: left;
 margin-top: 5px;
 font-weight: bold;
 color: black;
 }
#Top {
 width: 257px;
 height: auto;
 float: left;
 background-color: #B7CA79;
 cursor: pointer;
 }
#Back {
 width: 257px;
 height: auto;
 float: left;
 margin-left: 2px;
 margin-right: 2px;
 background-color: #B7CA79;
 cursor: pointer;
 }
#Home {
 width: 257px;
 height: auto;
 float: left;
 background-color: #B7CA79;
 cursor: pointer;
 }
/* END BottomNav */


/* BEGIN PageFooter */
#PageFooter {
 width: 775px;
 float: left;
 margin-top: 2px;
 font-weight: bold;
 color: white;
 }
#Call {
 width: 775px;
 float: left;
 margin-bottom: 2px;
 background-color: #677E52;
 color: white;
 }
#Download {
 width: 775px;
 float: left;
 background-color: #677E52;
 }
#Adobe {
 width: 112px;
 float: left;
 margin-top: 7px;
 margin-left: 5px;
 text-align: left;
 }
#DownloadInfo {
 width: 531px;
 float: left;
 margin-left: 5px;
 margin-right: 5px;
 font-size: 16px;
 }
.DownloadText {
 margin-top: 5px;
 margin-bottom: 5px;
 }
#PowerPoint {
 width: 112px;
 float: left;
 margin-top: 7px;
 margin-right: 5px;
 text-align: right;
 }
/* END PageFooter */


#Legal {
	width: 775px;
	height: auto;
	float: left;
	margin: 0px auto;
	font-size: 13px;
	font-weight: bold;
}
#TextMenu {
	width: 775px;
	height: auto;
	float: left;
	margin: 0px auto;
	font-size: 12px;
	font-weight: bold;
}
#PrintLegal {
	display: none;
}


#LoadAnimation {
 width: 450px;
 left: 50%;
 top: 50%;
 margin-left: -225px;
 margin-top: -25px;
 position: fixed;
 background-color: teal;
 text-align: center;
 font-family: arial;
 font-size: 30px;
 color: white;
 font-weight: bold;
 z-index: 0;
 filter: alpha(opacity=70);
 opacity: 0.7;
 -moz-opacity: 0.7;
 display: none;
}