.topMenu {
	position: absolute;
	top: 70px;
	background: url(../Images/Common/TopBanner/topBannerBackground.png) no-repeat !important;
	height: 244px;
	width: 960px;
	z-index: 10;
}

.topMenu #topMenuBannerImage{
	position:absolute;
	margin-top:8px;
	margin-left:7px;
	z-index: 11;
}

.topMenu #topMenuLogoImage{
	position:relative;
	top:-80px;
	left:50px;	
	border:none;	
	z-index: 12;
}


/*  Navigation below  */


.navigationContainer{
	position:absolute;
	top:234px;
	left:150px;
	z-index:20;
}


.navigationContainer ul, .navigationContainer li{
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;
	font-family: Georgia, serif;
	font-size:10pt;
}

.navigationContainer ul{
	height:32px;
}

.navigationContainer li{
	float:left; 
	margin-right:0px;
}

.tab a:link, .tab  a:visited{
	background:url(../Images/Common/Navigation/inactive.png) right; 
	color:#32322E;
	display:block;
	font-weight:bold;
	height:39px;
	line-height:30px;
	text-decoration:none;
}
.tab span{
	background:url(../Images/Common/Navigation/inactive.png) left;  
	display:block;
	height:39px;
	margin-right:18px;
	padding-left:16px;  /* This adjust the text in the navigation to the right */
}
.tab a:hover{
	background:url(../Images/Common/Navigation/hover.png) right 39px; 
	display:block;
	color:#e0ded0;  
}
.tab a:hover span{
	background:url(../Images/Common/Navigation/hover.png) left 39px;  
	display:block;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS	*/		
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	color:#0f0f0f; 
	background:url(../Images/Common/Navigation/active.png) right 0 no-repeat; 
} 
.active a span, .active a:hover span{
	background:url(../Images/Common/Navigation/active.png) left 0 no-repeat;
}



/* Side Tabs --------------------*/

#sideTabList {
	margin: 0;
	padding: 0;
    background:none;
	list-style-type: none;
	width:102px;
	position:absolute;
	left:794px;
	z-index:14;
}

#sideTabList li {
    background:url(../Images/Common/SideTab/tab.png) left; 
	background-repeat:no-repeat;
    margin:0;
	padding:0;
	height:49px;
	float: left; /* this corrects the */
	width: 100%; /* IE whitespace bug */
}

#sideTabList a {
	display: block; /* to increase clickable area as a’s defaultto inline */
	color: #0f0f0f;
	padding: 0 15px;
	line-height:2.5;
	font-family: Georgia, serif;
	font-size:10pt;
	text-decoration:none;
}


/*  Side tab list to use. TODO: refactor name -> sideTabList  */

#mySideTabList {
	position:absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	left:802px;
	z-index:14;
}

#mySideTabList li {
	float: left; /* this corrects the */
	width: 100%; /* IE whitespace bug */
	margin-bottom:10px;
}


#mySideTabList a {
    border:1px solid black;
	display: block; 
	padding-left: 11px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:3px;
	font-family: Georgia, serif;
	font-size:10pt;
	text-decoration:none;
	min-width:90px;
}

#mySideTabList a#active{
	position:relative;
    border-bottom:2px solid #737373;
    border-right:1px solid #737373;
    border-top:4px solid black;
	border-left:0px;
	padding-left: 18px !important;
	width:101px;
	left:-18px !important;
	background:#e1e7ed;
}

#mySideTabList  a:link, #mySideTabList   a:visited{
	background:#c2c6cc; 
	color:#32322E;
	border:1px solid #737373;
	width:60px;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

#mySideTabList a:hover{
	background:#e1e7ed; 
	display:block;
	color:#000;  
}