@charset "UTF-8";

div.contentPane {
	display: block;
	position:relative;
	}
	div.leftPane {
		float:left;
		width:540px;
		margin-left: 10px;
	}
	div.rightPane {
		width: 420px;
		margin-right:10px;
		float:right;
	} 
	div.topPane {
		margin-bottom: 5px; } 
	div.bottomPane {
		margin-top: 20px; }
	div#welcomeGraphic {
		width:540px;
		height: 264px;
		background-image:url(../images/home/welcome_tree.gif);
		background-repeat:no-repeat; }
	div.textContainer span {
		text-align:justify;
		line-height: 1.2;
		display: block;
		margin-top: 20px;
		overflow: hidden;
		} div.textContainer span.def {
		width: 420px;
		font-weight: bold;
		} div.textContainer span.para {
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 0px;
		width: 400px; }
		div#welcomeText { }
		div#contactText { }
	div#viscommBar {
		background-image:url(../images/home/viscomm.jpg);
		background-repeat:no-repeat;
		background-position: left;
		height: 24px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		clear:both; }
	div#showHolder {}
		div#recentProjects {
			height: 280px;
			position: relative;
			float:left;}
			div#colorBar {
				position:absolute;
				top: 0px;
				left: 45px;
				width: 495px;
				height: 18px;
				background-image:url(../images/home/color_bar.jpg); }
			div.verticalText {
				position:absolute;
				top: 0px;
				left: 0px;
				width: 31px;
				height: 248px;
				background-repeat:no-repeat; } 
				div#rpVerticalText {
					background-image:url(../images/home/recent_projects_vertical.jpg); } 
				div#newsVerticalText {
					background-image:url(../images/home/news_vertical.jpg); } 
			div#rpDateContainer {
				position:absolute;
				top:30px;
				left: 45px;
				width: 495px;
				font-size: 20px;
				color: #9abb50;
				font-weight: bold;
				overflow: hidden;
				} span#date {
				font-size: 20px;
				color: #9abb50;
				font-weight: bold; } 
			div#profileContainer {
				position:absolute;
				left: 45px;
				top: 60px;
				width: 495px;
				height: 65px;
				overflow: hidden;
				text-align: justify;
				white-space: normal; } 
			div#sampleContainer {
				position: absolute;
				left: 45px;
				top: 130px;
				border-top: 2px dashed #9abb50;
				width:495px;
				height: 125px;
				overflow: hidden; }
				div#titleContainer {
					position:absolute;
					left: 255px;
					top: 10px;
					width: 238px;
					height: 48px;
					overflow: hidden;
					text-align: right;
					font-size:24px;
					color: #9abb50;
					line-height: 1;
					text-transform:lowercase;
					white-space: normal; } 
					div#titleContainer noscript, span#title {
						text-align: right;
						font-size:24px;
						color: #9abb50;
						line-height: 1;
						text-transform:lowercase;
						white-space: normal; } 
				div.imgHolder {
					width: 238px;
					height: 48px;
					border: 1px solid #9abb50;
					clip:rect(0px,240px,50px,0px);
					overflow: hidden;
					cursor:pointer;
					z-index: 1; } 
					div#imageContainer1 {
						position:absolute;
						left: 0px;
						top: 10px; } 
					div#imageContainer2 {
						position:absolute;
						left: 0px;
						top: 75px; } 
					div#imageContainer3 {
						position: absolute;
						left: 255px;
						top: 75px; }
		div#news{
			height: 280px;
			position: relative;
			display:none;
			float:left;}
			div#newsContainer {
				position:absolute;
				width: 495px;
				height: 200px;
				top: 65px;
				left: 45px;
				overflow-x: hidden;
				overflow-y: scroll;
				padding-top:10px;
				border-top:2px dashed #9abb50; }
				div#newsDateContainer {
					position:absolute;
					width: 495px;
					left: 45px;
					top:40px; }
				div.newsDate {
					width: 75px;
					text-align:right;
					display:inline-block;
					vertical-align:top; }
				div.newsHeadline {
					margin-left: 5px;
					margin-bottom: 10px;
					width: 390px;
					text-align:justify;
					display:inline-block;}
		div#showSelector {
			width: 100%;
			height: 20px;
			margin-bottom: 10px;
			position: relative; 
			clear: left;} 
			div#showSelector #controller {
				position:absolute;
				right: 0px;
				padding-top:2px;
				text-align:right;
				border-top: 2px dashed #9abb50;
				width:495px; }
			div#controller #playPause {
				float:left;
				margin-left: 5px; }
			div#controller .selector{
				float:right;
				margin-left:8px;
				width: 20px;
				text-align: center;
				padding: 1px 0;
				color: #9abb50; }
			div#controller .selector:hover{
				cursor:pointer; }
			div#controller .active {
				background-color:#9abb50;
				color: #ffffff; }
div#footer div#tree_graphic { 
display:none; }