/* CSS Document */

body {
	text-align: center; /*For IE */
	font-family: arial, helvetica, sans-serif;
	background-color: #f0f0f0;
	 
/*	 this bit is causing probs in FF 3.6
	 
	 background: url("
   javascript:
     document.body.onload = function(){
        var xbutton = document.getElementById('col-2-top');
        if (xbutton) {
            xbutton.style.zIndex = 9999;
        }
     }
 ");



*/


}

.mnu2 {
  background-color:#EEF1F6;
}

.mnu3 {
  background-color:#FBF9EC;
}

.mnu4 {
  background-color:#F6F6F4;
}

.mnu5 {
  background-color:#F6E8E7;
}
/* ------------ LAYOUT DIVS ---------- */
#container_all {
	position:relative;
	width:100%;
	margin: 0 auto; /* to centre container in browser */
   text-align: left;
	z-index:1;
}
#header_bg {
  float: left;  
  width:100%;
  height: 113px;
}
#header_bg_left{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg_left.jpg);
   background-repeat: repeat;

}
*:first-child+html #header_bg_left{
   width: 48%;
   float:left;
   height:113px;
   background-image:url(elements/bg_left.jpg);
   background-repeat: repeat;

}
#header_bg_right1{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg_right1.jpg);
   background-repeat: repeat;

}
*:first-child+html #header_bg_right1{
   width: 48%;
   float:left;
   height:113px;
   background-image:url(elements/bg_right1.jpg);
   background-repeat: repeat;

}
#header_bg_right2{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg-right2.jpg);
   background-repeat: repeat;

}
#header_bg_right3{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg-right3.jpg);
   background-repeat: repeat;

}
#header_bg_right4{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg-right4.jpg);
   background-repeat: repeat;

}
#header_bg_right5{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg-right5.jpg);
   background-repeat: repeat;

}

#header_bg_right6{
   width: 50%;
   float:left;
   height:113px;
   background-image:url(elements/bg_right1.jpg);
   background-repeat: repeat;

}

#container {
	position:relative;
	width:1024px;
	min-height: 650px; height:auto !important; /*this line for firefox (and IE7) etc */
	height: 650px; /* this line for IE6 */
	margin: 0 auto; /* to centre container in browser */
   text-align: left;
	z-index:1;
}

*:first-child+html #container {
	position:relative;
	top:-113px;
	
	width:1024px;
	min-height: 650px; height:auto !important; /*this line for firefox (and IE7) etc */
	height: 650px; /* this line for IE6 */
	margin: 0 auto; /* to centre container in browser */
   text-align: left;
	z-index:1;
}
#header {
	position:relative;
	width:1024px;
	height:113px;
	z-index:1;
	background-image: url(elements/header.gif);
	background-repeat: no-repeat;
}
#header1 {
	position:relative;
	
	width:1024px;
	height:113px;
	z-index:1;
	background-image: url(elements/header.gif);
	background-repeat: no-repeat;
}

#header2 {
	position:relative;
	width:1024px;
	height:113px;
	z-index:2;
	background-image: url(elements/header-2.gif);
	background-repeat: no-repeat;
}
#header3 {

	position:relative;
	width:1024px;
	height:113px;
	z-index:2;
	background-image: url(elements/header-3.gif);
	background-repeat: no-repeat;
}
#header4 {
	position:relative;
	width:1024px;
	height:113px;
	z-index:2;
	background-image: url(elements/header-4.gif);
	background-repeat: no-repeat;
}
#header5 {
	position:relative;
	width:1024px;
	height:113px;
	z-index:2;
	background-image: url(elements/header-5.gif);
	background-repeat: no-repeat;
}
#header6 {
	position:relative;
	width:1024px;
	height:113px;
	z-index:2;
	background-image: url(elements/header.gif);
	background-repeat: no-repeat;
}


	

#search {
	position:relative;
	top: -92px;
	width:1024px;
	height:27px;
	z-index:7;
	font-size: 10px;
	color: #ffffff;
	padding-left: 600px;
}

#search input {
	margin-top: 8px;
	height: 12px;
	width: 150px;
	background-color: #fffff;
	border: 0px;
	font-size: 10px;
	margin-left:10px;
}


.button {
	
	background-color: transparent;
	width: 30px !important;
	height: 17px !important;
	color: #ffffff;
	margin-left: 1px;
	

}
.button:hover{
	font-weight: bold;
	font-size:11px;
	cursor: pointer;
}


#content {
	position:relative;
	top: -112px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	background-image:url(elements/content-bgnd-1.jpg);
	
	}
#content1 {
  background-image:url(elements/content-bgnd-1.jpg);
  	position:relative;
	top: -90px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	
}
#content2 {
  background-image:url(elements/content-bgnd-2.jpg);
  	position:relative;
	top: -90px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	
}

#content3 {
  background-image:url(elements/content-bgnd-3.jpg);
  	position:relative;
	top: -90px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	
}

#content4 {
  background-image:url(elements/content-bgnd-4.jpg);
  	position:relative;
	top: -90px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	
}

#content5{
  background-image:url(elements/content-bgnd-5.jpg);
  	position:relative;
	top: -90px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	
}	
#content6 {
	position:relative;
	top: -90px;
	width:1024px;
	min-height: 504px; height:auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	background-image:url(elements/content-bgnd-1.jpg);
	
	}
	
#col-1 {
	position:relative;
	float:left;
	width:161px;
	height:504px; /* this line for IE6 */
	z-index:3;
}
#col-2 {
	position:relative;
	float:left;
	
	width:506px;
	min-height: 504px; height: auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	z-index:3;
}

		#col-2-top {
			position:relative;
			width:434px;
			height:69px;
			z-index:100 !important;
			/*background-image:url(elements/col2top-bgnd.jpg);*/
			background-repeat: no-repeat;
			padding-top: 7px;
			padding-left: 72px;
		}
		
		#col-2-content {
			position:relative;
			width:355px;
			min-height: 395px; height: auto !important; /*this line for firefox (and IE7) etc */
			height:395px; /* this line for IE6 */		
			padding-left: 72px;
			padding-right: 79px;
			padding-top: 8px;
			padding-bottom: 25px;
			z-index:5;
			
			}
		#col-2-contentCMS {
			position:relative;
			width:355px;
			min-height: 395px; height: auto !important; /*this line for firefox (and IE7) etc */
			height:395px; /* this line for IE6 */		
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 8px;
			padding-bottom: 25px;
			z-index:3;
			
			}

#col-3 {
	position:relative;
	float:left;
	
	width:254px;
	min-height: 504px; height: auto !important; /*this line for firefox (and IE7) etc */
	height:504px; /* this line for IE6 */
	z-index:4;
}

		#col-3-top {
			position:relative;
			width:254px;
			height:49px;
			z-index:2;
			}
			
			#col-3-content {
			position:relative;
			width:200px;
			min-height:455px; height: auto !important; /*this line for firefox (and IE7) etc */
			height:455px; /* this line for IE6 */
			z-index:3;
			padding-left: 17px;
			padding-right: 37px;
			
			}
			
			
#col-4 {
	position:relative;
	float:left;
	width:103px;
	height:504px;
	z-index:5;
}
#footer {
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 224px;
	background-image:url(elements/footer-bgnd-1.jpg);
}

#footer1 {
  
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 200px;
	background-image:url(elements/footer-bgnd-1.jpg);
}

#footer2 {
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 200px;
	background-image:url(elements/footer-bgnd-2.jpg);
}

#footer3 {
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 200px;
	background-image:url(elements/footer-bgnd-3.jpg);
}

#footer4 {
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 200px;
	background-image:url(elements/footer-bgnd-4.jpg);
}
#footer6 {
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 200px;
	background-image:url(elements/footer-bgnd-1.jpg);
}
#footer5 {
	position: relative;
	width:800px;
	height:27px;
	z-index:10;
	top:-113px;
	padding-top: 10px;
	text-align: left;
	padding-left: 200px;
	background-image:url(elements/footer-bgnd-5.jpg);
}

.login{
	margin-top:200px;

}

.clear {clear:both;}

/* ------------ TYPOGRAPHY ---------- */


p, ul, li {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: left;
	margin-top: 0px;
	color:#333333;
	}

a:link, a:visited, a:active {
	color: #333333;
	text-decoration: underline;
}

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

h1 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
}

h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: left;
}

h4{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

h5{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin: 2px;	
}

h6{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 15px;
}

#col-3-content p, #col-3-content h1, #col-3-content h2, #col-3-content h3, #col-3-content h4, #col-3-content h5, #col-3-content h6, ul, li, #col-3-content a {
	color:#999999;
}

#col-3-content a:hover {
	color: #FF9900;
	text-decoration: underline;
	}

#footer p, #footer1 p, #footer2 p, #footer3 p, #footer4 p, #footer5 p, #footer6 p {
	font-size: 9px;
	color: #999999;
}

#footer a:link, #footer a:active, #footer a:visited, #footer1 a:link, #footer1 a:active, #footer1 a:visited
,#footer2 a:link, #footer2 a:active, #footer2 a:visited, #footer3 a:link, #footer3 a:active, #footer3 a:visited
, #footer4 a:link, #footer4 a:active, #footer4 a:visited, #footer5 a:link, #footer5 a:active, #footer5 a:visited
,#footer6 a:link, #footer6 a:active, #footer6 a:visited {
	color: #999999;
	text-decoration: none;
}

#footer a:hover, #footer1 a:hover, #footer2 a:hover, #footer3 a:hover, #footer4 a:hover, #footer5 a:hover, #footer6 a:hover {
	text-decoration: underline;
}