/* RESET */
* { 
	margin: 0; 
	padding: 0; 
	}
	
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { 
	font-size: 1em; 
	font-weight: normal; 
	font-style: normal;
	}

ul,ol { 
	list-style: none; 
	}
	
fieldset,img { 
	border: none; 
	}

div {
	clear:both;
	border:0px solid #0066FF;
	overflow:hidden;
	}
	
a {
	 color:#ffffff; 
	 text-decoration:none;
	 }
	 
a:hover {
	color:#ffffff;
	border-bottom:1px dotted #ffffff;/* IE wont work!*/ 
	}
	
.content p > a {
	text-decoration:underline;
	}

.content p > a:hover {
	color:#CCCCCC;
	border-bottom:none;
	}	
 
	
p{
	
	border: 0px solid #999999; 
	padding:0px 0px 20px 0px;
	}

body {
	padding:0px;
	margin:0em auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	background: #ffffff; /*#798e9c;*/
	}

/*master style*/
#container 	{
	width:100%;
	text-align:left;
	}
	
.center {
	width:922px;
	margin:0em auto;
	}

#header {
	background-color:#fa880d;
	}
	
.bullet {
	margin:0px 0px -2px 0px;
	}
	
#bg_header {
	width:1110px;
	margin:0em auto;
	background-repeat:no-repeat;
	background-position:right;
	height:152px;
}

#bg_body {
	width:1110px;
	margin:0em auto;
	background-repeat:no-repeat;
	background-position:right top;
	height:500px;
}
	
#header .center {
	margin-top:-150px;	
}

#body {	
	background-color:#798e9c;
}
	
#body #top {
	margin-top:-500px;	
}
	
/*header style*/
#header {
	height:150px;
	background-image:url(../img_layout/bg_header_00.jpg);
	background-repeat:repeat-x;
	}
	
#logo { 
	margin:30px 0px 0px 0px;
	}

#logo a:hover{	
	border-bottom:none;
	}

/*menu style*/
#menu_header {
	margin:10px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	font-size:14px;
	overflow:visible;
	}
	
#menu_header a{
	font-weight:bold;
	}
	
#menu_header li{
	float:left;
	border-right:1px dotted #ffffff;
	margin:0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	}
	
#menu_header .first{
	padding: 0px 15px 0px 0px;
	}

#menu_header .last{
	border-right:none;
	}
	
#menu_header .current{
	border-right:none;
	background-color:#000000;
	padding:2px 15px 3px 15px;
	margin:-2px 0px 0px 0px;
	/*
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	*/
	}
	
#menu_header .current a:hover{
	border-bottom:0px dotted #ffffff;
	}
	
/*body style*/


/*map style*/
#map {
	height:284px;
	/*background-image:url(../img_layout/map_google.jpg);
	background-repeat:no-repeat;
	width:1500px;
	*/
	width:100%;
	display:block;
	margin:0em auto;
	}

/*top style*/
#top {
	background-color:#000000; /*#99b3cc*/
	/*background-image:url(trans_blue.png);*/
	padding:10px;
	margin:10px 0px 15px 0px;
	}	
	
#top div{
	clear:none;
	}
	
#blurb, #path {
	width:650px;
	float:left;
	}
	
#blurb p{
	padding:0px 0px 10px 0px;
	line-height:20px;
	}
	
#path {
	margin:5px 0px 0px 0px;
	}
	
#path a{
	font-weight:bold;
	}
	
#path a:hover{
	color:#fa880d;
	}
	
#path img{
	margin:0px 10px 0px 10px;
	}
	
#search {
	float:right;
	text-align:right;
	}
	
#search h1{
	background-image:url(../img_layout/button_search.png);
	background-repeat:no-repeat;
	width:80px;
	height:27px;
	float:left;
	}
	
#search span{
	display:none;
	}
	
#search input{
	margin:4px 0px 0px 0px;
	background-color:#E5E5E5;
	border:1px solid #ffffff;
	}
	
#search form{
	float:left;
	}

/*main style*/
#main{
	margin:0px 0px 150px 0px;
	}
	
#main div{
	clear:none;
	}
	
#main h1 {
	font-size:24px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:2px dotted #ffffff;
}

.left{
	width:630px;
	float:left;
	}
	
.right {
	width:250px;
	float:right;
	}
	
.right .content{
	border-bottom:2px dotted #ffffff;
	padding:0px 0px 0px 0px;
	}

.content {
	line-height:20px;
	}
	
.global li{
	margin:0px 0px 10px 25px;
	list-style:outside url(../img_layout/bullet_scratch.gif);
	}

.content img {
	border:1px solid #ffffff;
}

.content .ajaxloader img{
	border:0px solid #ffffff;
	}

.title {
	font-size:18px;
	}
	
.date {
	margin:0px 0px 15px 0px;
	}
	
.list {
	line-height:18px;
	}
	
.list li{
	margin:0px 0px 10px 25px;
	list-style:outside url(../img_layout/bullet_scratch.gif);
	/*list-style:outside url(../img_layout/bullet_arrow.gif);*/
	}

/*	
.list ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
*/
	
.more {
	font-weight:bold;
	}
	
.more:hover{
	border-bottom:1px dotted #ffffff;
	}	
	
.browse {
	margin:5px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-weight:bold;
	}
	
/*home  style*/
#home .left{
	width:444px;
	float:left;
	}
	
#home .right {
	width:444px;
	float:right;
	}
	
#home .left img{
	float:right;/**/
	border:1px solid #ffffff;
	margin:0px 0px 20px 20px;
	max-width:150px;
	}
	
/*#news  style*/		
#news .title {
	font-size:24px;
	line-height:28px;
	padding:0px 0px 10px 0px;
	}
	
#news .left img{
	/*float:right;*/
	border:1px solid #ffffff;
	margin:0px 0px 0px 0px;
	}
	
.item{
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:1px dotted #ffffff;
	}
		
#news .item .title {
	font-size:18px;
	line-height:20px;
	padding:0px 0px 0px 0px;
	}
	
#news .item .item_image {
	float:left;
	margin:0px 20px 0px 0px;
	width:102px;
	}
	
#news .item .item_image a{
	border-bottom:none;
	}
	
#news .item .item_content {
	float:right;
	width:500px;
	}
	
#news .item .item_image img{
	max-width:100px;
	}
	
#news .navigate  {
	border-top:2px dotted #ffffff;
	padding:10px 0px 20px 0px;
	line-height:25px;
	}
	
#news .navigate ul {
	margin:0px 0px 0px -2px;
	}		
	
#news .navigate li {
	float:left;
	list-style-image:none;
	list-style:none;
	margin:0px 3px 0px 0px;
	}
	
/*#about  style*/		
#about .menu_anchor {
	width:200px;
	float:left;
	margin:0px 35px 0px 0px;
	font-size:16px;
	}
	
#about .menu_anchor li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:2px dotted #ffffff;
	}
	
#about .menu_anchor a:hover{
	border-bottom:none;
	color:#fa880d;
	}
	
#about .left .content h1>a:hover{
	border-bottom:none;
	}
	
/*#archive  style*/
#project_archive .left .content{
	width:650px;
	}	
	
#project_archive .right .content {
	border-bottom:2px dotted #ffffff;
	}
	
#project_thumbs > ul > li{
	float:left;
	}

#project_thumbs > ul > li > a{
	margin:0px 22px 15px 0px;
	display:block;
	float:left;
	width:76px;
	height:76px;
	overflow:hidden;
	position:relative;
	z-index:1;
	border:1px solid #ffffff;
	}
	
#project_thumbs > ul > li > a > img{
	float:left;
	position:absolute;
	border:none;	
	}

#project_thumbs .edit_thumbnail{
	margin:0px 0px 0px -100px; 
	padding:0px 0px 0px 5px;
	z-index:2px;
	border:0px solid #ffffff;
	background:#00CC33;
	width:30px;
	height:20px;
	}
	
#project_thumbs .edit_thumbnail:hover{
	background:#fa880d;
	}
	
#project_thumbs .sort_thumbnail{
	margin:0px 0px 0px -57px; 
	padding:0px 0px 0px 5px;
	z-index:2px;
	border:0px solid #ffffff;
	background:#00CC33;
	width:30px;
	height:20px;
	cursor:move;
	}

/*#archive item style*/
#project_content {
	width:250px;
	float:left;
	}
	
#project_archive .right .content h2{
	font-weight:bold;
	}
	
#project_archive .right .content h2 a:hover{
	border-bottom:1px dotted #ffffff;
	}  
	
#project_archive .right .content li ul{
	height:78px;
	margin:0px 10px 20px 0px;
	font-size:12px;
	line-height:14px;
	}
	
#project_archive .right .content li>a{
	margin:0px 10px 15px 0px;
	display:block;
	float:left;
	width:76px;
	height:76px;
	overflow:hidden;
	position:relative;
	z-index:1;
	border:1px solid #ffffff;
	}
	
#project_archive .right .content li img{
	float:left;
	position:absolute;
	border:none;
	float:left;
	clear:both;
	margin:0px 10px 20px 0px;	
	}
	
/* project_slides */
#project_slides {
	width:358px;
	float:right;
	margin:0px 20px 0px 0px;
	}
	
#slide_caption {
	font-size:11px;
	line-height:14px;
	margin:10px 0px 10px 0px;
	}

#project_archive .left .content #slide_selections li{
	margin:0px 10px 5px 0px;
	float:left;
	}
	
#project_archive .left .content #slide_selections a{
	border-bottom:none;
	}
	
#project_slides .cover {
	margin:0px 0px 0px 0px;
	position:relative;
	}
	
#project_slides	.controller {
	position:absolute;
	bottom:10px;
	background-color:#ffffff;
	padding:0px 5px 2px 5px;
	border:1px solid #666666;
	}
	
#project_slides	.controller a {
	color:#333333;
	font-size:12px;
	padding:0px; 
	margin:0px;
	font-family:"Times New Roman", Times, serif;
	}
	
#project_slides	.controller a:hover {
	color:#4763c9;
	}
	
#project_slides	.next {
	right:10px;
	}
	
#project_slides	.previous {
	left:10px;
	}
	
/*current image style*/
#project_slides	 .currentimage { 
	display:none;
	}
	
/* tooltip */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	z-index:10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	}	

/*logos style*/	
#logos{
	background-color:#ffffff;
	}
	
#logos ul{
	padding:20px 0px 20px 20px;
	background-color:#ffffff;
	overflow:hidden;
	width:500px;
	}
		
#logos li{
	float:left;
	margin:0px 10px 0px 0px;
	}
	
#logos a:hover {
	border-bottom:none;
	}
	
/*footer style*/
#footer {
	/*height:50px;*/
	font-size:12px;
	padding:5px 0px 0px 0px;
	bottom:0px;
	background-color:#ffffff;
	color:#798e9c;
	border-top:2px dashed #798e9c;
	}

#footer a{
	color:#798e9c;
	font-weight:bold;
	}
	
#footer a:hover{
	border-bottom:1px dotted #798e9c;
	}
	
#footer div{
	clear:none;
	}
	
#menu_footer {
	float:left;
	width:600px;
	padding:0px 0px 20px 0px;
	}
	
#menu_footer li{
	float:left;
	border-right:1px dotted #798e9c;
	margin:0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	}
	
#menu_footer .last{
	float:left;
	border-right:0px solid #ffffff;
	}
	
#login_footer {
	width:200px;
	float:right;
	text-align:right;
	padding:0px 0px 20px 0px;
	}
	
	
/*ajax style*/
.ajaxloader {
	text-align:center;
	padding:40px 0px 0px 0px;
	}
	
#body .ajaxloader img{
	border:none;
	}
	
/*edit style*/
.edit{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}

.edit a{
	color:#ffffff;
}

	
/*popup style*/	
.popup{
	position:absolute; 
	top:0;
	left:0; 
	overflow:hidden; 
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px; 
	background: url(trans_black.png); 
	/*visibility:hidden;*/
	}
	
.popup p{
	padding:0px;
	margin:0px;
	}
	
.popup div {
	text-align:left;
	}

.popup_content {
	txt-align:left; 
	background-color:#ffffff; 
	margin:0px; 
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #999;
	color:#333333;
	}
	
.popup_content a{
	color:#4763c9;
	}
	
.popup_content a:hover{
	text-decoration:underline;
	}

/*close  style*/

.close {
	border-bottom:1px solid #ccc; 
	padding:0px 0px 10px 0px; 
	margin:0px 0px 10px 0px;
	}
	
.close a { 
	color::#4763c9;;
	text-decoration:none; 
	}
	
.close a:hover { 
	text-decoration:underline; 
	color:#4763c9;
	}
	
/*form style*/
#body .form img {
	border:none;
	}
	
.form div {
	text-align:left;
	overflow:hidden;
	/*overflow:visible;*/
	}

.form p {
	margin:0px;
	padding:0px;
	}

.field {
	border: 1px solid #999999; 
	background-color:#eeeeee;
	width:99.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}

.field50px_height {
	height:50px;
	}
	
.field100px_height {
	height:100px;
	}

.field200px_height {
	height:200px;
	}
	
.textfield600px_height{
	height:600px;
	}
	
.field100px_width {
	width:100px;
	}
	
.field157px_width {
	width:157px;
	}

.field200px_width {
	width:200px;
	}

.field300px_width {
	width:300px;
	}
	
.field400px_width {
	width:400px;
	}
	
.field415px_width {
	width:415px;
	}
	
.fieldselect202px_width{
	width:202px;
	}
	
.button {
	width: 60px;
	height: 26px;
	border: 1px solid #999999; 
	background-color: #ffffff;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color: #4763c9;
	}
	
.button_public {
	width: 60px;
	height: 26px;
	border: 1px solid #999999; 
	background-color: #ffffff;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	color: #4763c9;
	}

.button_comment {
	width: 80px;
	}
	
.form div {
	clear:both;
	}
	
.form_item div {
	clear:none;
	border:0px solid #cc0066;
	}
	
.form_item {
	margin:0px 0px 10px 0px;
	}

.form_item .form_left {
	float:left;
	}
	
.form_item .form_right {
	float:left;
	}
	
.form_head {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	}
	
.form_note{
	color:#333333;
	margin-bottom:10px;
	}
	
.form_note p {
	padding:0px;
	margin:0px;
	}

.form_note a { 
	color:#4763c9;/**/
	text-decoration:underline; 
	}
		
.form_note a:hover { 
	text-decoration:underline; 
	}
	
.message p {
	padding:0px;
	margin:0px;
	}
	
/*upload style*/	
#upload div, 
#upload a{
	clear:both;
	}
	
iframe {
	width:100%;
	height:450px;
	}
	
#map>iframe {
	width:100%;
	height:284px;
	}
	
	
/* manage form style */
#manage div {
	margin:0px; 
	padding:0px; 
	border: 0px solid #0000FF;
	}
	
#manage .item div {
	clear:none;
	}
	
#manage .item {
	margin:0px 0px 10px 0px;
	}
	
#body #manage .col_left {
	float:left; 
	width:90%;
	}
	
#body #manage .col_right {
	float:right; 
	width:5%; 
	float:right; 
	text-align:right; 
	margin:-30px 0px 0px 0px;
	}
	
#manage .item_title h1{ 
	font-family:"Times New Roman", Times, serif; 
	font-size:20px;
	padding:0px;
	margin:0px;
	}
	
#body #manage img{ 
	border:0px;
	}
	
/* cmsmenu style */	
#container_menu_admin {
	position:absolute;	
	top:0px;
	overflow:visible;
	z-index:10;	
	}
	
/*body_cmsmenu style - optional to centralise the div
#body_menu_admin {
	border:0px solid #999999;
	width:836px;
	margin:0em auto;
	}*/
	
#menu_admin a {
	text-decoration:none;
	border-bottom:none;
	}

#menu_admin {
	margin: 0;
	padding:0;
	}
	
#menu_admin li {
	list-style: none;
	float: left; 
	padding:0px 3px 10px 3px;
	/*background-color:#ffffff;*/
	}
	
/* submenu style*/	
#menu_admin li ul {
	position:absolute;
	display: none;
	margin:3px 0px 0px 5px;
	z-index:11;
	}
	
#menu_admin li ul li {
	float:none;
	margin:0px 0px 2px 0px;
	padding:2px 5px 2px 5px;
	border:1px solid #ffffff;
	background-color:#fa880d;
	}
	
#menu_admin li ul li a:hover {
	color:#000000;
	}
	
#menu_admin li:hover ul{
	display: block;
	}
	
/*XML form message*/
.error{
	font-weight:normal;
	color:#FF0000;
	}
	
/* manage menu style */	
/* reset style*/	
#manage_menu li {
	float:none;
	padding:0px 0px 2px 0px;
	}
	
#manage_menu a{
	font-weight:normal;
	color:#ffffff;
	}
	
/* parent menu style*/
#manage_menu > ul > li {
	margin:0px 0px 10px 0px;
	}	

/* submenu style*/	
#manage_menu > ul > li > ul {
	margin:0px 0px 0px 15px;
	}

/*subsubmenu style*/	
#manage_menu >ul > li > ul > li > ul {
	margin:0px 0px 0px 10px;
	}