/* 2010 www.mediagraphia.com */
body  {
	background-color: #006699;
	background-image: url(../images/SmallTemplate/BigBack.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
#container {
	width: 780px;
	background-image: url(../images/SmallTemplate/Background.jpg);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;/* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	
} 
#header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: right;	
	
} 
#HeaderBackground {
	min-height: 284px;
	background-image: url(../images/SmallTemplate/Top.jpg);
	background-repeat: no-repeat;
}
	
	

#seperator{
	background-repeat: no-repeat;
	height: 1px;
	z-index: 3;
		
		
	}

	
#mamboTopModule {
      position: absolute;
	top: 0px;
	width: 475px;
	margin-left: 225px;  
	margin-right: 0px; 
	line-height: 10px;margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	}


#mamboMainBody {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	    

	}
#footer {
	background-image: url(../images/SmallTemplate/Footer.jpg);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height: 33px;
} 



#mamboLeftModule {
	float: left; /* since this element is floated, a width must be given */
	width: 180px;
	padding-left: 10px;
	padding-top: 80px;
   }
	
#LeftMenu {
	width: 157px;
	background-image: url(../images/SmallTemplate/MenuContent.jpg);
	padding-left: 3px;
}
#LeftMenuTop {
	background-image: url(../images/SmallTemplate/MenuTop.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 160px;
}
#LeftMenuBottom {
	background-image: url(../images/SmallTemplate/MenuBottom.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 160px;
}

#breadcrumbs {
	margin-left: 10px;
	margin-right: 70px;
	margin-top: 45px;
	margin-bottom: 10px;	
}
	
#banners_bottom{
padding-top: 10%;

width: 100%;
clear: both;
 position: absolute;


	
}

#mod_bottom {
clear: both;
padding-top: 10%;




}
/* Styles for Evaluation Section links */
.styleOrange {
	background-color: #FF6600;
}

.styleYellow {
	background-color: #FFFF00;
}
.styleGreen {
	background-color: #009900;
}
.styleRed {
	background-color: #CC0000;
}.stylePurple {
	background-color: #9900FF;
}