/* thesee 2009 */

/* trunk */
body {
	background-color: #999999;
	text-align: center;
	margin: 0px;
}
img {
	border: 0;
}
p {
	margin-top: 0;
}
/* text */
.sans10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.sans10grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
.sans10blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
}
.sans11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.sans11grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
.sans12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.heading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
.body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #0099FF;
	text-decoration: none;
}


/* layers */
#container {
	position: relative;
	height: 700px;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	top: 3px;
	background-color: #3F3F3F;
}

#spacePlace1 {
	position: absolute;
	height: 640px;
	width: 640px;
	left: 240px;
	top: 20px;
	z-index: 1;
}
#logo {
	position: absolute;
	height: 90px;
	width: 280px;
	left: 8px;
	top: 20px;
}
#textPlace1 {
	position: absolute;
	height: 500px;
	width: 720px;
	left: 180px;
	top: 118px;
}
#studentPlace {
	position: absolute;
	height: 500px;
	width: 500px;
	left: 250px;
	top: 130px;
}
#spaceImg {
	position: absolute;
	height: 480px;
	width: 700px;
	left: 180px;
	top: 117px;
	z-index: 1;
}
#spaceThumbs {
	position: absolute;
	height: 50px;
	width: 700px;
	left: 180px;
	top: 620px;
	z-index: 1;
}
#spaceBack {
	position: absolute;
	height: 45px;
	width: 45px;
	left: 600px;
	top: 5px;
}
#spaceFwd {
	position: absolute;
	height: 45px;
	width: 45px;
	left: 655px;
	top: 5px;
}
#sth1 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 0px;
	top: 0px;
	border: thin solid #999999;
}
#sth2 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 55px;
	top: 0px;
	border: thin solid #999999;
}
#sth3 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 110px;
	top: 0px;
	border: thin solid #999999;
}
#sth4 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 165px;
	top: 0px;
	border: thin solid #999999;
}
#sth5 {
	position: absolute;
	height: 50px;
	width: 50px;
	left: 220px;
	top: 0px;
	border: thin solid #999999;
}
#thumb_a1 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 180px;
	top: 120px;
	border: thin solid #FFFFFF;
}
#thumb_a2 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 340px;
	top: 120px;
	border: thin solid #FFFFFF;
}
#thumb_a3 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 500px;
	top: 120px;
	border: thin solid #FFFFFF;
}
#thumb_b1 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 180px;
	top: 280px;
	border: thin solid #FFFFFF;
}
#thumb_b2 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 340px;
	top: 280px;
	border: thin solid #FFFFFF;
}
#thumb_b3 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 500px;
	top: 280px;
	border: thin solid #FFFFFF;
}
#thumb_c1 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 180px;
	top: 440px;
	border: thin solid #FFFFFF;
}
#thumb_c2 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 340px;
	top: 440px;
	border: thin solid #FFFFFF;
}
#thumb_c3 {
	position: absolute;
	height: 150px;
	width: 150px;
	left: 500px;
	top: 440px;
	border: thin solid #FFFFFF;
}
#profilePic {
	position: absolute;
	height: 100px;
	width: 100px;
	left: 660px;
	top: 120px;
	border: thin solid #FFFFFF;
}
#theSee {
	position: absolute;
	height: 100px;
	width: 50px;
	left: 810px;
	top: 120px;
}
#profileText {
	position: absolute;
	height: 320px;
	width: 180px;
	left: 660px;
	top: 245px;
	padding: 0px;
	margin: 0px;
}
#intro {
	position: absolute;
	height: 360px;
	width: 900px;
	left: 0px;
	top: 180px;
}

/* navigation block */

#navigation {
	position: absolute;
	width: 110px;
	left: 15px;
	top: 117px;
}
#navigation ul {
	padding: 0;
	margin-left: 0;
	margin-top: 0;
}
#navigation ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#home_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/home.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#news_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/news.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#students_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/students.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#space_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/space.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#contact_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/contact.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#links_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/links.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#archive_link {
	width: 110px;
	height: 33px;
	background: url(../images/nav/archive.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#home_link:hover, #news_link:hover, #students_link:hover, #space_link:hover, #contact_link:hover, #links_link:hover, #archive_link:hover {
	background-position: bottom left;
}
body#home a#home_link, body#news a#news_link, body#students a#students_link, body#space a#space_link, body#contact a#contact_link, body#links a#links_link, body#archive a#archive_link {
	background-position: bottom left;
}
#goFwd {
	position: absolute;
	height: 45px;
	width: 45px;
	left: 800px;
	top: 550px;
}
#goFwd_link {
	height: 45px;
	width: 45px;
	background: url(../images/nav/fwd.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#goBack {
	position: absolute;
	height: 45px;
	width: 45px;
	left: 750px;
	top: 550px;
}
#goBack_link {
	height: 45px;
	width: 45px;
	background: url(../images/nav/back.png) top left no-repeat;
	overflow: hidden;
	display: block;
}
#goFwd_link:hover, #goBack_link:hover {
	background-position: bottom left;
}