body
{
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	background-image: url(../assets/backmain.jpg);







}

a.nav:link {
	font-face: Arial;
	color: #000099;
	font-weight: normal;
	background-position: left center;
	list-style-type: none;
	text-decoration: none;
	padding: 0px;
	border: 1px solid #0d2474;
	;
	background-image: url(../navbuttons/backnav1.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	height: 15px;
	width: 80px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;


}
a.nav:active {
	font-face: Arial;
	font-size: 80%;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-position: left center;
	list-style-type: none;
	text-decoration: none;
	padding: 0px;
	border: 0.1em solid #0d2474;
	;
	background-image: url(../navbuttons/backnav1.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	height: 15px;
	width: 90px;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;

}
a.nav:visited {
	font-face: Arial;
	font-size: 90%;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-position: left center;
	list-style-type: none;
	text-decoration: none;
	padding: 0px;
	border: 0.1em solid #0d2474;
	;
	background-image: url(../navbuttons/backnav1.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	height: 15px;
	width: 80px;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;

}
a.nav:hover {
	font-face: Arial;
	font-size: 90%;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-position: left center;
	list-style-type: none;
	text-decoration: none;
	padding: 0px;
	border: 0.1em solid #0d2474;
	;
	background-image: url(../navbuttons/backnav4.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	height: 15px;
	width: 80px;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;

}

/* these are the font styles for the links that appear on your web page */
a:link {
	text-decoration: underline;



}
a:active {
	text-decoration: none;



}
a:visited {
	text-decoration: underline;




}
a:hover {
	color: #999999;
	text-decoration: underline overline;

}/*this one changes the mouseover or hover state of the link*/

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
	clear: both;
	background-image:  url(../assets/frontpage2.gif);
	height: 630px;
	width: 769px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	top: 10px;
	font-family: Tahoma;
	font-size: 12px;
	color: #006699;
	z-index: 1;












}
.navbar {
	overflow: visible;
	height: 1.5em;
	width: 50em;
	z-index: 29;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 49em;
	text-align: center;
	display: block;
























}

.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    background-color: #64951A;
    color: #ffffff;
	font-face: Arial;
    font-weight: bold;
    font-size: 36px;
	padding: 10px 20px 10px 20px;
}

.title2 
{
    color: #ffffff;
	font-face: Arial;
    font-weight: bold;
    font-size: 18px;

}

.titlemargin
{
	margin: 10px 0px 10px 0px;
}

.subtitle {
	color: #ffffff;
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
}

.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-face: Arial;
    font-size: 50%;
	color: #ffffff;
    padding: 0px;
	margin: 0px;
}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 180px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 180px;
}

.sidebar
{
	color: #000099;
	font-weight: bold;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	text-align: center;
	float: left;
	position: absolute;
	left: 0%;
	top: 0%;
	width: 62%;



}
.sidebaritem
{
	color: #000099;
	border: none #64951A;
	font-size: 90%;
	font-family: Tahoma;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	float: right;
	position: absolute;
	height: 200px;
	top: 100px;
	right: 0px;
	padding-right: 0%;
	padding-left: 0%;
	background-color: #FFFFCC;
	display: block;
	padding-top: 100px;
	left: 0px;






}
.horiz
{
	color: #4B1A95;
	font-weight: normal;
	float: left;
	text-align: center;
	font-family: Tahoma;
	font-size: 110%;
	background-color: #FFFFFF;
	display: block;
	overflow: hidden;
	z-index: 2;
	height: 200px;
	left: 0px;
	top: 0px;
	right: 0px;
	position: absolute;


}

.sidebaritem.first
{
    margin-top: 10px;
}

.footer
{
	font-face: arial;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #CCCCCC;
	height: 40px;
	width: 763px;
	position: absolute;
	left: 3px;
	top: 580px;
	right: 3px;
	bottom: 10px;
	z-index: 10;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;










}
.left {
	color: #000099;
	font-weight: normal;
	text-align: center;
	font-family: Arial;
	font-size: 80%;
	display: block;
	position: absolute;
	height: 570px;
	width: 381px;
	left: 3px;
	top: 0px;
	bottom: 0px;
	z-index: 13;




}
.right {
	color: #006699;
	font-weight: normal;
	text-align: center;
	font-family: Tahoma;
	font-size: 100%;
	height: 570px;
	width: 342px;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	left: 366px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 28;


}
.topbar {
	color: #000099;
	font-weight: bold;
	text-align: center;
	background-image: url(../assets/topbarctr.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 33px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 12;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 769px;




}
.topleft {
	color: #4B1A95;
	font-weight: bold;
	text-align: center;
	background-image: url(../assets/topbarlt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
	width: 16px;

}
.topright {
	text-align: center;
	background-image: url(../assets/topbarrt.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 33px;
	position: absolute;
	top: 0px;
	z-index: 12;
	width: 16px;
	right: 0px;

}
.botleft {
	text-align: center;
	background-image: url(../assets/barbotleft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 33px;
	position: absolute;
	left: 0px;
	z-index: 12;
	width: 16px;
	bottom: 0px;
	vertical-align: text-bottom;
	right: 753px;


}
.botright {
	text-align: center;
	background-image: url(../assets/barbotright.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 33px;
	position: absolute;
	z-index: 12;
	width: 16px;
	display: block;
	right: 0px;
	bottom: 0px;

}
.botbar {
	color: #000099;
	font-weight: normal;
	text-align: center;
	background-image: url(../assets/barbotcntr.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 33px;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 12;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	bottom: 0px;
	width: 769px;


}
.barbox {
	font-weight: normal;
	text-align: center;
	height: 12px;
	position: relative;
	z-index: 12;
	width: 180px;
	vertical-align: bottom;
	display: block;
	top: 19px;
	margin-right: auto;
	margin-left: auto;



}
.boxborder {
	font-weight: normal;
	height: 610px;
	position: absolute;
	left: 0px;
	z-index: 12;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: double;
	border-left-style: double;
	border-right-color: #666666;
	top: 10px;
	right: 0px;
	bottom: 10px;

}
a.nav2:link {
	font-face: Arial;
	font-size: 90%;
	color: #006699;
	font-family: Tahoma;
	font-weight: normal;
	list-style-type: none;
	;
	display: block;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 1.5em;
	margin-right: .09em;
	margin-left: .09em;
	top: 1.2em;
	background-color: #FFFFCC;
	text-decoration: underline;
	padding: 1px;
	width: 7.5em;



	

}
a.nav2:active {
	font-face: Arial;
	font-size: 90%;
	color: #006699;
	font-family: Tahoma;
	font-weight: normal;
	list-style-type: none;
	;
	display: block;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 1.5em;
	margin-right: .09em;
	margin-left: .09em;
	top: 1.2em;
	background-color: #FFFFCC;
	text-decoration: none;
	padding: 1px;
	width: 7.5em;



}
a.nav2:visited {
	font-face: Arial;
	font-size: 90%;
	color: #006699;
	font-family: Tahoma;
	font-weight: normal;
	list-style-type: none;
	;
	display: block;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 1.5em;
	margin-right: .09em;
	margin-left: .09em;
	top: 1.2em;
	background-color: #FFFFCC;
	text-decoration: underline;
	padding: 1px;
	width: 7.5em;



	

}
a.nav2:hover {
	font-face: Arial;
	font-size: 90%;
	color: #666666;
	font-family: Tahoma;
	font-weight: normal;
	list-style-type: none;
	;
	display: block;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: 1.5em;
	margin-right: .09em;
	margin-left: .09em;
	top: 1.2em;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 1px;
	width: 7.5em;


	

}
.roman {
	font-face: arial;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	height: 40px;
	width: 121px;
	z-index: 10;
	margin-right: auto;
	margin-left: auto;
	top: 540px;
	margin-top: 0px;
	margin-bottom: 0px;




}