* { margin: 0; padding: 0; }

/* this group sets the normal link colors */
A:LINK, A:VISITED, A:ACTIVE{
	color: #410486;
	text-decoration: underline;
	font-weight: normal;
}

A:HOVER {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

body {
	font: 1.1em/1.5 "arial", serif;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	color: #000000;
	text-align: center;
}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 { border: 0; }

/*  This template contains a form that is set within a fieldset. The
items below set the properties for the form, input fields, the submit
button, etc.  */
form { padding: 5px; text-align: left; margin: 0px 0 5px 0; }

H1 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 0px;
	color: #410486;
}

H2 {
	font-size: 110%;
	font-weight: bold;
	margin-top: 0px;
	color: #410486;
}

H3 {
	font-size: 100%;
	font-weight: bold;
	color: #410486;
	letter-spacing: 1px;
	margin-top: 0px;
}

H4, H5 ,H6 {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
}

hr {
	background-color: #8B8B8B;
	color: #8B8B8B;
	border: none;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed.  */
html { height: 100%; margin-bottom: 1px; }

img { border: none; }

input {
	padding: 2px;
	margin: 3px 5px 5px 5px;
	background-color: #fff;
	color: #000;
	border: 1px solid #505050;
}

li {
	padding-left: 20px;
	list-style-image: none;
	background-image: url("images/ico-list.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
}

P { font-size: 100%; margin-top: 0px; margin-bottom: 5px; }

P, TD, LI, UL, Table { font-size: 100%; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	width: 100%;
}

textarea {
	padding: 2px;
	font: normal 12px Verdana, sans-serif;
	margin: 3px 5px 5px 5px;
	background-color: #fff;
	color: #000;
	border: 1px solid #505050;
}

ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0 0 20px 20px;
}

.caption { float: right; }

.contenthleft {
	vertical-align: top;
	background-color: #E2E2E0;
	color: #505050;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	border-top: 2px solid #FFFFFF;
}

.contenthright {
	vertical-align: top;
	background-color: #E2E2E0;
	color: #505050;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}

.contentleft {
	background-color: #F5F5F5;
	vertical-align: top;
	font-size: 70%;
	text-align: left;
	padding: 10px;
	border-top: 2px solid #FFFFFF;
}

.contentright {
	vertical-align: top;
	font-size: 70%;
	text-align: left;
	padding: 10px;
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}

.footerleft {
	border-top: 2px solid #FFFFFF;
	background-color: #EFEFEF;
	font-size: 65%;
	padding: 10px;
}

.footerright {
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	background-color: #D9D9D7;
	font-size: 55%;
	padding: 10px;
}

.formbutton {
	color: #410486;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFFFFF;
	font-size: 100%;
	text-align: left;
	margin: 0 0 5px 0;
	border: none;
	font-weight: bold;
	clear: both;
}

.header1 { border-bottom: 5px solid #EFEFEF; text-align: left; }

.header2 {
	border-top: 5px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

/*  Your smaller images can be floated to the left or the
right so your text can flow around them. You can also have
the images appear with or without a small border. The items
below sets the properties for the classes you may apply to
your images. */

.image-border { border: 1px solid #8B8B8B; }

.imageleft-border {
	margin: 0 10px 0 0;
	float: left;
	border: 1px solid #8B8B8B;
}

.imageleft-noborder { margin: 0 10px 0 0; float: left; }

.imageright-border {
	margin: 0 0 0 10px;
	float: right;
	border: 1px solid #8B8B8B;
}

.imageright-noborder { margin: 0 0 0 10px; float: right; }

/*.leftFloatingDiv{
float:left;
width:160px;
height:110px;
}*/

/* Don't change these values */
.imageSlideshowHolder img{
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

/* slideshow formatting.............................................*/
.imageSlideshowHolder,.imageSlideshowHolder_left{
	width: 516px; /* Image width */
	height: 235px; /* Image height */
	margin: 0;
	border: 0;
	position: relative; /* Don't remove this line */
}

.logo {
	color: #410486;
	font-size: 140%;
	text-align: left;
	padding: 10px;
	width: 300px;
}

.logo h1{
	font-size: 100%;
	color: #410486;
	margin: 0px 0px -5px 0px;
}

.logo p {
	margin: 0px 0px 0px 0px;
	font-size: 50%;
	color: #000000;
}

.menu1 {
	background-image: url(images/layout-graphics/menu-back.gif);
	background-repeat: no-repeat;
	background-color: #505050;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-align: left;
	font-size: 70%;
	padding-left: 20px;
	font-weight: bold;
	height: 26px;
	width: 515px;
}

.menu1 a:link, .menu1 a:active, .menu1 a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.menu1 a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #D9D9D7;
}

.menu1l {
	background-image: url(images/layout-graphics/menu-back.gif);
	background-repeat: no-repeat;
	background-color: #505050;
	border-bottom: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-align: left;
	font-size: 70%;
	padding-left: 20px;
	font-weight: bold;
	height: 26px;
	width: 258px;
}

.menu2 {
	width: 100%;
	color: #8B8B8B;
	text-align: right;
	font-size: 60%;
	padding: 10px;
}

.menu2 a:link, .menu2 a:active, .menu2 a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #8B8B8B;
}

.menu2 a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #410486;
}

.nest {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nest2 { text-align: center; padding: 5px; }

.slideshow { width: 516px; }

.slideshowcell {
	border-left: 2px solid #FFFFFF;
	width: 516px;
	text-align: left;
}

.staticimage { width: 258px; }

.staticimage img{ display: block; }

.staticimagecell { width: 258px; text-align: left; }

#wrapper { width: 776px; margin: 0 auto; }