/* CSS Document */

/* Use * to change all styles */
* {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background: url(../../images/layout/header_span.jpg) repeat-x scroll left top;
}

#header {
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 49px;
}

#flag {
	position: absolute;
	z-index: 10;
	left: 370px;
	top: 0px;
}

#left_bar {
	position: absolute;
	z-index: 10;
	left: 5px;
	top: 164px;
	width: 175px;
	border: 1px solid #000000;
	padding: 5px;
	height: 180px;
	overflow:auto;
}

#left_bar2 {
	position: absolute;
	z-index: 10;
	left: 5px;
	top: 558px;
	width: 175px;
	border: 1px solid #000000;
	padding: 5px;
	height: 185px;
	overflow:auto;
}

#left_bar3 {
	position: absolute;
	z-index: 10;
	left: 5px;
	top: 361px;
	width: 175px;
	border: 1px solid #000000;
	padding: 5px;
	height: 180px;
	overflow:auto;
}

#left_bar4 {
	position: absolute;
	z-index: 10;
	left: 97px;
	top: 1342px;
	width: 200px;
	border: 1px solid #000000;
	padding: 5px;
	height: 190px;
	overflow:auto;
}

#left_bar5 {
	position: absolute;
	z-index: 10;
	left: 5px;
	top: 164px;
	width: 200px;
	border: 1px solid #000000;
	padding: 5px;
	height: 620px;
	overflow:auto;
}

#right_bar {
	position: absolute;
	z-index: 10;
	width: 180px;
	border: 1px solid #000000;
	padding: 5px;
	left: 610px;
	top: 164px;
	height: 62px;
	overflow:auto;
}

#content1 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 610px;
	top: 902px;
	width: 180px;
	height: 46px;
	overflow:auto;
}

#content2 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 5px;
	top: 1424px;
	width: 175px;
	height: 211px;
	overflow:hidden;
}

#content3 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 5px;
	top: 1194px;
	width: 175px;
	height: 211px;
	overflow:hidden;
	visibility: inherit;
}

#content4 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 5px;
	top: 761px;
	width: 175px;
	height: 185px;
	overflow:auto;
}

#content5 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 5px;
	top: 963px;
	width: 175px;
	height: 211px;
	overflow:auto;
}

#content6 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 612px;
	top: 965px;
	width: 177px;
	height: 642px;
	overflow:hidden;
}

#content7 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 200px;
	top: 416px;
	height: 508px;
	width: 392px;
	overflow:hidden;
}

#content8 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 610px;
	top: 245px;
	width: 180px;
	height: 239px;
	overflow:hidden;
}

#content9 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 610px;
	top: 499px;
	width: 180px;
	height: 300px;
	overflow:hidden;
}

#content10 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 610px;
	top: 820px;
	width: 180px;
	height: 65px;
	overflow:auto;
}


#content11 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 203px;
	top: 168px;
	width: 392px;
	height: 226px;
	overflow: hidden;
	}


#content12 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 200px;
	top: 1045px;
	width: 392px;
	height: 90px;
	overflow: hidden;
}

#content13 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 198px;
	top: 164px;
	width: 392px;
	height: 232px;
	overflow: hidden;
	}
	
#content14 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 5px;
	top: 1655px;
	width: 175px;
	height: 70px;
	overflow:hidden;
}
#content15 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 201px;
	top: 944px;
	width: 392px;
	height: 53px;
	overflow: hidden;
}
#content16 {
	position: absolute;
	z-index: 10;
	border: 1px solid #000000;
	padding: 5px;
	left: 200px;
	top: 535px;
	width: 392px;
	height: 340px;
	overflow: hidden;
	}
/* Images use this class to have a border around them */
.image {
	border:1px solid #333333;
}

/* Image left and right will float an image to the left and right to allow text beside them */
.image_left {
	border:1px solid #333333;
	float:left;
	margin:0 4px 10px 0;
}
.image_right {
	border:1px solid #333333;
	float:right;
	margin:0 0 4px 10px;
}

td {
	padding:4px;
}

table.border {
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
}
table.border td {
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
}