/* Element Styles
*************************/
body {
	background: #d7ecfa url(../images/site_bg.gif) top center repeat-x;
	color: white;
	font-family: "verdana", "Arial", sans-serif;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
input, label, submit {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding-bottom: .2em;}

table {border: none; border-collapse: collapse; }
  table td {border-bottom: none;
  border-collapse: collapse; padding: 4px;} 
  table tr {border-bottom: none;
  border-collapse: collapse; padding: 10px;}

a {}
a:hover {text-decoration: none; cursor: pointer;}
a img {border: none;}

input.submit:hover, input.button:hover {color: #CCC; cursor: pointer;}

p {margin: 0; padding: 0 0 1em 0; line-height: 1.5em; }

ul {margin: 0; padding: 0 0 0 1.5em; list-style-type: square;}
ul ul {list-style-type: square;}

tr.title {font-weight: bold; text-transform: uppercase;}
tr.indent {text-indent: 10px;}

.acrobat {
	padding: 5px 0 0 0;
	}
	
#get_acrobat {
	width: 500px;
	float: left;
	clear: both;
	}


/* Reusable classes 
*************************/

.left {float: left;}
.right {float: right;}
.left img, .right img {display: block;}

.padbottom {padding-bottom: 5px;}
.padleft {padding-left: 5px;}
.padright {padding-right: 5px;}

.break {clear: both; height: 0px;} /* Thing thing that clears */

.hidden {display: none;}

.column {float: left;}

ul.nobullet {list-style: none;}

.acrobat {
	padding: 3px;
	float: right;
	}
	
a:hover .acrobat  {
	padding: 3px;
	float: right;
	background-color: #dbdbdb;
	}

.note {
	font-size: 10px;
	font-style: italic;
	max-width: 50em;
	padding: 0;
	margin: 0;
	}
	

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	line-height: 1px;
	margin: 0px 0 7px 0;
	padding: 0px;
}


a:link, a:visited{color: #fd656a; text-decoration: none;
	}
a:hover, a:active{color: #e03a3f;text-decoration: none;
	}



/* Layout Styles
*************************/

.hidden {display: none;}

h1 {
	color: #6bcdff;
	font-size: 16px;
	}

#page {
	width: 845px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	}

#header {
	background: url(../images/bg_header.png) top center no-repeat;
	min-height: 69px;
	width: 845px;
	margin: auto;
	padding: 0;
	float: left;
	
	}
	
	#logo_contain {
		width: 885px;
		margin: 0 auto;
		}
	#logo {
		float: left;
		height: 109px; width: 73px; 
		position: absolute;
		clear: both;
		padding: -20px;
		z-index: 500;
		}
	
	#links {
		width: 400px;
		float: right;
		text-align: right;
		padding: 15px 30px 7px 0;
		font-size: 8pt;
		color: #77a9e0;
		
		clear: left; 
		}
		
		#links a{
		color: #77a9e0;
		text-decoration: none;
		
		}
		
		#links a:hover{
		color: #fff;
		text-decoration: none;
		}
		
	
	
/* Search Styles
*************************/	
	
#search_box {
    width: 156px;
    height: 24px;
    background: transparent url(../images/search_bg.gif) 0 0 no-repeat;
    float: right;
    clear: right;
    margin: 0;
    padding: 0 23px 0 0;
    border: 0;
}
#search_box #query {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0px;
    width: 120px;
    background: none;
    color: #333;font-size: 11px;
}
#search_box #go {
    float: right;
    margin: 0 4px 0 0;
}
	
/* HomePage Styles
*************************/


#cef_hdr {
		float: left;
		margin: auto;
		padding: 0 0 15px 0;
		height: 297px;
		width: 845px;
		background: url(../images/hp_cef_bg2.jpg) no-repeat top center;
		}
		
 #gallery {
    margin: 35px 35px 0 0;
    border: 0;
    padding: 0;
    width: 483px;
    height: 227px;
    float: right;
  }
		
	#latest_news {
		float: left;
		width: 393px;
		padding: 0 0 0 5px;		
		}
		
		#latest_news .top {
		background: url(../images/latestnews_top.gif) no-repeat top center;
		width: 378px;
		height: 2px;
		}
		
		#latest_news .middle {
		background: #d6edf6 url(../images/latestnews_bg.gif) top center repeat-y;
		width: 356px;
		padding: 4px 0 0 22px;
		}
		
		#latest_news .bottom {
		background: url(../images/latestnews_bottom.gif) no-repeat top center;
		width: 378px;
		height: 2px;
		}
			
		#latest_news .item_top {
		background: url(../images/latestnews_item_top.gif) no-repeat top center;
		width: 333px;
		height: 4px;
		}
		
		#latest_news .item_middle {
		background: #e8f5fa;
		color: #535353;
		width: 323px;
		padding: 3px 0 0 10px;
		}
		
			#latest_news .item_middle a{
			font-size: 8pt;
			color: #fd656a;
			text-decoration: none;
			font-weight: bold;
			}
			
			#latest_news .item_middle a:hover{
			font-size: 8pt;
			color: #e03a3f;
			text-decoration: none;
			font-weight: bold;
			}
			
			#latest_news .item_middle h1 {
			font-size: 9pt;
			color: #0d4ba8;
			
			}

		
		#latest_news .item_bottom {
		background: url(../images/latestnews_item_bottom.gif) no-repeat top center;
		width: 333px;
		height: 4px;
		padding: 0 0 5px 0;
		}
		
#stats {
	float: left;
	width: 443px;
	}
	
	#stats .hdr {
	background: url(../images/stats_hdr_bg.jpg) no-repeat top center;
	height: 34px;
	width: 443px;
	line-height: 34px;
	padding: 0;
	}
	
		#stats .hdr h1 {
		color: #c5c5c5;
		font-size: 12pt;
		padding: 0 0 0 20px;
		float: left;
		width: 175px;
		}
		
		#stats .date {
		float: right;
		color: #c5c5c5;
		font-size: 10pt;
		padding: 0 10px 0 0;
		line-height: 37px;
		}
	
	#stats .stats {
	background: url(../images/stats_bg.jpg) no-repeat top center;
	height: 255px;
	width: 443px;
	}
	
	#stats #whitebox1 {
	padding: 50px 0 0 35px;
	float: left;
	width: 372px;
	}
	
	#stats #whitebox2 {
	padding: 50px 0 0 35px;
	float: left;
	width: 372px;
	}
	
	#stats #whitebox_teu {
	padding: 5px 0 0 35px;
	float: left;
	width: 372px;
	}
	
	#stats .whitebox_top {
	background: url(../images/statsbox_top.png) no-repeat top center;
	height: 3px;
	width: 372px;
	float: left;
	}
	
	#stats #whitebox_middle {
	background: url(../images/statsbox_bg.png) top center repeat-y;
	width: 372px;
	float: left;
	}
	
	#stats .whitebox_btm {
	background: url(../images/statsbox_btm.png) no-repeat top center;
	height: 3px;
	width: 372px;
	float: left;
	}
	
	#stats .title {
	font-size: 17px;
	width: 210px;
	padding: 5px 10px 10px 30px;
	float: left;
	color: #363636;
	text-align: right;
	}
	
	#stats .title2 {
	font-size: 16px;
	width: 120px;
	padding: 50px 0 0 0;
	float: left;
	color: #363636;
	}
	
	#stats .title_full {
	font-size: 11px;
	width: 360px;
	padding: 5px 5px 5px 5px;
	float: left;
	color: #363636;
	text-align: center;

	}
	
	
	#stats .title_teu_headline {
	font-size: 12px;
	width: 245px;
	padding: 5px 10px 0 15px;
	text-align: right;
	float: left;
	color: #176cd4;
	
	}

	
	#stats .title_teu {
	font-size: 12px;
	width: 245px;
	padding: 5px 10px 0 15px;
	text-align: right;
	float: left;
	color: #363636;
	
	}
	
	#stats .dtc_stat_teu {
	padding: 0;
	color: #6ea730;
	font-size: 18px;
	width: 100px;
	float: left;
	font-weight: bold;
	
	}
	
	#stats .title_note {
	font-size: 10px;
	width: 250px;
	padding: 0 0 0 15px;
	float: left;
	color: #363636;
	font-style: italic;
	text-align: right;
	}
	
	
	
	
	#stats .dtc_stat {
	color: #6ea730;
	font-size: 24px;
	width: 90px;
	float: left;
	font-weight: bold;
	}
	
	#stats .dtc_stat2 {
	padding: 30px 0 20px 30px;
	color: #6ea730;
	font-size: 24px;
	width: 190px;
	float: left;
	font-weight: bold;
	}
	
	#stats .env_date {
	padding: 0 10px 0 0;
	color: #176cd4;
	width: 250px;
	float: right;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	}
	
	
	
#dd_text{
width:17px;
height:15px;
border:0px none;
}
#dropdown{
padding:7px 0 0 0;
margin: 0;
width:24px;
height:18px;
float: left;

}

#dd_list{
border:1px #CCCCCC solid;
background-color: gray;
width:140px;
position:relative;
padding: 3px;
margin: 25px 0 0 0;
overflow:hidden;
visibility:hidden;
line-height: 14px;

}
#ul{
 margin: 0;
 padding: 0;
 font-size:12px;

	

}
#li{
	width:100%;
	padding:3px;
}
#li a:hover{
	background-image: none;
		background-color: #bddff9;
		color: #1b7097;z-index: 100;
}	
	
	
/* Footer Styles
*************************/

#footer {
	color: #5e5e5e;
	clear: both;
	float: left;
	margin: 0;
	text-align: center;
	padding: 25px; 0 0 15px;
	width: 845px;
	font-size: 8pt;
	}
	#footer a {color: #3b5489; text-decoration: none;}
	#footer a:hover {color: #3b5489; text-decoration: underline;}