/* CSS Document */

html {
	height: 100%;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
	}
	
* {
	margin: 0;
	padding: 0;
	}

body {
	height: 100%;
	font-size: 11px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #597f94;
	background: #f3f2f0 top center repeat-y scroll url(../img/structure/body_bg.png);
	}

div#siteWrapper {
	position: relative;
	width: 958px; min-height: 100%;	z-index: 1;
	margin: 0 auto;
	background: white top left repeat-y url(../img/structure/leftcol_bg.png);
	text-align: left; outline: none;
	border-color: #FFFFFF; border-style: solid;	border-width: 0 1px;
	margin-bottom: -68px;
	}
	
	#siteWrapper.past {
		background-color: #faf7f8;
		}
		
	#siteWrapper.current, #siteWrapper.generic {
		background-color: #f3f4f6;
		}	

body>div#siteWrapper {	
	overflow: auto;
	overflow-x: hidden;
	}
		
	div#siteHeader {
		position: relative; display: block;
		width: 958px; height: 159px;
		background: #003b67;
		border-bottom: 10px solid white;	
		}

		div#siteLogo {
			position: relative; display: block; float: left; clear: both;
			width: 184px; height: 159px;
			left: 0px; top: 0px; z-index: 10;
			
			}
			
			div#headerImage {	
				position: relative; display: block; float: left;
				width: 773px; height: 159px; z-index: 1;
				border-left: 1px solid white; overflow: hidden;
				}
				
	div#contentWrapper {
		width: 958px; zheight: auto; zoverflow: auto;
		z-index: 1;
		}
		
		div#leftCol {
			position: relative; float: left; clear: right;
			width: 184px;
			margin-right: 1px;
			z-index: 2;
			}
		
		div#rightCol {
			position: relative; float: right;
			width: 773px; margin: 0px !important;
			z-index: 3;
			}
			
			/*
			HOME PAGE
			=================================================================================
			*/
			
			div.welcomeBlock {
				display: block; padding: 10px 10px 20px 10px;
				background: #003b67 top left repeat-x url(../img/blocks/welcome_bg.jpg);
				}
				
			/*
			DEVELOPMENT BLOCKS
			======================================================================================
			*/
				
			div.header {
				display: block; padding: 0 10px; clear: both; height: 35px; line-height: 35px;
				background: #7c889e top left repeat-x url(../img/blocks/blue_bg.jpg);
				}
				
				/* CURRENT */

				.sectionBlock.current div.header, .current div.header {
					height: 35px; line-height: 35px;
					color: white;
					background: #7c889e top left repeat-x url(../img/blocks/current_bg.jpg);
					}
					
				.sectionBlock.current div.propList {
					background: #e4e5ea;
					}
					
				.current .sectionBlock div.propList {
					background: #e4e5ea;
					border-bottom: 1px solid white;
					}
					
				/* PAST */							
					
				.sectionBlock.past div.header, .past div.header {
					height: 35px; line-height: 35px;
					color: white;
					background: #a66e77 top left repeat-x url(../img/blocks/past_bg.jpg);
					}
					
				.sectionBlock.past div.propList {
					background: #eee3e7;
					}
					
				.past .sectionBlock div.propList {
					background: #eee3e7;
					border-bottom: 1px solid white;
					}
					
				/* ABOUT */							
					
				.about div.header, .development-team div.header {
					height: 35px; line-height: 35px;
					color: white;
					background: #716780 top left repeat-x url(../img/blocks/purple_bg.jpg);
					}					
					
				/* COMMON */						
					
				.sectionBlock div.header {
					display: block; float: left; width: 753px;
					height: 33px; line-height: 33px; color: #003b67;
					border-top: 1px solid #e8e8e8;
					border-bottom: 1px solid #e8e8e8;
					background: white top left repeat-x url(../img/blocks/dev_summary_current_block.jpg);
					}
					
					div.summary {
						padding: 15px 10px;
						color: #fff;
						border-top: 1px solid #005b8d;
						background: #004c76;
						line-height: 14px !important;
						}
					
					div.summary.past {
						border-top: 1px solid #c8a5aa;
						border-bottom: 1px solid #fff !important;
						background: #be969c;
						}		

					div.summary.current {
						border-top: 1px solid #9fa5b6;
						border-bottom: 1px solid #fff;
						background: #8e96a9;
						}
						
					.about div.summary, .development-team div.summary {
						border-top: 1px solid #a39bb0;
						background: #897f9a;
						}								

			
			div.sectionBlock {
				}
					
			div.propList {
				display: block; padding: 5px; float: left; clear: both; width: 773px;
				border-top: 1px solid white; margin: 0;
				}
				
		/* DEVELOPMENT OUTPUT BLOCKS ===================================================== */
		
		div.devBlock {
			display: inline; float: left; position: relative;
			width: 222px;
			height: 215px;
			background: white; border: 1px solid #dadbdf;
			margin:5px;
			padding:10px;
			}
			
				
		table.devBlock {
			border-collapse: collapse; width: 753px; margin: 5px;
			background: white; border: 1px solid #dadbdf;
			}	 					

			table.devBlock td.title {
				width: 500px; padding: 15px 10px 10px 10px;
				text-align: left; vertical-align: middle;
				}	 					
	
			table.devBlock td.link {
				padding: 15px 10px 10px 0;
				text-align: right; vertical-align: middle;
				}
				
			table.devBlock td.summary {
				padding: 0 10px 20px 10px;
				text-align: left; vertical-align: top;
				color: #999999;
				}
				
		/* DEVELOPMENT DETAIL BLOCKS ======================================================= */
		
		div.developmentBlock {
			margin: 10px; padding: 10px; display: block; position: relative; width: 733px; height: 100%;
			background: white; border: 1px solid #dadbdf;
			color: #999999;
			}
			
			table.developmentBlock {
				width: 100%; height: 100%; border-collapse: collapse;
				}
				
				td.heading {
					padding: 10px 0 20px 0;
					}
					
					table.developmentBlock h2 {
						font-family: Arial; font-weight: bold; font-size: 14px; color: #033b65;
						}
						
					table.developmentBlock span.devDate {
						font-weight: bold; color: #033b65;
						}
						
				td.images {
					width: 345px; padding: 0; vertical-align: top; text-align: left;
					}
					
					div#largeImage img {
						border: 1px solid #e0dcd7; padding: 3px;
						}
						
					div#thumbnails {
						float: left; border: 1px solid #e0dcd7; border-top: none; padding: 1px; width: 345px;
						}
						
						div#thumbnails img {
							float: left; margin: 1px; cursor: pointer; border: 1px solid #e0dcd7; padding: 1px; background: white;
							}
							
						div#thumbnails img.seen {
							border: 1px solid #c4bbb2 !important; background: #e0dcd7 !important;
							}	
							
							
				td.content {
					padding: 0 10px 20px 0;
					}
					
					div.infoPack {
						width: 100%; text-align: center; padding-top: 10px;
						}
						
						div.infoPack a {
							padding: 4px 15px; text-decoration: none; color: white !important; font-size: 11px; line-height: 11px; font-weight: bold;
							border: 2px double #033b65;
							background: left top repeat-x url(../img/navigation/toplevel_blue.png);
							}

						div.infoPack a:hover {
							background-position: left bottom;
							text-decoration: none !important;
							}

					
				td.contact, td.links {
					padding: 20px 0; border-top: 1px solid #e5e5e3;
					}

					td.contact h3, td.links h3 {
						font-size: 12px; margin-bottom: 10px; color: #7b7b7b;
						}
						
					td.contact a, td.links a {
						text-decoration: none; font-weight: bold; color: #033B65;
						}
						
					td.contact a:hover, td.links a:hover {
						text-decoration: underline;
						}
						
						td.contact span.name {
							font-weight: bold; color: #999999;
							}

/* SITE MAP ========================================================================== */
	
		ul.LSM_0 li a {
			text-decoration: none;
			padding-left: 3px;
			color: #003760;
			font-weight: bold;
			}							

		ul.LSM_0 li li a {
			color: #7c889e;
			font-weight: normal;
			}
			
		ul.LSM_0 li li li a {
			color: #70667f;
			font-weight: normal;
			}
			
		ul.LSM_0 li li li li a {
			color: #aaaab2;
			font-weight: normal;
			}
			
		ul.LSM_0 a:hover {
			color: #c4666f !important;
			}							
					
/* =================================================================================== */
					
	div#clearAll {
		display: block; float: left; clear: both;
		width: 100%; height: 67px;
		}
		
#siteFooter {
	display: block; position: relative; text-align: left;
	width: 958px; height: 67px;
	margin: 0 auto;
	z-index: 100;
	}
	
	#siteFooter .footerBlock {
		display: block; float: right; clear: both;
		width: 763px; height: 33px; line-height: 33px; padding-left: 10px;
		border-top: 1px solid #e5e5e3;  background: white;
		color: #c2c2c2;
		}
		
		.footerBlock a {
			text-decoration: none; color: #c2c2c2;
			}
			
			.footerBlock a:hover, .footerBlock a.active {
				color: #4487d8;
				text-decoration: underline;
				}

/* =================================================================================== */
		
*.hide {
	display: none !important;
	}
	
*.show {
	display: block !important;
	}
	
li.level2 {
	display: block !important;
	}