/* HTML elements */

body {
	background-color: #464648;
	margin: 0px auto;
	text-align: center;
	font-family: calibri, Calibri, Arial, Helvetica, sans-serif;
	color: #464648;
	font-size: 12px;
}

a {
	color: #B30017;
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}

textarea {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #464648;
	font-size: 12px;	
}

/* Wrapper around entire page */

#page {
	margin: 0px auto;
	width: 932px;
	background-image: url(images/template/page_bg.gif);
	background-repeat: repeat-y;
}

/* Top area */

#top {
	height: 160px;
	width: 874px;
	margin: 0px auto;	
	background-image: url(images/template/top_bg.gif);
	background-repeat: repeat-x;
}

#bannerArea {
	height: 130px;
	position: relative;
}

#logo {
	position: absolute;
	bottom: 0px;
	right: 25px;
}

/* Top navigation */

#nav {
	text-align: left;
	padding-top: 4px;
	font-size: 15px;
	text-transform: uppercase;
}

#nav a {
	color: #464648;
	text-decoration: none;
	letter-spacing: 1px;
}

#nav a:hover {
	color: #B00117;
}

/* Picture section */

#mid {
	width: 874px;
	background-color: #af0017;
	background-image: url(images/template/mid_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0px auto;	
/*	padding-bottom: 14px; */
}

.section #mid {
	background-image: url(images/template/section_top_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 14px;	
}

#mid .illuArea {
	color: #FFF;	
}

#mid .illuArea .headline, #mid .illuArea .text {
	float: left;
	width: 230px;
	text-align: left;
	padding-left: 30px;
	padding-top: 25px;	
}

#mid .illuArea .text h2 {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	font-size: 25px;
	line-height: 36px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#mid .illuArea .text p {
	padding-top: 0px;
	margin-top: 0px;
	line-height: 17px;
}

#mid .illuArea .illustration {
	width: 584px;
	height: 351px;
	float: right;
	text-align: left;
}

.front #mid .illuArea .illustration {
	width: auto;
	height: auto;
	float: left;
}

.section #mid .illuArea {
	padding-bottom: 20px;
}

.section #mid .illuArea p {
	margin-bottom: 0px;
}

.section #mid .illuArea .illustration {
	width: 584px;
	height: auto;
	float: right;
	text-align: left;
}



#mid .title {
	width: 584px;
	float: right;
	text-align: left;
	height: 42px;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 42px;
	letter-spacing: 1px;
	color: #FFF;
	text-transform: uppercase;
}

.front #mid .title {
	width: 858px;
	padding-left: 16px;
}

#frontpagePics {
/*	width: 874px; */
	width: 900px;
	margin: 0px auto;		
	border-bottom: 2px solid #464648;
	padding-bottom: 5px;
}

#frontpagePics .left, #frontpagePics .right {
	width: 430px;
	display: inline;
	padding-top: 6px;
	background-image: url(images/template/dotted_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#frontpagePics .left {
	float: left;
	margin-left: 13px;
}

#frontpagePics .right {
	float: right;
	margin-right: 13px;
}

#frontpagePics p {
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 6px;
	background-image: url(images/template/dotted_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	display: block;
}

#frontpageLinks {
	width: 874px;
	margin: 0px auto;		
/*	border-bottom: 2px solid #464648; */
/*	padding-bottom: 5px; */
	margin-top: 5px;	
/*	border: 1px solid #00F; */
}

#frontpageLinks .left {
	float: left;
	text-align: left;
}

#frontpageLinks .left h2 {
	font-size: 17px;
	color: #af0017;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	display: inline-block;
}

#frontpageLinks .left p {
	margin-top: 0px;
	padding-top: 0px;
}

#frontpageLinks .left, #frontpageLinks .right {
	width: 430px;
	display: inline;
}

#frontpageLinks .right {
	position: relative;
	padding-top: 6px;
	background-image: url(images/template/dotted_line.gif);
	background-repeat: repeat-x;
	background-position: top;	
	float: right;
}

#frontpageLinks .left .content {
	position: relative;
	height: 158px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 50px;	
/*	border: 1px solid #000;	*/
}

#frontpageLinks .right .content {
	position: relative;
	display: block;
	background-color: #c11518;	
	background-image: url(images/template/frontpage_contact_bg.gif);
	height: 128px; 
	background-repeat: no-repeat;	
	color: #FFF;
	text-align: left;
	padding-left: 22px;
	padding-right: 15px;
	padding-top: 55px;
	padding-bottom: 50px;
/*	border: 1px solid #000; */
}

#frontpageLinks .right .content a {
	color: #FFF;
}


#frontpageLinks .right .contactLink {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

#frontpageLinks .left .mpiLink {
	position: absolute;
	left: 15px;
	bottom: 15px;
}

#frontpageLinks .left .mpiLink img {
	float: left;
	padding-right: 20px;
}

#mainContent {
	width: 874px;
	background-image: url(images/template/main_content_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px auto;
	padding-top: 25px;
	padding-bottom: 25px;
}

.section #mainContent {
	background-image: none;
	padding-top: 0px;	
}

#mainContent .right {
	width: 534px;
	_width: 584px;
	display: inline-block;	
	padding-right: 50px;
	float: right;
	text-align: left;
}
	
#mainContent .right h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #B30017;
	font-size: 17px;
	font-weight: normal;
	line-height: 24px;
}	
	
/* Section page teasers */	

.teaser {
	display: inline-block; 
	float: left;
	width: 282px;
	_width: 296px;
/*	margin-right: 14px; */
	padding-right: 14px; 
	border-bottom: 1px solid #464648;
	margin-bottom: 14px;		
	height: 291px;	
	overflow: hidden;
}

.teaser.last {
/*	margin-right: 0px; */
	_width: 280px;
	padding-right: 0px;
}

.teaserIllu {

}

.teaserText {
	text-align: left;
	position: relative;
	display: inline-block;
	height: 109px;
	_height: 120px;	
	width: 282px;
	padding-top: 12px;
	padding-bottom: 0px;
	background-image: url(images/template/section_teaser_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;		
}

.teaserText h2, .teaserText p {
	padding-left: 8px;
	padding-right: 8px;
}

.teaserText h2 {
	color: #AF0017;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
}

.teaserText h2 a {
	color: #AF0017;
	text-decoration: none;	
}

.teaserText p {
	line-height: 15px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.teaserText .teaserLink {
	position: absolute;
	bottom: 8px;
	right: 0px;
}
	
/* Clear div */

.clear {
	clear: both;
}

.pageBottom {
	background-image: url(images/template/page_bg_bottom.gif);
	width: 932px;
	height: 24px;
	margin: 0px auto;
}