/* CSS Document */

#wrapper {
	width:100%;
	height:100%;
	}

#content {
	width: 960px;
	
   	margin-left:auto;
	margin-right:auto;
}


#topstrip{
		width:100%;
		max-width:960px;
		min-width:760px;
		height:170px;
		margin-left:auto;
		margin-right:auto;
		}
#logo{
		width:256px;
		height:158px;
		float:left;
		background:url(images/logo3.gif) no-repeat bottom left;
		display:block;
		text-indent:-9000px;
		}

#title{
		margin-top:10px;
		width:600px;
		height:150px;
		float:right;
		background:url(images/title.jpg) no-repeat right;
		display:block;
		text-indent:-9000px;
		}
		
#main{  margin-top:20px;
		width: 960px;
		
		}
		
#leftstrip{
		
		width:250px;
		height:600px;
		float:left;
		}

#text{	
		
		width:710px;
		float:right;
		height:auto;
		
		}


#navbar{
		
		width:250px;
		height:380px;
		background-color:#8DC73F;
		}
#address{
		width:250px;
		height:200px;
		background-color:#1F87C1;
		}
		
.textbox{
	width:230px;
	height:180px;
	padding-left:15px;
	padding-top:10px;
		}
		
.textbox2{
		width:335px;
		margin-top:10px;
		padding-left:10px;
		
		font-family:'Lucida Granade', Verdana, Helvetica;
		color:#FFFFFF;
		font-size:12px;
		}


#paragraph1{
	width:335px;
	float:left;
	font-family:'Lucida Grande', Verdana, Helvetica;
	font-size:12px;
	text-align:left;
	margin-top: 0px;
	padding-top:0px;
	
		}
		
#paragraph2{
		width:335px;
		float:right;
		font-family:'Lucida Grande', Verdana, Helvetica;
		font-size:12px;
		margin-top: 0px;
		padding-top:0px;
		}	


#paragraph3{
	width:700px;
	float:left;
	font-family:'Lucida Grande', Verdana, Helvetica;
	font-size:12px;
	text-align:left;
	margin-top: 0px;
	padding-top:0px;
	
		}


		
#image2{
		width:335px;
		height:172px;
		}
		
#image1{
		margin-top: 0px;
		padding-top:0px;
		
		width:335px;
		height:600px;
		}
		
#image3{
		width:335px;
		height:446px;
		}
		
#image4{
		width:335px;
		margin-top:0px;
		
		}
		
#image5{
		width:335px;
		margin-top:10px;
		margin-left:10px;
		
		}
		
#highlightbox{
		
		padding-top:10px;
		background-color:#1F87C1;
		padding-bottom:10px;
		
		}
		
#highlightbox2{
		width:335px;
		padding-bottom:10px;
		
		background-color:#8DC73F;
		
	
		}
		
#header{width:312px;
		}
		
#left{
		
		width:158px;
		height:400px;
		float:left;
		}	
	
.testtube1{
		width:158px;
		height:198px;
		display:block;
		}
		
.testtube1{
		margin-top:101px;
		width:158px;
		height:198px;
		display:block;
		float:left;
		}
.testtube1 a {
		display:block;
		width:158px;
		height:198px;
		text-indent:-9000px;
		background:url(images/tube1.gif) no-repeat 0 0;}
		
.testtube1 a:hover {
		display:block;
		width:158px;
		height:198px;
		text-indent:-9000px;
		background:url(images/tube1.gif) no-repeat;
		background-position:0 -198px;}
		
		
#middle{
		
		width:154px;
		height:400px;
		float:left;}
		
.testtube2{
		width:154px;
		height:167px;
		display:block;
		float:left;
		}
.testtube2 a {
		display:block;
		width:154px;
		height:167px;
		text-indent:-9000px;
		background:url(images/tube2.gif) no-repeat 0 0;}
		
.testtube2 a:hover {
		display:block;
		width:154px;
		height:167px;
		text-indent:-9000px;
		background:url(images/tube2.gif) no-repeat;
		background-position:0 -167px;}
		
.testtube3{
		margin-left:10.5px;
		width:137px;
		height:205px;
		display:block;
		float:left;
		}
.testtube3 a {
		display:block;
		width:137px;
		height:205px;
		text-indent:-9000px;
		background:url(images/tube3.gif) no-repeat 0 0;}
		
.testtube3 a:hover {
		display:block;
		width:137px;
		height:205px;
		text-indent:-9000px;
		background:url(images/tube3.gif) no-repeat;
		background-position:0 -205px;}
		
.testtube4{
		margin-left:11.5px;
		width:135px;
		height:192px;
		display:block;
		float:left;
		}
.testtube4 a {
		display:block;
		width:135px;
		height:192px;
		text-indent:-9000px;
		background:url(images/tube4.gif) no-repeat 0 0;}
		
.testtube4 a:hover {
		display:block;
		width:135px;
		height:192px;
		text-indent:-9000px;
		background:url(images/tube4.gif) no-repeat;
		background-position:0 -192px;}
		
.about{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
padding-top:20px;
}

.about a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/aboutus.jpg) no-repeat 0 0;
}

.about a:hover {
background: url(images/aboutus.jpg) no-repeat;
background-position: 0 -18px;
}

.technology{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.technology a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/technology.jpg) no-repeat 0 0;
}

.technology a:hover {
background: url(images/technology.jpg) no-repeat;
background-position: 0 -18px;
}

.control{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.control a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/control.jpg) no-repeat 0 0;
}

.control a:hover {
background: url(images/control.jpg) no-repeat;
background-position: 0 -18px;
}

.ecosystem{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.ecosystem a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/ecosystem.jpg) no-repeat 0 0;
}

.ecosystem a:hover {
background: url(images/ecosystem.jpg) no-repeat;
background-position: 0 -18px;
}

.risk{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.risk a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/risk.jpg) no-repeat 0 0;
}

.risk a:hover {
background: url(images/risk.jpg) no-repeat;
background-position: 0 -18px;
}

.highlights{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.highlights a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/highlights.jpg) no-repeat 0 0;
}

.highlights a:hover {
background: url(images/highlights.jpg) no-repeat;
background-position: 0 -18px;
}

.goingforward{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.goingforward a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/goingforward.jpg) no-repeat 0 0;
}

.goingforward a:hover {
background: url(images/goingforward.jpg) no-repeat;
background-position: 0 -18px;
}

.members{
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.members a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/members.jpg) no-repeat 0 0;
}

.members a:hover {
background: url(images/members.jpg) no-repeat;
background-position: 0 -18px;
}


.forum {
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.forum a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/forum.jpg) no-repeat 0 0;
}

.forum a:hover {
background: url(images/forum.jpg) no-repeat;
background-position: 0 -18px;
}


.workshop {
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.workshop a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/workshop.jpg) no-repeat 0 0;
}

.workshop a:hover {
background: url(images/workshop.jpg) no-repeat;
background-position: 0 -18px;
}


.symposium {
width: 198px;
height: 18px;
display:block;
margin-left:15px;
margin-top:15px;
}

.symposium a {
display: block;
width: 198px;
height: 18px;
text-indent:-9000px;
background: url(images/symposium.jpg) no-repeat 0 0;
}

.symposium a:hover {
background: url(images/symposium.jpg) no-repeat;
background-position: 0 -18px;
}




/* end of layout elements */


/* style elements */

.smalltext{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		text-align:left;
		font-size:11px;
		width:200px;
		}
		
.smalltext2{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		text-align:left;
		font-size:11px;
		width:180px;
		}
		
.smalltext2 a{
		text-decoration:none;
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		}
	
.smalltext2 a:hover{
		color:#8DC73F;
		}
		
.mediumtext{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		color:#000000;
		text-align:left;
		font-size:12px;
		margin-top: 0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:10px;

		}
		
.mediumtext2{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		color:#ffffff;
		text-align:left;
		font-size:12px;
		margin-top: 0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:10px;

		}
.mediumtext3{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		color:#1F87C1;
		text-align:left;
		font-size:12px;
		margin-top: 0px;
		padding-top:0px;
		}
		
.mediumtext3 a{
		text-decoration:none;
		color:#1F87C1;
		}
	
.mediumtext3 a:hover{
		color:#CC6600;
		}		


.mediumtext4{
		font-family: "Georgia", Times New Roman, Times, serif;
		color:#1F87C1;
		text-align:left;
		font-size:16px;
		margin-top: 0px;
		padding-top:0px;
		text-decoration:none;
		}
		
.mediumtext4 a{
	text-decoration:none;
	color:#1F87C1;
		}
	
.mediumtext4 a:hover{
		text-decoration:none;
		color:#CC6600;
		}	

		
		
h1{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#1F87C1;
		font-size:16px;	
		text-align:left;
		margin-top: 0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:0px;
		margin-bottom:0px;
		}	
		
h2{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#8DC73F;
		font-size:14px;	
		text-align:left;
		margin-top:0px;
		padding-top:0px;
		padding-left:10px;
		padding-right:10px;
		}	



h4{
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#8DC73F;
		font-size:12px;	
		text-align:left;
		margin-top: 0px;
		padding-top:0px;
		
		}	
		
ul{
		
		margin-left:10px;
		padding-left:10px;
		
		}
		
.subheader{
		padding-top:0px;
		margin-top:0px;
		margin-left:10px;
		font-family:'Lucida Grande', verdana, helvetica, sans-serif;
		font-weight:bold;
		color:#1F87C1;
		font-size:12px;	
		text-align:left;
		}
		
a {text-decoration:none; outline:none;}
a:visited {text decoration:none }

		
		

/* end of style elements */