html, body {
	height: 100%;
}

body {
	color: #000000;
	font-family: Verdana;
	font-size: 13px;
	margin: 0;
	padding: 0;
	font-family: Arial;
	background-image: url('../images/bg_graa.gif'); 
	background-repeat: repeat-x;
	background-color: #858585;
	color: #BEBEBE;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1064px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-collapse: collapse;
	background-color: #d0cdc8;
}

#container {
	background-image: url('../images/bgs/Bg_Taarn.jpg'); 
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

/*-------------------------HEADING--------------------*/

#heading,#content {	margin: 0 auto; }

#heading { height: 340px; width: 960px;}
#heading #text, #heading #logo { margin-top: 35px; }
#heading #text { float: left; }
#heading #logo { float: right; }

/* -------------------------CONTENT--------------------*/

#content { width: 960px; margin-bottom: 20px; }

#content #box {	padding: 0px 20px 0px 15px; }

#content #box .img-right {
	margin: 0;
	display: inline;
	float: right;
	padding: 10px 10px 5px 10px;
	width: 240px;
}

#content #box .img-left {
	margin: 0;
	display: inline;
	float: left;
	padding: 0px 10px 5px 10px;
	width: 140px;
}

#content #contTable { width: 100%; border: 0px; }

#contTable #left {
	width: 660px;
	padding: 10px;
	background-color: #353b91;
}

#contTable #mid { width: 5px; }
#contTable #right {	width: 300px; }

/*-------------------------CONTENT: SUBMENU----------------*/

#content .menuBox {
	padding: 10px 10px 15px 10px;
	background-color: #353b91;
}

#info,#subMenu,#newsBox,#videoBox,#infoBox { margin-bottom: 10px; }

#subMenu a {
	padding: 0px 0px 10px 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size: 14px;
	letter-spacing: 0em;
	font-weight: bold;
	color: #e00027;
	text-decoration: none;
}

#subMenu a:hover { color: #fff; }

#subMenu .arrow {
	color: #FFFF99;
	font-size: large;
	font-weight: normal;
	padding-right: 6px;
}

#subMenu ul { margin-top: 0px; }
#subMenu ul li { list-style-type: none;	margin-left: 15px; }

#newsBox ul { margin-top: 0px; }
#newsBox ul li { list-style-type: none;	width: 100%; padding: 4px 0px 4px 4px; border-bottom: 1px SOLID #fff; }
#newsBox #lastChild { border-bottom: 0px; }
#newsBox a { text-decoration: none; font-size: 15px; }
#newsBox small { margin-left: 5px; }
#newsBox .date { text-decoration: underline; }

#gallery { padding-right: 0; }
#gallery img {
	padding-right: 10px;
	padding-bottom: 5px;
	border: 0px;
	height: 80px;
}

/*-------------------------FOOTER--------------------*/

#footer {
	position:absolute;
	height: 0;
	width: 100%;
	bottom: 0;
	border: 0;
	margin-top: 30px;
}

.fixed {
	position: fixed;
	top: -5px;
	left: 0;
	width: 100%;
}

/*-------------------------GENERAL--------------------*/

p {	font-size: 12px; }

a {	color: #3399FF;	font-size: 12px; }

ul { padding: 0; margin: 0; }

h1 {
	margin: 0;
	padding: 0px 0px 3px 0px;
	color: #F5F5F5;
	font-weight: normal;
	font-size: 250%;
	font-family: Arial,Helvetica,sans-serif;
}

h2 { margin: 15px 0 0px 0; padding: 0; color: #F5F5F5; }
h3 { margin:0; padding:0; }
small {	display: block; }

/*-----------------------Gallery------------------*/

#bigGallery { text-align: center;  }
#bigGallery img { height: 80px; border: 0px; padding: 15px; }

/*-------------------------MENU--------------------*/

div.menu_container {
	background-color: #353b91;
	margin: 0 auto;
	margin-top: 0;
	width: 1064px;
	height:45px;
	padding: 5px 0 5px 0;
}

.menu {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width:1064px;
	height:45px;
	z-index:2;
	float: right;
}

.menu li {
	display: block;
	float: right;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 130px;
	height: 45px;
	z-index: 2;
	cursor: pointer;
	border-left: 1px solid #fff;
}

.menu li a {
	background-image: url('../images/sprites_menu.png');
	background-repeat: no-repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size: 14px;
	letter-spacing: 0em;
	color: #e00027;
	height: 45px;
	outline: none;
	display: block;
	z-index: 100;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 5px;
	text-decoration: none;
}

.menu li h3 {
	position: absolute;
	width: 125px;
	font-family: "Arial", Arial;
	font-size: 10px;
	color: #fff;
	letter-spacing: -0.05em;
	outline: none;
	z-index: 0;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: normal;
	margin-left: 5px;
	text-decoration: none;
	left: 0px;
	top: 25px;
	right: 0px;
	bottom: 0px;
}

#k1, #k2, #k3, #k4, #k5, #k6, #k7, #k8  {
	margin: 0pt;
	overflow: hidden;
	position: absolute;
	display: block;
	width: 132px;
}

#k1 { left: 0px; border: none; }
#k2 { left: 125px; }
#k3 { left: 250px; }
#k4 { left: 375px; }
#k5 { left: 500px; }
#k6 { left: 625px; }
#k7 { left: 750px; }
#k8 { right: 0px; }

.menu a:hover, .menu .active, .menu .active a { color: #3399FF; }
.menu li a:hover h3, .menu li #active h3 { color: #999999; }

#k1 a { background-position: 0px 0px; }
#k2 a { background-position: 0px -50px; }
#k3 a { background-position: 0px -100px; }
#k4 a { background-position: 0px -150px; }
#k5 a { background-position: 0px -200px; }
#k6 a { background-position: 0px -250px; }
#k7 a { background-position: 0px -300px; }
#k8 a { background-position: 0px -350px; }
