/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

span.originaltext {	display: none; }
span.flashtext 		{	margin: 0px; padding: 0px; }
embed 						{	display: inline; }

* { margin: 0px; padding: 0px; outline-style: none; }

html, body {
	height: 100%;
	overflow: hidden;
}

img a, a img { border: 0px; text-decoration: none; }

#site {
	position: relative;
	padding: 20px 0px;
	margin: 0px auto;
	width: 990px;
	height: 560px;
	font: 12px Arial, Verdana, sans-serif;
	clear: left;
	color: #494C4E;
	border-top: 1px solid #0F6C93;
	border-bottom: 1px solid #0F6C93;
	/*overflow: hidden;*/
}

#spacer {	width: 1px; height: 50%; margin-bottom: -300px; float: left; }

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	position: relative;
	width: 990px;
	height: 100px;
}

#header .logo {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation ul {
	margin: 0px;
	list-style-type: none;
}

#navigation li {
	position: relative;
	margin: 0px 10px 0px 0px;
	padding: 8px 10px; 
	width: 105px;
	height: 24px;
	float: left; 
	cursor: pointer;
	font: 12px Lucida Sans Unicode, arial, verdana, sans-serif;
	background: url(pics/bg_li_nav.gif) top left no-repeat;
}

#navigation li object,
#navigation li embed { position: absolute; top: 0px; left: 0px; }

#navigation li.current,
#navigation li:hover { background: url(pics/bg_li_current_nav.gif) top left no-repeat; }

#navigation li a:link, #navigation li a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
}

/* ------------------------------------------------------------------------- Content */ 

#splash, #content .skip { text-align: center; }
#content .skip { margin: 150px 0px 0px 0px; }
#content .skip a:link, #content .skip a:visited { border: none; }

#content {
	width: 990px;
	height: 450px;
}

#content .hspace12 { width: 12px; float: left;  }

#text {
	position: relative; 
	padding: 0px 10px 0px 0px;
	width: 515px; 
	height: 400px;
	overflow: auto;
}

#text.small { width: 437px; }

#text hr { display: none; }

#content .item { 
	position: relative;
	margin: 0px 15px 10px 0px; 
	padding: 10px 10px 60px 10px;
	width: 235px; 
	float: left;
	color: #fff; 
	font-size: 12px; 
	background: #494d4f;
}

#content .column 		 { position: relative; margin: 0px 15px 0px 0px; height: 415px; width: 255px; display: block; float: left; overflow: hidden; }
#content .item .head { margin: 0px 0px 10px 0px; height: 80px; display: block; overflow: hidden; }

#blocklist .item { height: 130px; overflow: hidden; background: url(pics/bg_news_item.gif) top left no-repeat;  }
#blocklist .item a:link, #blocklist .item a:visited { color: #00B9F3; border-bottom: 1px solid #00B9F3; }
#blocklist .item a.no_border:link, #blocklist .item a.no_border:visited { color: #00B9F3; border: none; }
#blocklist .item img.intro 	 { margin: 5px 0px 0px -10px; }

#detailpage .item 			 { padding: 10px 10px 0px 10px; background: #494d4f url(pics/bg_item_top.png) top left no-repeat; cursor: pointer; }
#detailpage .item img 	 { margin: 0px 0px 0px -10px; }
#detailpage .item.big    { height: 400px; overflow: hidden; }
#detailpage .item.medium { height: 190px; overflow: hidden; }
#detailpage .item.medium.dynamic { padding: 10px 10px 50px 10px; min-height: 140px; height: auto !important; height: auto; overflow: hidden; }
#detailpage .item.small  { height: 85px;  overflow: hidden; }

#content span.bg_item_bottom { position: absolute; width: 256px; height: 50px; left: 0px; bottom: 0px; background: url(pics/bg_item_bottom.png) top left no-repeat; font-size: 0px; line-height: 0px; }
* html #content span.bg_item_bottom { bottom: -1px; }

#content .sidebar_top {
	position: relative;
	padding: 10px 10px 60px 10px;
	width: 236px;
	height: 140px;
	z-index: 2;
	color: #fff;
	background: url(pics/bg_sidebar_projectdetail_top.png) top left no-repeat;
}

#content .sidebar_bottom {
	position: relative;
	margin: -350px 0px 0px 0px;
	padding: 90px 10px 60px 10px;
	width: 236px;
	height: 130px;
	display: none;
	z-index: 1;
	color: #fff;
	background: #6D7071;
}

#content .sidebar_top b, #content .sidebar_top strong,
#content .sidebar_bottom b, #content .sidebar_bottom strong {
	color: #00B9F3;
}

h1, td h1 { font: 26px Lucida Sans Unicode, arial, verdana, sans-serif; font-weight: normal; color: #0F6C93; margin-bottom: 4px; }
h2, td h2 { font: 22px Lucida Sans Unicode, arial, verdana, sans-serif; font-weight: normal; color: #00B9F3; margin-bottom: 0px; }
h3, td h3 { font: 20px Lucida Sans Unicode, arial, verdana, sans-serif; font-weight: normal; color: #FFFFFF; margin-bottom: 0px; }
h4, td h4 { font: 14px arial, verdana, sans-serif; font-weight: bold;   color: #494C4E; margin-bottom: 0px;}
h5, td h5 { font: 13px arial, verdana, sans-serif; font-weight: bold;   color: #494C4E; margin-bottom: 0px;}
h6, td h6 { font: 12px arial, verdana, sans-serif; font-weight: bold;   color: #494C4E; margin-bottom: 0px;}

h1.spf_h1 { padding: 0px 0px 0px 10px; width: 900px; height: 36px; font-size: 28px; overflow: hidden; }
h1.spf_h1 embed, h1.spf_h1 object { float: left; height: 36px; }
h2.spf_h2 { margin: 5px 0px 0px 0px; width: 235px; font-size: 24px; line-height: 12px; float: left;  }
h2.spf_h2 a { line-height: 12px; }
h2.spf_h2 embed, h2.spf_h2 object { margin: 0px; float: left; }
h3.spf_h3 { margin: 0px 0px 6px 0px; width: 235px;  line-height: 18px; float: left; }
h3.spf_h3 embed, h3.spf_h3 object { margin: 3px 0px 6px 0px;  float: left; }

#content a:link, #content a:visited { text-decoration: none; color: #494C4E ;  border-bottom: 1px solid #494C4E; }
#content a:hover { border-bottom: 1px solid #494C4E; }

#content h2.spf_h2 a:link, #content h2.spf_h2 a:visited { border: none; color: #00B9F3; } 

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #494C4E;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

#content .image 										 { position: relative; float: left; width: 200px; margin: 0px; padding: 0px; font-size: 0px; z-index: 2; }
#content .image.floatLeft   				 { margin: 0px 10px 10px 0px; }
#content .image.floatRight 				   { margin: 0px 0px 10px 10px; }
#content .image span.bg_img_top		   { position: absolute; top: 0px;    left: 0px; width: 200px; height: 5px;  z-index: 2; background: url(pics/bg_img_top.png)    top left no-repeat; }
#content .image span.bg_img_bottom   { position: absolute; bottom: 0px; left: 0px; width: 200px; height: 43px; z-index: 2; background: url(pics/bg_img_bottom.png) bottom left no-repeat; }
#content .image img 								 { position: relative; z-index: 1; margin: 0px; font-size: 0px; line-height: 0px; }

#photos .image { margin: 0px 15px 15px 0px; float: left; }
#photos .image a { text-decoration: none; border: none; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content ul.subnav 		{ position: absolute; top: 85px; left: 10px; margin: 15px 0px 0px 3px; z-index: 10; list-style-type: none; }
#content ul.subnav li { margin: 2px 0px; }
#content ul.subnav li a:link,  #content ul.subnav li a:visited { font-size: 13px; border: none; color: #FFFFFF; }
#content ul.subnav li a:hover, #content ul.subnav li.current a:link, #content ul.subnav li.current a:visited { color: #00B9F3; }

#content span#subsubnav ul 	 { margin: 0px 0px 0px 3px; z-index: 10; list-style-type: none; }
#content span#subsubnav ul li { margin: 2px 0px;  }
#content span#subsubnav ul li a:link,  #content span#subsubnav ul li a:visited {  font-size: 12px; border: none; color: #FFFFFF; }
#content span#subsubnav ul li a:hover, #content span#subsubnav ul li.current a:link, #content span#subsubnav ul li.current a:visited { color: #00B9F3; }

#content ul.sidebar_nav 	 { margin: 0px 0px 0px 3px; list-style-type: none; }
#content ul.sidebar_nav li { margin: 0px 0px 15px 0px; color: #fff; }
#content ul.sidebar_nav li a:link, #content ul.sidebar_nav li a:visited{ color: #00B9F3; font-size: 13px; border: none; }
#content ul.sidebar_nav li a:hover, #content ul.sidebar_nav li.current a:link, #content ul.sidebar_nav li.current a:visited { color: #00B9F3; }

.floatLeft  { float: left;  }
.floatRight { float: right; }

.file { height: 30px; overflow: hidden;} 
.file img { float: left; clear: both; }
.file a { margin: 0px 5px; line-height: 35px; }

#blocklist .brochure { margin: 0px 15px 0px 0px; float: left; width: 200px; }
#blocklist .brochure .file{ height: auto; line-height: normal; clear: both; }
#blocklist .brochure .file span.info { margin: 8px 5px; width: 170px; float: left; }
#blocklist .brochure .file span.info a { margin: 0px; line-height: 18px;}

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }

/* ------------------------------------------------------------------------- ColumnPage */

#book-container {
	position: relative;
	height: 400px;
	overflow: auto;
}

#book {
	height: 400px; 
	z-index: 15;
	float: left;
}

#book hr { display: none; }

#book .bookpage {
	display: inline; /* prevent ie/win from doubling margins */
	float: left;
	height: 400px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 200px;
}

.bookpage img {
	margin: 0px 0px 15px 0px;
	float: left;
	clear: left;
}

.bookpage .file img {
	margin: 0px 0px 8px 0px;
	float: left;
	clear: left;
}

/* Navigation elements */

.booknav-pagenumber {
	display: block;
	margin: 0px auto;
	height: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	font-size: 10px;
	color: #fff;
}

#booknav { position: absolute; left: 0px; bottom: 0px; height: 20px; width: 990px; display: block; /* background-color: #494c4e; */ }

#booknav-current {
	display: none;
	background: #667265;
}
		
#booknav a:link, #booknav a:visited {
	display: block;
	position: absolute;
	z-index: 50;
	bottom: 0;
	padding: 0 15px;
	height: 20px;
	font: 10px Arial, Verdana, sans-serif;
	text-decoration: none;
	line-height: 20px;
	color: #494c4e;
	border-bottom: none;
}
	
#booknav a:hover {
	color: #26b8eb;
}

#booknav-next {
	position: absolute;
  right: 0px;
	color: #494c4e;
}

#booknav-next div { position: absolute; width: 100px; text-align: right; right: 0px; cursor: pointer; }
#booknav-prev div { position: absolute; width: 100px; text-align: left;  left: 0px;  cursor: pointer; }	

#booknav-prev {
	position: absolute; 
	left: 0px;
	color: #494c4e;
}
	
#booknav-page1 {
	left: 0;
	text-align: center;
}