
body {
  margin:0;
  font: 75%/1.5em arial, verdana, sans-serif; 
	color:#333333;
	line-height:1.5em;
	background:#dae9f7 url(images/background.png) repeat-x 0 0;
}

#containerMain {
	width:968px;
	margin:15px auto;
}

#header {
	width:968px;
	height:148px;
	background:url(images/topMiddle.png) no-repeat 0 bottom;
}

	#logo {
		width:191px;
		height:126px;
		float:left;
		margin:0 0 0 4px;
		background:url(images/logo.png) no-repeat 0 0;
	}

p {
	margin:0 0 0.8em 0;
	padding:0;
}

ul {
	padding:0;
	margin:0;
}

#containerMenu {
	float:right;
	height:35px;
	margin:78px 0 0 4px;
}
	
	#containerMenu ul li {
		list-style:none;
		font-size:1.2em;
		color:#002d6c;
		font-weight:normal;
		text-align:center;
		float:left;
	}
	
		#containerMenu ul li a {font-weight:normal;}
		
		#containerMenu ul li.item1 a {text-decoration:none;color:#002d6c; width:69px; height:29px; float:left; line-height:25px;}
		#containerMenu  ul li.item1 a:hover {color:#820f76;}
		#containerMenu ul li.item1.active a {background:url(images/menu.png) no-repeat 0 0; color:#ffffff;}
		
		#containerMenu ul li.item53 a {text-decoration:none;color:#002d6c; width:150px; height:29px; float:left; line-height:25px;}
		#containerMenu  ul li.item53 a:hover {color:#820f76;}
		#containerMenu ul li.item53.active a {background:url(images/menu.png) no-repeat -68px 0; color:#ffffff;}
		
		#containerMenu ul li.item58 a {text-decoration:none;color:#002d6c; width:106px; height:29px;float:left; line-height:25px;}
		#containerMenu  ul li.item58 a:hover {color:#820f76;}
		#containerMenu ul li.item58.active a {background:url(images/menu.png) no-repeat -217px 0; color:#ffffff;}
			
		#containerMenu ul li.item54 a {text-decoration:none;color:#002d6c; width:162px; height:29px; float:left; line-height:25px;}
		#containerMenu  ul li.item54 a:hover {color:#820f76;}
		#containerMenu ul li.item54.active a {background:url(images/menu.png) no-repeat -321px 0; color:#ffffff;}
	
		#containerMenu ul li.item75 a {text-decoration:none;color:#002d6c; width:139px; height:29px;float:left; line-height:25px;}
		#containerMenu  ul li.item75 a:hover {color:#820f76;}
		#containerMenu ul li.item75.active a {background:url(images/menu.png) no-repeat -483px 0; color:#ffffff;}
		
		#containerMenu ul li.item55 a {text-decoration:none;color:#002d6c; width:84px; height:29px;float:left; line-height:25px;}
		#containerMenu  ul li.item55 a:hover {color:#820f76;}
		#containerMenu ul li.item55.active a {background:url(images/menu.png) no-repeat -620px 0; color:#ffffff;}
		
		.middleMenu li {
			list-style:none;
			margin:0 100px 15px 0;
			float:left;
		}
		
		.submenu ul {
			width: 200px;
			padding:0;
			float:left;
			margin:0 15px 15px 0;
		}
		
			.submenu ul li {
				list-style:none;
				padding:0 0 0 5px;
				line-height:25px;
				width:195px;
				font-weight:bold;
				border-bottom:1px #69ADE8 dotted;
			}

			.submenu ul li a:link {color:#002d6c; width:200px; display:block;}
			.submenu ul li a:visited {color:#002d6c; width:200px; display:block;}
			.submenu ul  li a:hover, .over {color:#69ADE8;}
			.submenu ul  li.active a {color:#820f76;display:block;background:url(images/arrow.png) no-repeat 0 8px; padding-left:15px;}
		
#middle {
	width:928px;
	min-height:350px;
	float:left;
	padding:2px 20px 12px 20px;
	background:url(images/yMiddle.png) repeat-y;
}

.moduletableSlide {
	margin-bottom:15px;
	float:left;
}

.shadow {
	width:928px;
	height:15px;
	clear:both;
	background:url(images/shadow.png) no-repeat center 0;
}

.containerCols {
	float:left;
	margin-right:-15px;
}

	.col {
		width:335px;
		float:left;
		margin-right:15px;
	}

	.col1 {
		width:228px;
		float:left;
		margin-right:15px;
	}
	
		.newsLetter {
			margin:15px 0 0 15px;
		}
		
			.newsLetter h3 {float:left;}
		
			.mailField{
				width:200px;
				margin:0;
			}
	
	.intro {
		font-weight:bold;
		color:#002D6C;
	}

	a.post {
		width:198px;
		height:205px;
		display:block;
		font-size:1.4em;
		line-height:1.5em;
		font-family: Segoe Print;
		color:#002D6C!important;
		padding:50px 10px 0 20px;
		background:url(images/postit.jpg) no-repeat;
	}

		.post h2 {margin:0; color:#002D6C;font-family: Segoe Print;}
		.post p {margin:0.6em 0 0 0;font-family: Segoe Print;
						*margin:0.9em 0 0 0;
		}

.containerRight {
	width:713px;
	float:left;
}

	.colRef {
		width:237px;
		float:left;
		margin-bottom:15px;
	}
	
	.colRef li {list-style:none;}

	a.pdfContent {
		padding-left:20px;
		font-weight:bold;
		clear:both;
		float:left;
		margin:0 0 7px 0;
		background:url(images/pdf.png) no-repeat 0 center;
	}

	.pdflist{float:left;}
			.pdflist h2 {margin-top:1em;}
			
			.pdflist li {
				list-style:none;
				padding-left:20px;
				margin:5px 0 5px 0!important;
				background:url(images/pdf.png) no-repeat 0 center;
			}

	.containerRight img {
		float:left;
		clear:left;
	}
	
	.containerWide {
		width:100%;
		float:left;
	}

	.containerWide img {
		float:left;
	}

	.logoProretail {
		width:227px;
		height:150px;
		float:right;
		margin:42px 0 0 14px;
		background:url(images/logo_proretailacademy.png) no-repeat 0 0;
	}
	
	.logosAcademy {
		width:350px;
		height:122px;
		float:right;
		margin:56px 0 0 13px;
		background:url(images/logos_academy.png) no-repeat 0 0;
	}
	
	a.backButton {
		float:right;
		clear:both;
		height:25px;
		*width:71px;
		display:block;
		cursor:pointer;
		font-weight:bold;
		margin-top:-25px;
		*margin-top:25px;
		color:#ffffff!important;
	}
		
	a:hover.backButton {color:#002D6C!important;}
	
	.backButtonLeft {
		width:21px;
		height:25px;
		float:left;
		background:url(images/backLeft.png) no-repeat;
	}
	
	.backButtonCenter {
		height:22px;
		float:left;
		padding:3px 0px 0 5px;
		background:url(images/backCenter.png) repeat-x;
	}
	
	.backButtonRight {
		width:12px;
		height:25px;
		float:left;
		background:url(images/backRight.png) no-repeat;
	}

#content-padding h2.componentheading {
display:none
}

#content .content h2.componentheading {
display:block;
}

.clear {
	clear:both;
}

.moduletablemaps {
	clear:both;
	float:left;
	width:100%;
	margin-top:15px;
}

	.moduletablemaps h3 {
		font-size:1.2em;
		margin:0 0 0.3em 0;
	}
	
	.wrappermaps {
		border:1px solid #e2e2e2;
	}

#footer {
	width:958px;
	height:25px;
	color:#002d6c;
	padding:15px 5px 0 5px;
	background:url(images/bgFooter.png) no-repeat;
}

	#footer a {
		color:#002d6c;
	}

	#footer ul {
		margin:0;
		padding:0;
	}
	
	#footer ul li {
		float:left;
		list-style:none;
		margin-right:20px;
	}

	.footerTextLeft {
		float:left;
	}
	
	.footerTextRight {
		float:right;
		font-size:0.8em;
	}

/* END OF LAYOUT STYLES */


/* GENERAL PURPOSE STYLES */

a:link, a:visited {
	outline:none;
	text-decoration:none;
	color: #333333;
}

a:hover, a:active {
	outline:none;
	text-decoration:none;
	color:#002D6C;
	font-weight:bold;
}
	
	.moduletableContact {
		width:170px;
		float:right;
		padding:15px;
		background:#f8f8f8;
		border:1px solid #e2e2e2;
	}
	
		.moduletableContact img {
			margin-bottom:15px;
		}

img {
	border: 0;
}

fieldset {
	border:none;
}

/* useful tags */


h1, h2, h3, h4 {
	margin:0 0 0.3em 0;
	color:#820F76;
}

@font-face {
	font-family: Segoe Print;
	src: url(fonts/SEGOEPR_0.TTF);
}

h1 {
	font-size:1.4em;
	font-weight:normal;
}

h2 {
	font-size:1.1em;
	color:#333333;
	font-weight:normal;
}

h2.contentheading, 
h2.componentheading, 
.componentheading, 
.contentheading {
	font-size:1.2em;
	font-weight:bold;
	color:#002D6C;
}

.componentheading1 {
	display:none;
}

.contentpagetitle {
	margin-left:-10px;
	font-size:1.1em;
}

h3 {
	font-size: 1em;
	margin:0;
	padding:0
}

h4 {
	font-size: 1em;
}

.contentpaneopen {
	margin:0;
}

.contentpane {
	padding:0;
}

/* NAVIGATION MENU */

.buttonSubscribe {
	color:#ffffff;
	font-weight:bold;
	width:115px;
	height:25px;
	float:left;
	text-align:center;
	clear:both;
	font-size:1em;
	border:0;
	margin-top:10px;
	padding:0 1em 5px 0;
	line-height:2em;
	cursor:pointer;
	background:url(images/button.png) 0 0 repeat-x;
}

a.button {
	color:#ffffff;
	font-weight:bold;
	width:103px;
	height:22px;
	float:left;
	text-align:center;
	clear:both;
	font-size:1em;
	border:0;
	margin:7px 0 15px 0;
	padding:3px 1em 0 0;
	*padding-bottom:0;
	cursor:pointer;
	background:url(images/button.png) 0 0 repeat-x;
}

	a:hover.button {color:#002D6C;}

#system-readmore {
	clear:both;
}
