/* CSS Document */



#mydiv {
	position:absolute;
	top: 25px;
	left: 50%;
	width:800px;
	margin-top: 0px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-color: #FFFFFF;
	height: auto;
}
#table_02 {
	position: absolute;
	height: 400px;
	width: 800px;
	left: 0px;
	top: 421px;
}
#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:421px;
}

#header01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:52px;
}
.headline {
	color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
a.headline:link {
	color: #8A9CFF;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 10pt;
}
a.headline:visited {
	color: #8A9CFF;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 10pt;
}
a.headline:hover {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
	font-size: 10pt;
}
a.headline:active {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: underline;
}
.mainlinks {
	color: #8A9CFF;
	text-align: left;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: lighter;
}
.mainlinks a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.mainlinks a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.mainlinks a:hover {
	color: #8A9CFF;
	text-decoration: underline;
}
.mainlinks a:active {
	color: #DBDBFF;
	text-decoration: underline;
}
#layout01-v2-07_ {
	position:absolute;
	left:0px;
	top:450px;
	width:459px;
	height:150px;
}

#logos {
	position: absolute;
	width: 575px;
	left: 225px;
	top: 476px;
	height: 117px;
	padding-top: 10px;
	text-align: right;
}
#project_pages {
	background-image: url(images/doc_bg0.jpg);
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
}
#documentary_pages {
	background-image: url(images/doc_bg0.jpg);
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
}
#team_pages {
	background-image: url(images/doc_bg0.jpg);
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
	background-repeat: no-repeat;
	background-position: center center;
}
#needs_pages {
	background-image: url(images/doc_bg0.jpg);
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
}	
#content_text {
	text-align: justify;
	position: absolute;
	height: 295px;
	width: 420px;
	left: 336px;
	top: 25px;
	padding: 10px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: lighter;
	color: #FFFFFF;
}
#layout01-v2-12_ {
	position:absolute;
	left:459px;
	top:573px;
	width:341px;
	height:27px;
}
.blackBg {
	background-color: #001221;
}
#Project_Links {
	position: absolute;
	visibility: visible;
	z-index: 1;
	height: 42px;
	width: 57px;
	left: 22px;
	top: 304px;
	text-align: left;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #889AFA;
	font-weight: lighter;
	z-index: 1;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}
a.copy:link {
	color: #8899FF;
	text-decoration: none;
}
a.copy:visited {
	color: #E0E4FF;
	text-decoration: none;
}
a.copy:hover {
	color: #E0E4FF;
	text-decoration: underline;
}
a.copy:active {
	color: #8899FF;
	text-decoration: underline;
}
 #navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 127px;
	width: 200px;
	left: 0px;
	top: 294px;
	position: absolute;
}
#project_text {
	height: 125px;
	width: 200px;
	position: absolute;
	top: 240px;
	left: 0px;
}
#doc_links {
	height: 175px;
	width: 175px;
	left: 210px;
	top: 500px;
	position: absolute;
}

#navcontainer a
{
display: block;
color: #FFF;
width: 9em;
padding: .2em .8em;
text-decoration: none;
}

#project_link1 {
	position:absolute;
	left:0px;
	top:52px;
	width:200px;
	height:369px;
	background-repeat: no-repeat;
	background-position: left top;
}
/* 
 #project_link1 a:hover {
	position:absolute;
	left:0px;
	top:52px;
	width:200px;
	height:369px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/project_on.jpg);
} */ 

.logoHspace {
	padding-right: 10px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.projectOn {
	background-image: url(images/project_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#project {
	display:block;
	position:absolute;
	left:0px;
	top:52px;
	width:200px;
	height:369px;
	background-image: url(images/project.jpg);
}
#documentary {
	position:absolute;
	left:200px;
	top:52px;
	width:200px;
	height:369px;
	background-image: url(images/documentary.jpg);
}
#team {
	position:absolute;
	left:400px;
	top:52px;
	width:200px;
	height:369px;
	background-image: url(images/team.jpg);
}
#needs {
	position:absolute;
	left:600px;
	top:52px;
	width:200px;
	height:369px;
	background-image: url(images/needs.jpg);
}
#sponsors_text {
	position:absolute;
	left:0px;
	top:421px;
	width:800px;
	height:50px;
	padding-top: 5px;
	background-image: url(images/bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentBox {
	position: absolute;
	height: 369px;
	width: 798px;
	left: 0px;
	top: 0px;
}
.textRight {
	color: #8A9CFF;
	text-align: right;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: lighter;
	padding-right: 10px;
	padding-top: 5px;
	text-decoration: none;
	vertical-align: top;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: lighter;
	color: #FFFFFF;
}
.textRight a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.textRight a:visted {
	color: #FFFFFF;
	text-decoration: none;
}
.textRight a:hover {
	color: #8A9CFF;
	text-decoration: underline;
}
.textRight a:active {
	color: #8A9CFF;
	text-decoration: underline;
}
#contentframe {
	display:block;
	position:absolute;
	left:0px;
	top:52px;
	width:200px;
	height:369px;
	background-image: url(images/project.jpg);
}
#contentframe {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:796px;
	height:367px;
}
#mydivTop {
	position:absolute;
	top: 0px;
	left: 50%;
	width:800px;
	margin-top: 0px; /*set to a negative number 1/2 of your height*/
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	background-color: #FFFFFF;
	height: auto;
}
#frameBorder {
	display:block;
	position:absolute;
	left:0px;
	top:52px;
	width:798px;
	height:369px;
	border: 1px solid #8A9CFF;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
}
h2 a:link {
	color: #8A9CFF;
	font-size: 10pt;
}
h2 a:visited {
	color: #8A9CFF;
	font-size: 10pt;
}
#bodycopy {
	color: #FFFFFF;
	text-align: justify;
	position: absolute;
	height: 295px;
	width: 420px;
	left: 336px;
	top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding: 10px;
	overflow: auto;
	font-size: 10px;
}
#content_text a:link {
	text-align: justify;
	padding: 10px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #8A9CFF;
}
#documentary_pages {
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
}
#team_pages {
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
}
#needs_pages {
	position: absolute;
	height: 369px;
	width: 800px;
	left: 0px;
	top: 52px;
}
.contacttable {
	padding: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.mousetype {
	font-size: 9pt;
	font-weight: normal;
}
a.mousetype:link {
	font-size: 9pt;
}
#biophotos {
	float: left;
	height: 65px;
	width: 55px;
	margin-bottom: 5px;
	position: relative;
	text-align: left;
	margin-right: 10px;
}
.imgleft {
	text-align: left;
	height: 85px;
	width: 75px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#biotext {
	float: left;
	width: 400px;
	position: relative;
}
#slideshow {
	height: 484px;
	width: 644px;
	border: 2px solid #8A9CFF;
	position: absolute;
	left: 0px;
	top: 0px;
}