@charset"utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
html,body{width:100%;height:100%}
body{font-size:1em;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
nav ul{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input, select{vertical-align:middle}
table{font-size:inherit;font:100%}
select, input, textarea{font:99% sans-serif}
body, select, input, textarea{color:#FFF}
h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-family:Arial, Helvetica, sans-serif;color:#FFF}
a:hover, a:active{outline:none}
a, a:active, a:hover{color:#FFF;text-decoration:none}
td, td img{vertical-align:top}
p{margin:10px 0}
.default{cursor:default}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}
label, input[type=button], input[type=submit], button{cursor:pointer}
.hidden{display:none;visibility:hidden}
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}
.invisible{visibility:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
/* custom styles */
#body{color:#000;font-size:.8em;float:left;line-height:20px;margin-bottom:15px;display:inline-block;}
#left_project,#text_holder{text-align:justify}
#left_project p,#left_project span {font-size:12px!important;}
.news_date{color:#666;padding-bottom:10px;display:block}
h1{font-size:1.7em;font-weight:lighter;margin:20px 0 10px 0}
h2{font-size:1.2em;margin:20px 0 10px 0}
#container{display:block;margin:0 auto;width:980px}
#header{display:block;position:relative;width:980px;height:270px;border-bottom:2px solid #FFF}
#header .left{width:240px;float:left}
#header .right{width:740px;float:left;padding-top:80px}
#logo_holder{position:relative}
#logo_bg,#logo_holder,#logo_holder img{width:210px;height:106px;display:block}
#logo_png,#logo2,#logo{position:absolute;bottom:0;left:0}
#logo_bg{width:210px;height:106px;background:#161819}
.mdo_logo{width:210px;height:106px}
.faded_bg{width:740px;height:26px;background:#161819;position:absolute;left:0}
.hide_me{display:none}
.jCarouselLite{display:none}
/* scroller */
.prev,.next{position:absolute;width:15px;height:30px;display:block;cursor:pointer}
.prev{background:url(/imgs/backgrounds/arrow_left.png) no-repeat top;top:109px;left:-45px}
.next{background:url(/imgs/backgrounds/arrow_right.png) no-repeat top;top:109px;left:770px}
/*documents*/

#documents_holder td{padding:10px 10px 0 0 }
#documents_holder a{color:#000;text-decoration:underline}
#documents_holder a:hover{color:#444;text-decoration:underline}
/* TOOLTIP */
#tooltip {position:absolute;z-index:1001;border:1px solid #CCC;background:#FFF;padding:5px;opacity:1;max-width:300px}
#tooltip h3, #tooltip div { margin:0;font-weight:normal;color:#000!important;font-size:.8em}
/* TOP NAVIGATION */
/* level one */
#toolbar{position:absolute;z-index:10;background: url(/imgs/backgrounds/toolbar.png) repeat-x }
#dropdown {position:relative;z-index:200;list-style:none;float:left}
.li_img {float:right;margin-right:10px}
#dropdown li {position:relative;float:left}
#dropdown a.dl1a {color:#FFF;font-size:.85em;font-weight:700;width:185px;padding:5px 0;display:block;text-decoration:none;text-align:center}
#dropdown li.on a.dl1a {color:#000;background:#E1E1E1}
#dropdown a.dl1a:hover {color:#000;background:#FFF}
#dropdown a.on {color:#000;background:#FFF}
#dropdown a:hover,#dropdown a:active {text-decoration:none}
#dropdown .dl1 {position:relative;visibility:visible;}
#dropdown .dl1 a {visibility:visible;}
/* level two */
#dropdown .dl2{position:absolute;display:none;font-weight:normal;padding:0;text-decoration:none;height:auto;width:740px;left:-185px}
#dropdown .dl2a{position:relative;display:block;float:left;padding:5px;margin:0;text-decoration:none;height:auto}
#dropdown ul {list-style:none;z-index:300;top:25px;border-top:5px solid transparent}
#dropdown ul ul{position:absolute;top:0%;left:100%}
#dropdown a.dl2a{font-weight:bold;font-size:.8em;text-transform:none;border-right:none;width:358px;color:#FFF;background:url(/imgs/backgrounds/toolbar.png);display:inline-block;text-align:center} /* IE 6 & 7 Needs Inline Block */
/*#dropdown a.dl2a{font-weight:bold;font-size:.8em;text-transform:none;border-right:none;width:358px;color:#FFF;background:#333;display:inline-block;text-align:center} /* IE 6 & 7 Needs Inline Block *//* level three */
#dropdown a.on{color:#000!important;background:#FFF!important}
#dropdown .d3{left:100%;top:5px}
#dropdown a.dl2a:hover{color:#000;background:#FFF}
/* level three */
ul.dropdown ul ul{left:100%;top:5px}
ul.dropdown li:hover > ul{visibility:visible}

/* customised menus */
#dropdown ul.owner4{list-style:none;top:25px;left:-370px;position:absolute!important;width:748px;display:none}
#dropdown ul.owner4 li{margin:0 2px 2px 0}
#dropdown ul.owner4 li a{width:137px;background: url(/imgs/backgrounds/toolbar.png) repeat-x ;}

/*tooltip*/
.tipsy{padding:5px;font-size:12px;position:absolute;z-index:100000}
.tipsy-inner{padding:5px 8px 4px 8px;background-color:#FFF;color:#FFF;max-width:200px;text-align:center}
.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.tipsy-arrow{position:absolute;background:url('/imgs2/tipsy/tipsy.gif')no-repeat top left;width:9px;height:5px}
.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-4px}
.tipsy-nw .tipsy-arrow{top:0;left:10px}
.tipsy-ne .tipsy-arrow{top:0;right:10px}
.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left}
.tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left}
.tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left}
.tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right}
.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px}
/*background
#background{bottom:0;left:0;position:absolute;width:100%;height:100%;z-index:-1}
#background[id]{display:table}
#background div{position:absolute;left:0;top:50%}
#background[id] div{display:table-cell;vertical-align:middle;position:static}
#background img{position:relative;bottom:0;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%}
*:first-child+html #holder div{position:absolute}
*/
/*background expander*/
/*
	File Overview:	Flexi-background styles.
	Author:			Michael Bester <http://kimili.com>
	Description:	Sets up styling for full-screen flexible backgrounds.
					See <http://kimili.com/journal/flexible-scalable-background-image> for more info.
	
	Licence:		Copyright 2010, Michael Bester.
					Released under the MIT license <http://opensource.org/licenses/mit-license.php>
	
*/

body { 
	background-attachment:		fixed;
	/*background-image:			url(../img/hanging-on.jpg); placed on actual page*/
	background-position:		bottom center; 
	background-repeat:			no-repeat; 	
	margin:					0;
	padding:					0;
	background-size:			cover;
	-moz-background-size:		cover;
	-webkit-background-size:	cover;
}

/*
	This next definition doesn't allow the background to get any smaller
	than a predefined size (1280x1024px in this case). Change the values
	here to match your background image size. The configuration in the
	flexi-background javascript file should also match these values.
*/

@media only all and (max-width: 1280px) and (max-height: 1024px) {
	body {		
		background-size:			1280px 1024px;
		-moz-background-size:		1280px 1024px;
		-webkit-background-size:	1280px 1024px;
	}
}

/*
	The next 2 definitions are for support in iOS devices.
 	Since they don't recoginze the 'cover' keyword for background-size
 	we need to simulate it with percentages and orientation
*/

@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
	body {
		-webkit-background-size: auto 100%;
	}
}

@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
	body {
		-webkit-background-size: 100% auto;
	}
}
/* All of the following styles only get used when background-size isn't supported */

img#expando { 
	display:	none;
	position:	absolute; 
	z-index:	1;	 
	bottom: 0;
	-ms-interpolation-mode: bicubic; 
} 

.wide img#expando, 
.tall img#expando { 
	display: 	block; 
} 

.wide img#expando { 
	height: 	auto;
	width: 		100%; 
} 

.tall img#expando { 
	height:		100%;
	width:		auto; 
}
/* print styles */
@media print{
*{background:transparent !important;color:#444 !important;text-shadow:none}
a, a:visited{color:#444 !important;text-decoration:underline}
a:after{content:" (" attr(href)")"}
img{page-break-inside:avoid}
@page{margin:0.5cm}
p, h2, h3{orphans:3;widows:3}
h2, h3{page-break-after:avoid}
}
@media screen and(max-device-width:480px){html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
}