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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	background-image: url(img/mn/bg_mn.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h1 {
	font-size: 17px; color: #464646; padding:0px; margin:0px;
}

h2 { font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; }

h3 {
	font-size:14px;
	font-weight:normal;
	color:#006699;
}

h4 {
	font-size:15px;
	color: #336600;
	border-bottom: 1px solid #999999;
	margin: 0px;
	padding: 17px 0px 3px;
}

/*  Additional Headline Rules to style the projects table*/

h5{
	font-size: 13px;
	color:#006699;
	font-weight:normal;
	padding:0;
	margin:0 0 2px 0;}


h6{
	font-size: 9px;
	color:#555555;
	font-weight:normal;
	padding:0;
	margin:0;}
	
	
.tablereset p, .tablereset h6{padding:0; margin:0;}

a:link {
	color: #006600;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006600;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #006600;
}
a img{border:none; outline:none;}

#clear { clear:both; } .clear { clear:both; }

#container { width:970px; }

#header { width:970px; height:96px; float:left; }

#header_logo { width:248px; height:96px; float:left; background-repeat:no-repeat; background-image:url(img/mn/logo.gif); }
#header_logo a, #header_logo a:hover { display:block; width:248px; height:96px; text-indent: -99999px; overflow: hidden; font-size:0; }


/* LAYOUT Images */
.aligncenter{display:block; margin:0 auto;}
.alignleft{float:left; margin:0 20px 10px 0;}
.alignright{float:right; margin:0 0 10px 20px;}

/* MENU */

#menubg { width:722px; height:96px; float:left; background-image:url(img/mn/bg_menu.gif); background-repeat:no-repeat;}

#menutop { width:686px; height:33px; float:left; font-size:11px; color: #5f5f5f; padding:28px 36px 0px 0px; text-align:right; }
#menutop a { padding:0px 10px; color:#5f5f5f; text-decoration:none; }

#menubtm { width:722px; height:35px; float:left; background-image:url(img/mn/bg_menubtm.gif); background-repeat:no-repeat; margin:0px; padding:0px; text-align:left; }

#fancymenu { width: 716px; height: 35px; float: left; padding: 0px 0px 0px 6px; margin: 0; overflow: hidden; position: relative; }
#fancymenu ul { padding: 0; margin: 0; }

#fancymenu ul li a span { padding: 0 7px; }
  
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li { float: left; list-style: none; border-top:5px solid #6C6C6C; }
  
#fancymenu ul li a {
	z-index: 10;
	display: block;
	float: left;
	height: 24px;
	position: relative;
	overflow: hidden;
	padding: 6px 10px 0px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

#fancymenu .border_bonus { border-left: 1px solid #413524; }

#fancymenu .background .left {
height: 30px;
 /* margin-right: 9px; 7px is the width of the rounded shape border: 1px solid #413524; */

}

#fancymenu li.background {
	background: url(img/mn/nav-over.gif) repeat-x left top !important;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu a:hover {
	text-decoration: none;
	display: block;
	color: #66CC66;
}

#fancymenu li.current_page_item{border-top:5px solid #B8DB7C;}
	
#fancymenu li li a, #fancymenu li li a:link, #fancymenu li li a:visited {
	width: 140px;
	float: none;
	margin: 0px;
	padding: 2px 5px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 12px;
	color: #FFFFFF;
	}
	
#fancymenu li li a:hover, #fancymenu li li a:active { background: #D6D803; padding: 2px 5px; }

#fancymenu li ul { position: absolute; width: 10em; left: -999em; padding: 36px 0px 0px; _margin: 0px; }

#fancymenu li:hover ul { left: auto; display: block; }
	
#fancymenu li:hover ul, #fancymenu li.sfhover ul { left: auto; }

/* #fancymenu .current_page_item { _background: url(img/mn/nav-over.gif) repeat-x top left; } */


/* CONTENT AREA */

#banner { width:935px; height:302px; float:left; background-image:url(img/mn/bg_banner.gif); background-repeat:no-repeat; padding:4px 10px 13px 25px; text-align:left; position: relative; }

#editablepic_left { width:582px; height:302px; float:left; }

#banner_right { width:353px; height:302px; float:left; }

#editablepic_topright { width:353px; height:143px; float:left; }

#banner #images{
    width: 935px; /* important to be same as image width */
    height: 302px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float: left;
	padding: 0px; margin: 0px;
}

#banner #slider, #banner #slider ul {
    width: 935px; /* important to be same as image width */
    height: 302px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0px; margin: 0px;
}

#banner #slider li, #banner #slider ul{
  padding:0;
  margin:0;
}

#banner #slider ul {
   position: absolute;
}

#slider .slide {
   float: left;
   position: relative;
   display: none;
}

#slider .slide span {
  position: absolute;
  left: 0;
  width: 772px; 
  opacity: 0.8; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
  background-color: #96AEBE;
  color: #fff; font: 10px 15px Arial, Helvetica, sans-serif;
  bottom: 0;/*remove this and it will be on top*/
}

#banner #sliderContent {
    width: 935px; /* important to be same as image width or wider */
    position: absolute;
	top: 0; left: 0;
	margin-left: 0;
}
#banner .sliderImage { float: left; position: relative; display: none; }

#banner .sliderImageLeft { float: left; width: 577px; height: 301px; position: relative; top: 0; left: 0; overflow: hidden; }
#banner .sliderImageRight { float: left; width: 353px; height: 138px; padding: 0px 0px 0px 5px; position: relative; top: 0; left: 0; overflow: hidden; }
#banner .sliderImageLower { float: left; width: 190px; height: 158px; padding: 5px 0px 0px 5px; position: relative; top: 0; left: 0; overflow: hidden; }
#banner .sliderImageTitle { float: left; width: 158px; height: 158px; padding: 0px 0px; position: relative; top: 0; left: 0; background: url(img/mn/bg_bannerright.gif) no-repeat top left; border-top: 5px solid #FFF; border-left: 5px solid #FFF; text-align: center; overflow: hidden; }

#banner #headbanner {
    width: 935px; /* important to be same as image width */
    height: 302px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float: left;
	padding: 0px; margin: 0px;
}

#banner #bannerContent {
    width: 935px; /* important to be same as image width or wider */
	top: 0; left: 0;
	margin-left: 0;
}
#banner .bannerImage { float: left; position: relative; }

#banner #bannerImageLeft { float: left; width: 577px; height: 301px; position: relative; top: 0; left: 0; overflow: hidden; }
#banner #bannerImageRight { float: left; width: 353px; height: 138px; padding: 0px 0px 0px 5px; position: relative; top: 0; left: 0; overflow: hidden; }
#banner #bannerImageLower { float: left; width: 190px; height: 158px; padding: 5px 0px 0px 5px; position: relative; top: 0; left: 0; overflow: hidden; }
#banner #bannerImageTitle { float: left; width: 158px; height: 158px; padding: 0px 0px; position: relative; top: 0; left: 0; background: url(img/mn/bg_bannerright.gif) no-repeat top left; border-top: 5px solid #FFF; border-left: 5px solid #FFF; text-align: center; overflow: hidden; }

#banner .bannerImage span {
    position: absolute;
	font: 10px 15px Arial, Helvetica, sans-serif;
    padding: 0px;
    width: 772px; height: 45px;
    background-color: #96AEBE;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    display: none;
}

#banner h2 { border-top: 5px solid #FFF; padding: 5px 0px 0px; margin: 0px; color: #FFF; font: 15px; width: 772px; height: 35px; display: block; text-indent: 10px;
    filter: alpha(opacity=99);
    -moz-opacity: 0.99;
	-khtml-opacity: 0.99;
    opacity: 0.99;
}

#banner .clear { clear: both; }
#banner .sliderImage span strong { font-size: 14px; }
#banner .top { bottom: 0; left: 0; }
#banner .bottom { bottom: 0; left: 0; }
#banner ul { list-style-type: none; padding: 0px; margin: 0px; }

#content { width: 904px; float:left; background-image:url(img/mn/bg_content.gif); background-repeat:repeat-y; text-align:left; padding:12px 36px 0px 30px; }

#contentarea { width:862px; float:left; padding:0px 21px 0px 0px; margin:0px; }

#contentsquares { width:21px; float:left; padding:0px }

#contentleft_home { width:460px; float:left; padding:0px 15px 0px 0px; }

#contentright_home { width:375px; float:left; padding:0px 0px 0px 33px; background-image:url(img/home/bg_homeright.gif); background-repeat:no-repeat; }

#contentright_home p { font-size:11px; padding:3px 0px; margin:0px; }

#contentright_col1 { width:165px; float:left; padding:20px 17px 0px 0px; }

#contentright_col2 { width:178px; float:left; padding:20px 0px 0px 15px; }

#post {}

#news h4{margin-bottom: 10px;}
#news p{margin-top:0;}


/* FOOTER */

#pageend{ width: 904px; height: 11px; padding:0px 36px 0px 30px; text-align: left; float: left; overflow: hidden; color: #4C1301; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background:url(img/mn/bg_content.gif) repeat-y top center; }

#footer { width:928px; height:11px; float:left; padding:30px 20px 0px 22px; background-image:url(img/mn/footer.gif); background-repeat:no-repeat; color:#676767; font-size:11px; }

#footer a {color:#676767; text-decoration:none; }
#footer a:hover {color:#676767; text-decoration:underline; }

#footer_left {width:464px; text-align:left; float:left; }
#footer_right {width:464px; text-align:right; float:left; }

#downloadbutton img {outline:none; border:none;}