
* {
	margin: 0; padding: 0;
}

html {
	width: 100%;
	background-color: #edeff2;
}


body {
	font-size: 76%; 
	font-family: Arial;
	color: #66666e;
}

a {
	color: #45b955;
	text-decoration: none;
}

a:hover {
	color: #45b955;
	text-decoration: underline;
}

strong {
	font-weight: bold;
}


/* Wrapper ---------------------------------------------------------------------------------------------------------------------------------------- */	

.mother{
	width: 818px;
	margin: auto;
	padding: 0px 0px 36px 0px;
	background-color: #FFFFFF;
}


/* Page Header ------------------------------------------------------------------------------------------------------------------------------------- */	
	
	.header {
		width: 746px;
		height: 100px;
	}

	.header .logo {
		float: left;
		width: 297px;
		height: 100px;
		background-image:url(../images/logo.gif);
		background-repeat:no-repeat;
		font-size: 1px;
		text-indent: -999em;
	}
	
		
/* Navigation container ------------------------------------------------------------------------------------------------------------------------ */	


.navcontainer {
	height: 2.4em;
	background-color: white;
	background-image: url(../images/navBg.gif);
	background-repeat:repeat-x;
/*
	border-top-color: #a9a9a9;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-color: #a9a9a9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
*/
	padding: 0px 12px 0px 12px;
}

	.navcontainer ul {
		padding:0;
		margin:0;
	}
	
	.navcontainer li {
		background-color: white;
		float: left;
		margin: 0px 38px 0px 0px;
		list-style: none;
	}
	
	.navcontainer a {
		color: #66666e;
		text-decoration: none;
	}
		
	.navcontainer a:hover {
		color: #5888c1;
	}
	
	.navcontainer .active {
		/*color: red;*/
	}
	
	.navcontainer .selected a {
		color: #5888c1;
	}


.menuA {
	display: block;
	float: left;
	height: 20px;
	background-color: white;
	margin: 7px 0px 0px 0px;
}

	.menuA li {
		margin: 0px 38px 0px 0px;
	}

.menuB {
	display: block;
	float: Right;
	height: 20px;
	background-color: white;
	margin: 7px 0px 0px 0px;
}
	.menuB li {
		margin: 0px 0px 0px 20px;
	}
	
	
	
/* Generic Content styles -------------------------------------------------------------------------------------------------------------------------------- */
	

.content {
	width: 746px;
	margin: auto;
}
	
	.content p {
		/* line-height: 5.5em; */
	}
	
	.content .divider{
		display: block;
		width: 746px;
		height: 1px;
		background-image:url(../images/dividerDots.gif);
		background-repeat:repeat-x;
		margin: 40px 0px 25px 0px;
	}
	
	
	/* More Info, Links and Contact Us ------------------------------------------------------------------------- */

	.content .moreContainer{
		display: block;
		width: 746px;
		background-image:url(../images/moreBg.gif);
		font-size: 90%;
	}
	
	
	.content .moreContainer ul {
		padding:0;
		margin:0;
	}
	
	.content .moreContainer li {
		margin: 0px 0px 8px 0px;
		list-style: none;
	}
	
	.content .moreContainer p {
		line-height: 1.5em;
		margin-bottom: 8px;
	}
	
	.content .moreContainer .moreInfoBox{
		float:left;
		width: 228px;
		background-image:url(../images/heading_moreInfo.gif);
		background-repeat:no-repeat;
		margin: 0px 0px 0px 10px;
		padding-top: 35px;
	}
	
	.content .moreContainer .linksBox{
		float:left;
		width: 228px;
		background-image:url(../images/heading_links.gif);
		background-repeat:no-repeat;
		margin: 0px 0px 0px 21px;
		padding-top: 35px;
	}
	
	.content .moreContainer .contactBox{
		float:left;
		width: 228px;
		background-image:url(../images/heading_contactUs.gif);
		background-repeat:no-repeat;
		margin: 0px 0px 0px 21px;
		padding-top: 33px;
	}

		
/* Footer ------------------------------------------------------------------------------------------------------------------------------------------- */
	

.footer{
	position: relative;
	margin: auto;
	width: 818px;
	height: 80px;
	background-image:url(../images/wLogo.gif);
	background-position: 10px 13px;
	background-repeat:no-repeat;
}

.footer p{
	position: absolute;
	left: 60px;
	top: 21px;
	font-size: 11px;
}

.footer .nordin {
	position: absolute;
	right: 10px;
	top: 20px;
	overflow: hidden;
}

.footer .nordin p{
	top: 1px;
	left: 0px;
}

.footer .nordin .logo {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 56px;
	height: 15px;
	overflow: hidden;
	background: url(../images/nordinLogo.gif) no-repeat 0px 0px;
	text-indent: -999px;
}

.footer .nordin a{
	display: block;
	height: 30px;
	width: 100px;
}

.footer .nordin a:hover .logo{
	background: url(../images/nordinLogo.gif) no-repeat 0px -18px;
}


