html {
	height: 100%;
}

body {
    
	font: 11px Verdana;
	color: #666666;
	text-align: left;	
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #64a0dc;
	scrollbar-width: 8px;
}


h1 { 
	font: bold 12px Verdana;
	letter-spacing: 0px;
	padding:0px 0px 3px 0px;
	margin:0px;
	color: #ffa200;
    }

h2 { 
	font: 11px Verdana;
	letter-spacing: 0px;
	padding:0px 0px 3px 0px;
	margin:0px;
	color: #033b6d; 
    }

h3 { 
	font: 11px Verdana;
	color: #033b6d;
	font-weight: bold;
	padding:0px 0px 3px 0px;
	margin:0px;
	}

p { 
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	padding:5px 0px 0px 0px;
	margin:0px;
	color: #666666;
	}

/***** link *************/
a:link { 
		font-weight: bold; 
		text-decoration: none; 
		color: #63798C;
		}
a:visited { 
		font-weight: bold; 
		text-decoration: none; 
		color: #63798C;
	}
a:hover, a:active {
		text-decoration: underline; 
		color: #63798C;
	}

a.blue:link { 
		font-weight: bold; 
		text-decoration: none; 
		color: #033b6d;
		}
a.blue:visited { 
		font-weight: bold; 
		text-decoration: none; 
		color: #033b6d;
	}
a.blue:hover, a:active {
		text-decoration: underline; 
		color: #033b6d;
	}

a.h1:link{
	font: bold 12px Verdana;
	letter-spacing: 0px;
	padding:0px 0px 3px 0px;
	margin:0px;
	color: #ffa200;
}

a.h1:hover, a:active{
	text-decoration: underline;
	color: #ffa200;
}

a.h1:visited { 
		font-weight: bold; 
		text-decoration: none;
		padding:0px 0px 3px 0px; 
		color: #ffa200;
	}

.input{
	font: 10px Verdana;
	letter-spacing: 0px;
	width: 80px;
	height: 12px;
	/*background-color: #dce9f1;*/
	background-color: #ffffff;
	color: #033b6d;
	border: 0px;
}	
/****** Page Layout *******/

#container{
	display:block;
	z-index: 0;
	width: 797px;
	height: auto;
	margin: 20px auto auto auto;
}
#header{
	margin: 0px;
	width: 797px;
	height: 126px;
	display:block;
}

#mainContainer{
	
    float: left;
	width:797px;
	height: auto;
	background-color:#dce8f1;
    padding: 0px;
	margin: 0px;
	
}

#loading{
    text-align:left;
	float:left;
	width:797px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	height: 327px;
	display: none;
}

#mainContent{
    text-align:left;
	float:left;
	width:797px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	height: 327px;
}

#content{
    text-align:left;
	margin: 0px;
	
	
}

#contentLarge{
	float:left;
	width: 608px;
	height: 327px;
	overflow: auto;
    position: relative;

}



#imageContent{
	float:left;
  	margin: 0px;
	padding: 0px;
}

#imageContent ul{
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		}
	
#imageContent li{
		list-style-type: none;
		margin-bottom: 5px;
	}

#imageContent  ul.image2{
		float: left;
		margin: 0px 0px 0px 7px;
		padding: 0px;
		}

#textContent{
	float:left;
	width: 238px;
	height: 327px;
	margin-left: 11px;
	padding-right: 7px;
	overflow: auto;
    position: relative;

}

#textSimpeContent{
	float:left;
	width: 268px;
	height: 327px;
	margin-left: 11px;
	overflow: auto;
    position: relative;
}

#textContentLarge{
	float:left;
	width: 460px;
	height: 327px;
	margin-left: 11px;
	padding-right: 7px;
    overflow: auto;
    position: relative;

}

#textContent ul{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}
	
#textContent li{
		/*list-style-type: none;*/
	}

#navigation {
	width: 210px;
	height: 327px;
	text-align:left;
	left: 10px;
	overflow: auto;
    position: relative;
	}

#navigation ul{
		margin: 0px 0px 10px 0px;
		padding: 0px;
		}
	
#navigation li{
		list-style-type: none;
		padding-bottom: 10px;
	}


#projects {
	float: left;
	width: 180px;
	height: 327px;
	text-align:left;
	left: 10px;
	position: relative;

	}

#lastProjects,#downloads {
	width: 170px;
	height: 160px;
	overflow: auto;
    position: relative;
}

#projects #lastProjects ul {
		margin: 10px 0px 10px 0px;
		padding: 0px;
		}
	
#projects #lastProjects li {
		list-style-type: none;
		height: 39px;
		padding-bottom: 10px;
	}

#projects #lastProjects li img {
	float: left;
	border: 0px;
	margin-right: 7px;
	
}

#projects #lastProjects li p {
	padding: 0px;
	margin: 0px;
	
}

#futureProjectTitle,#loginTitle,#lastProjectTitle {
    margin: 0px;
	padding: 0px;
	width: 180px;
	height: 12px;
	border: 1px;
	border-bottom: 1px solid #033b6d;
	position: relative;
	
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#loginTitle  {
    margin: 0px;
	padding: 0px;
	width: 180px;
	height: 12px;
	border: 1px;
	border-bottom: 1px solid #033b6d;
	position: relative;
	
	background-image:url(../images/key.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#futureProjectTitle .projectTitle ,#loginTitle .projectTitle,#lastProjectTitle .projectTitle{
	
	
	color: #033b6d; 
	position: absolute;
	left: 45px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	
}

#futureProjects {
	width: 170px;
	height: 120px;
	overflow: auto;
    position: relative;
}

#projects #futureProjects ul {
		margin: 10px 0px 10px 0px;
		padding: 0px;
		}
	
#projects #futureProjects li {
		list-style-type: none;
		height: 39px;
		padding-bottom: 20px;
	}

#projects #futureProjects li img {
	float: left;
	border: 0px;
	margin-right: 7px;
	
}

#projects #futureProjects li p {
	clear: right;
	padding: 0px;
	margin: 0px;
	
}

#loginArea {
	height: 50px;
}
#loginArea ul{
	width: 185px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

#loginArea li {
        list-style-type: none;
	}
#loginArea h3{
		float: left;
		margin-right: 0px;
		width: 85px;
}

#loginArea li img{

		float: right;
		border: 0px;
		margin: 2px 15px 0px 0px;
	}


#downloads ul{
	width: 160px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#downloads li {
        list-style-type: none;
		padding-bottom: 5px;
	}


#footer{
	clear: both;
    margin-top: 0pt;
    margin-bottom: 0pt;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 797px;
	height: 18px;
}

div#footer #dekaos{
        padding-top:3px;
		padding-right:10px;
		float:right;
	}

.titleText	{
	font: 12px Verdana;
	color: #FFFFFF;
	
	}

.mainText {
	color:#637A8E;
	font: 10px Verdana;
  }

.tbHeader{
	background-color:#fea201;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	
}

.tbRow1{
	background-color: #ffffff;
	height: 20px;
	color: #343434;

}

.tbRow2{
	background-color: #e7f1fb;
	height: 20px;
    color: #343434;

}


/* NEW STUFF */

#Lang {
text-align:right;
margin-right: 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}

#Lang a, a:hover, a:visited, a:active
{
color:#FFFFFF;
}


#main_text
{
padding-left: 10px;
padding-right: 10px;
text-align:justify;
overflow-y: scroll;
overflow-x: hidden;
}

#reports
{
	margin-top: 15px;
	float:left;
	width: 450px;
	height: 250px;
	overflow: auto;
    position: relative;
}

#reports a:link
{
color:#333333
}

#reports a:hover
{
color:#999999
}

#reports a:visited
{
color:#333333
}
	
#news
{
	float:left;
	width: 210px;
	height: 310px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	padding-right: 5px;
	white-space:normal;
}

#news_text
{
	padding-right: 10px;
	overflow:auto;
	height: 310px;
}
#counter
{
text-align:center;
margin-top: 10px;
}