/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font: 9px verdana, arial, helvetica, sans-serif;
	color: #164340;
	background-color: #aac6c7;
	background-image: url(../images/hp_rt_repeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-attachment: scroll;
} /* for IE5/IE5.5 */

#wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
	margin: 0px auto 0px 0px;
	padding: 0px;
	text-align: left; /*re-aligns the text after the hack on the body*/
}

#base {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 234px;
	visibility: visible;
	background-color: transparent;
}

/* The menu_bar is to be used only for the reference.*/
/* It should always be a z-index: 10.  See file: css_files/hp_menu.css*/
/* Use this ONLY for positioning reference.*/
/* 
#menu_bar {
	position: absolute;
	z-index: 10;
	top: 130px;
	left: 210px;
	width: 520px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
	overflow: hidden;
	color: #000000;
	background-color: transparent;
}
*/

#language {
	position: absolute;
	z-index: 3;
	top: 196px;
	left: 600px;
	width: 150px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	visibility: visible;
	background-color: #ffffff;
}


#content {
	position: absolute;
	z-index: 3;
	top: 234px;
	left: 0px;
	width: 750px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	visibility: visible;
	background-color: #ffffff;
	/*overflow: hidden;*/
}

#page_head {
	position: absolute;
	z-index: 4;
	top: 146px;
	left: 0px;
	width: 209px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

#text_head {
	position: absolute;
	z-index: 5;
	top: 170px;
	left: 209px;
	width: 400px;
	height: 46px;
	margin: 0px 10px 10px 20px;
	padding: 0px;
	background-color: transparent;
}

#boxout {
	float: left;
	width: 209px;
	margin: 0px 20px 20px 0px;
	padding: 0px;
	background-color: transparent;
	background-image: url(../images/c0_cd_d3_repeat.gif);
	background-repeat: repeat-y;
	bottom: 0px;
}

#boxout img {
	position: absolute;
	border: none;
	margin: 0px;
	padding: 0px;
}

.first {
	left: 0px;
	top: 0px;
}

.second {
	left: 0px;
	top: 53px;
}


#sidebar {
	float: right;
	width: 150px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 0px;
	background-color: #e6e6e6;
	background-image: url(../images/corner_round.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#sidebar img {
	position: relative;
	border: none;
	margin: 0px;
	padding: 0px;
}


#foot {
	position: absolute;
	z-index: 6;
	visibility: visible;
	width: 750px;
	height: 20px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 20px 0px;
	padding: 0px;
	border: solid #133e5b;
	border-width: 1px 0px 0px 0px;
}	

.left {
	float: left;
	margin: 0px 10px 0px 0px;
}

.right {
	float: right;
	margin: 0px 0px 0px 10px;
}