/* CSS Document */


html, body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow: hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	top:0; /* place the content at the top */
	left:0; /* and left of the body */
	z-index:5;
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}
div#distance { 
	width:947px;
	text-align: left;
	margin-bottom: -12em; /* half of content height */
	/*background: red;      /* temporary - used to see div */
	/*width: 1px;           /* required to "hide" distance div */
	height: 70px;          /* required */
	clear: left;          /* required */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

#pagecontent {
	overflow:auto; /* add scroll bars as necessary */
	position: absolute; /* position absolutely */
	z-index:1000; /* If required to cover any other divs */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	top:0px; /* a value to miss the header */
	bottom:0px; /* a value to miss the footer */
	left:0px; 
	right:0; /* this will put the scroll bar at the right of the page */
}

div#contentContainer {
	overflow: hidden;
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 500px;         /* required - desired height */
	width:947px;
	/*width: 50em;          /* required - desired width */
	background: transparent #FFF;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border-top: 5px solid #dd4824;
/*	background-image:url(../gfx/bg-transp-70.png);*/
	background-repeat:repeat;
	padding:10px;
	background: transparent url(/gfx/body-bg.png) repeat-y;

}

.clearfix{ display: block; z-index: 11; }

/* INFO / IMAGE BOX TO THE SIDE OF PAGE TEXT - START */

#background{position:absolute; left:0px; top:0px; z-index:-1; width:100%; height:100%;}


.ImageToPage {
	/*width: 280px;*/
	float: right;
	clear:left;
	overflow:hidden;
}

div#bodyContainer {		
	z-index: 11;
	padding: 0px 0px;
	height: 500px;    
	overflow: auto;     
	/*position: absolute;
	top: 0;
	left: 0;*/	
	}

div#bodyContainerFeat {		
	z-index: 11;
	padding: 0px 0px;
	height: 422px;/*450px;         */
	/*position: absolute;
	top: 0;
	left: 0;*/	
	}	
	
div#bodyWrapper {
	z-index: 11;
	padding: 0px 7px 0px 4px;
	width: 950px;
	height: 500px;
	
/*	background: transparent url(/gfx/body-bg.png) repeat-y;	*/
	
}
	
	
div#rightContainer {
	float: right;
	clear: right;
	width: 305px;
	height: 500px; /*390px*/
	margin-right: 5px;
	margin-top: 10px;
	overflow: auto;
	
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
	**/
}
body#body div#rightContainer{
	height: 500px; /* 400px */
	margin-top: 0px;
}

div#leftContainer {
	float: left;
	clear: left;
	width: 305px;
	height: 500px; /*390px*/
	margin-left: 5px;
	margin-top: 5px; /*10px*/
	overflow: auto;
	
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
	**/
}
body#body div#leftContainer{
	height: 500px;  /*390px*/
	margin-top: 0px;
	
	/*Feat*/
	
}div#bodyContainerFeat {		
	z-index: 11;
	padding: 0px 5px;
	height: 422px;         
	/*position: absolute;
	top: 0;
	left: 0;*/	
	}

div#rightContainerFeat {
	float: right;
	clear: right;
	width: 305px;
	height: 422px; /*390px*/
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
}

body#body div#rightContainerFeat {
	height: 422px; /* 400px */
	margin-top: 0px;
}

div#leftContainerFeat {
	float: left;
	clear: left;
	width: 305px;
	height: 422px; /*390px*/
	margin-left: 5px;
	margin-top: 5px; /*10px*/
	overflow: hidden;
}
body#body div#leftContainerFeat{
	height: 422px;  /*390px*/
	margin-top: 0px;
}

/* INFO / IMAGE BOX TO THE SIDE OF PAGE TEXT - START */
/* TEXT CONTAINERS - START */

div#textLeftContainer {
	padding: 0px 0px 0px 10px;
	width: 615px;
	height: 500px;
	overflow: auto;
	float: left;
	clear: left;
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
**/

}

div#textRightContainer {
	padding: 0px 0px 0px 10px;
	width: 615px;
	height: 500px;
	overflow: auto;
	float: right;
	clear: right;
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
**/

}
div#textLeftContainerFeat {
	padding: 0px 0px 0px 10px;
	width: 615px;
	height: 422px;
	overflow: auto;
	float: left;
	clear: left;
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
**/
}
div#textWideContainer {
	padding: 0px 0px 0px 10px;
	width: 950px;
	height: 500px;
	overflow: auto;
	float: right;
	clear: right;
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
**/
}
div#textWideContainerFeat {
	padding: 0px 0px 0px 10px;
	width: 950px;
	height: 422px;
	overflow: auto;
	float: right;
	clear: right;
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
**/
}


div#textRightContainerFeat {
	padding: 0px 0px 0px 10px;
	width: 615px;
	height: 422px;
	overflow: auto;
	float: right;
	clear: right;
	
	/** Scrollbar settings 
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#dddddd;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#dddddd;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#dddddd; 
**/

}

/* TEXT CONTAINERS - END */
/* ELEMENTS BELOW PAGE INFO - START */

div#menuContainer {
	/*position: relative;    positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 3em;         /* required - desired height */
	width:975px;          /* required - desired width */
	/*background: transparent #FFF;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border-top: 0px solid #154877;
}
div#footerContainer {
	/*position: relative;    positions content on top of distance */
	text-align: center;     /* horizontal centering hack for IE */
	height: 10em;         /* required - desired height */
	width:975px;         /* required - desired width */
	/*background: transparent #FFF;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border-top: 0px solid #154877;
}

/* ELEMENTS BELOW PAGE INFO - START */
/* LEFT LOGO BAR - START*/

#fixpic {display:block; width:100% height:100%; position:fixed; bottom:0; left:0;}
* html #fixpic {position:absolute;}

/* LEFT LOGO BAR - END*/
/* FEATURE ELEMENTS - START */

div#featureContainer {
	padding: 5px 10px;
	height: 75px;
	clear: both;	
}

div.featureElement{
	width: 130px;
	height: 138px;
	padding: 3px;
	margin-left: 15px;
	background: transparent url(../gfx/bg-transp-60.png);
	float: left;
	clear: right;
	overflow: hidden;
}

div#featureContainer .firstElement {
	margin-left: 0px;
}

div#featureContainer .image{
	width: 18px;
	height: 20px;
	overflow: hidden;
	background-color: transparent;
	float: right;
}

div#featureContainer .text {
	width: 130px;	
	height: 20px;
	padding: 0px 5px;
	float: left top;
	clear: none;
	font-weight:bold;
}

div#featureContainer .image-left{
	float: left;
	
}

/* FEATURE ELEMENTS - END */