body {
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:middle center;
	font-family:helvetica,verdana;
	font-size:10px;
}

#frame {
	margin-left:auto;
	margin-right:auto;
	width:850px;
}

	#top {
		height:55px;
		margin-top:45px;	
	}
		#top-logo {
			float:left;
		}
		#top-logo a:hover
		{
		    background:none;
		}
		#top-newsletter {
			float:right;
		}
		#top-newsletter .email {
			width:174px;
		}
		#top-newsletter input {
			margin-left:5px;
		}

	#menu-frame {
		width:180px;
		float:left;
		margin-right:20px;
		padding-top:65px;
	}
		#flash-menu-container {
			padding-bottom:14px;
		}
			#flash-menu-container a { 
				display:block;
				font-size:19px;
				padding:2px;
				padding-bottom:5px;
			}
			#flash-menu-container a:hover {
				text-decoration:none;
				background:black;
				color:white;
			}

		#sub-menu {
			margin-top:15px;
			margin-bottom:15px;
		}
			#sub-menu a {
				display:block;
				text-transform:uppercase;
				padding:2px;
			}	

	#content-frame {
		width:650px;
		float:left;
		margin-bottom:20px;
	}
		#rotator {
			width:650px;
			height:404px;
			margin-top:28px;
		}
			.project-image-excess {
				display:none;
			}
			.rotator-excess {
				display:none;
			}
		#rotator img {
			margin-top:	31px;
		}	
			
		#rotator-text {
			padding-right:20px;
		}	
		#rotator-text, #rotator-text-wide {
			margin-left:10px;
			margin-top:20px;
			width:435px;
			float:left;
			margin-bottom:20px;
			padding-bottom:20px;
			line-height:170%;
		}
		#rotator-text 
		{
		    padding-bottom:0;
		    margin-bottom:0;
		}
		
		#rotator-text-wide {
			width:628px;
		}

		#rotator-text h1, #rotator-text-wide h1 {
			margin-top:0px;
			margin-bottom:17px;
			line-height:130%;
		}
		#rotator-links
		{
			float:left;
			margin-top:6px;
			margin-bottom:20px;
			padding-left:20px;
		}
		#rotator-links a {
			font-size:16pt;
			display:block;
			margin-top:15px;
			width:160px;
		}
		#rotator-links a:hover
		{
		    background:none;
		}

		
	#footer {
		clear:both;
		height:10px;
		padding-top:10px;
		margin-bottom:20px;
	}
		#footer a {
		}	

h1 {
	margin-top:0;
	margin-bottom:20px;
	padding:0;
	font-size:17pt;
	font-weight:normal;
	line-height:140%;
}

h2 {
	margin-top:0;
	margin-bottom:10px;
	padding:0;
	font-size:10pt;
	font-weight:normal;
	line-height:130%;
	text-transform:uppercase;
}

img {
	border:0;
}

/* helpers for jQuery. Passes variables to jQuery */
#jqColor, #jqMenu, #jqID {
	display:none;
}

#newslist
{}
	.newslist-main-article {
		margin-top: 70px;
	}
		.newslist-main-image {
			float:left;
			margin-right:20px;
		}
		.newslist-main-content
		{
			width:300px;
			float:left;
		}	
		.newslist-main-content h1
		{
			width:300px;
			margin:0;
		}
		.newslist-main-content-link {
			margin-top:5px;
			display:block;
		}
	.newslist-sub-article {
		width:201px;
		margin-right:15px;
		float:left;
	}
		.newslist-sub-article img {
			margin-bottom:15px;
		}	
	
		
/* ingress with lots of linespacing */
.ingress, .bodytext
{
	line-height:150%;
}	

/* general margin classes */
.height-20
{
	height:20px;
}

/* doc with flash ingress */
.doc-flashingress
{
	margin-top:63px;
}
	.flashingress {
		font-size:18pt;
		line-height:120%;
		margin-bottom:10px;
	}

.doc1-img {
	margin-bottom:20px;
}
.newslist-sub-image a:hover 
{
    background:none;
}


/* Flash bg */
#flashbg 
{
    top:0; 
    left:0; 
    width:100%;
    height:100%; 
    position:fixed;
    z-index:900; 
}

@media screen {

    * html, 
    * html body { 
        overflow-y: hidden!important; 
        height: 100%;
        margin: 0;
        padding: 0; 
    }
    * html #outer { 
        height: 100%;
        overflow-y: scroll;
        position: relative;
        z-index:1000;
    }

    * html div#flashbg {
        position: absolute;
    }

}

