@charset "UTF-8";
/* CSS Document */


/* I'm going to set the font here so it remains consistent */
body {
	background-color: #06C;
	font-family: Verdana, Geneva, sans-serif;
}






/* page centering css */
* {
   margin: 0;
   padding: 0;
}
 
/* IE Hck \*/
html, body { 
   height:100%;
   width:100%;
}
/* end IE Hack */
 
#couter {
   height:100%;
   width:100%;
   display:table;
   vertical-align:middle;
}
 
#ccontainer {
   display:table-cell;
   vertical-align:middle;
}

/* end page centering css */








h3 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	border: 2px solid #09C;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 6px;
}h3 a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #09C;
	text-decoration: none;
	border: 2px solid #06C;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 6px;
}


/* this is the site container. Everything has to go in here */
#container {
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	width: 966px;
}
/* this is the site container. Everything has to go in here */


#mainbodycontainer{
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-y;
	position: relative;
	float: left;
	width: 966px;
}


/* this will hold the menu */
#menucontainer {
	background-color: #101252;
	float: left;
	width: 966px;
	height: 35px;
	position: relative;
	background-image: url(images/menu_bg.gif);
	z-index: 9998;
}

#MenuBar1 {
	position: relative;
	width: 928px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	left: 20px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #09F;
	border-right-color: #09F;
	border-bottom-color: #09F;
	border-left-color: #09F;
}

/* real slideshow */
#slideshowcontainer1 {
	float: left;
	height: 387px;
	width: 594px;
	position: relative;
	left: 20px;
	margin-top: 0px;
}
#slideshowcontainer1test {
	float: left;
	height: 387px;
	width: 581px;
	position: relative;
	left: 20px;
	margin-top: 0px;
}


.slideshow1 {
	position: absolute;
	height: 387px;
	width: 593px;
	z-index: 1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #407BD8;
	border-right-color: #407BD8;
	border-left-color: #407BD8;
}
.slideshow1test {
	position: absolute;
	height: 387px;
	width: 581px;
	z-index: 1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #407BD8;
	border-right-color: #407BD8;
	border-left-color: #407BD8;
}



.mask1 {
	height: 163px;
	width: 594px;
	position: absolute;
	z-index: 2;
	background-image: url(images/slidemask_594_163_shadowtest.png);
	top: 238px;
}

.mask1test {
	height: 163px;
	width: 583px;
	position: absolute;
	z-index: 2;
	background-image: url(images/slidemask_581_163.png);
	top: 238px;
}
/* real slideshow end */

#slideshowcontainermenubar {
	float: left;
	height: 275px;
	width: 412px;
	position: relative;
	margin-top: 0px;
}

#slideshowmenubar {
	position: absolute;
	height: 130px;
	width: 412px;
	z-index: 1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #407BD8;
	border-right-color: #407BD8;
	border-left-color: #407BD8;
	top: 200px;
}

/* Mask for the slide show. You can select three different masks */
/* menuphotoheaders_Mask1.png and menuphotoheaders_Mask2.pngn ....._Mask3.png, etc. */
.maskslideshowmenubar {
	height: 130px;
	width: 412px;
	position: absolute;
	z-index: 2;
	background-image: url(images/menuphotoheaders_Mask1.png);
	bottom: 0px;
}


#slideshowcontainer {
	float: left;
	height: 387px;
	width: 593px;
	position: relative;
	left: 20px;
	margin-top: 0px;
}

/* this is the slide show */
#slideshow {
	position: relative;
	width: 593px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	float: left;
	height: 387px;
	z-index: 1000;
}
/* this is the slide show */


.slidemask {
	background-image: url(images/slidemask.gif);
	position: relative;
	float: left;
	height: 387px;
	width: 593px;
	z-index: 1001;
}
.myMHBS {
	height: 58px;
	width: 58px;
	position: absolute;
	top: 326px;
	left: 516px;
	z-index: 1000;
}


#MHBSMainACC {
	position: relative;
	width: 338px;
	float: right;
	right: 16px;
	margin-bottom: 12px;
}

.headline {
	font-family: Verdana, Geneva, sans-serif;
	color: #53AAFF;
	font-size: 1em;
	font-weight: bold;
	background-color: #213B98;
	display: block;
}


#footercontainer {
	background-image: url(images/footer.gif);
	float: left;
	height: 50px;
	width: 966px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-align: center;
}

.address {
	float: left;
	position: relative;
	margin-top: 16px;
	left: 20px;
	width: 593px;
}

.sitemap {
	margin-top: 16px;
	position: relative;
	float: right;
	width: 320px;
	left: -16px;
}

.sitemap a {
	color: #FFF;
	text-decoration: none;
}

.sitemap a:hover {
	color: #53AAFF;
}