html{
height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: #5F0043 repeat-y url(img/background2.gif) center;
	height: 100%;
	min-height: 100%;
}
#main {
width:750px;
margin: 0px auto;
padding:0px;
min-height: 100%;
height: 100%; 
z-index: 0;

}
/* Header */
#header {
padding: 0;
margin: 0px;
width: 750px;
height: 189px;
}

#headertop {
padding: 0;
margin: 0;
width: 750px;
height: 161px;
}

.clearall{clear:all;}

/*Navigation */

ul#nav {
	position:absolute;
	top:161px;    /* set the exact position of the navigation */
	height:28px;
	margin: 0;
	padding: 0;
	}
ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background: url(img/nav_background3.gif) no-repeat;
	}
	
li#home a {
	width:84px;
	height:28px;
	 }
li#bio a {
	width:75px;
	height:28px;
	 }
li#demo a {
	width:75px;
	height:28px;
	 }
li#blog a {
	width:75px;
	height:28px;
	 }
li#contact a {
	width:92px;
	height:28px;
	 }
li#space a {
	width:75px;
	height:28px;
	 }
li#extra a {
	width:274px;
	height:28px;
	
	 }
	 
li#home a:link, li#home a:visited {	
	background-position:0px 0px;
	}
li#home a:hover, li#home a:focus {
	background-position:0px -28px;
	 }
li#bio a:link, li#bio a:visited {	
	background-position:-84px -0px;
	}
li#bio a:hover, li#bio a:focus {
	background-position:-84px -28px;
	 }
li#demo a:link, li#demo a:visited {	
	background-position:-159px -0px;
	}
li#demo a:hover, li#demo a:focus {
	background-position:-159px -28px;
	 }
li#blog a:link, li#blog a:visited {	
	background-position:-234px -0px;
	}
li#blog a:hover, li#blog a:focus {
	background-position:-234px -28px;
	 }
li#contact a:link, li#contact a:visited {	
	background-position:-309px -0px;
	}
li#contact a:hover, li#contact a:focus {
	background-position:-309px -28px;
	 }
li#space a:link, li#space a:visited {	
	background-position:-401px -0px;
	}
li#space a:hover, li#space a:focus {
	background-position:-401px -28px;
	 }
li#extra a:link, li#extra a:visited {	
	background-position:-475px -0px;
	}
	
/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -28px;
	}
body#bio-page ul#nav li#bio a {
	background-position:-84px -28px;
	}
body#demo-page ul#nav li#demo a {
	background-position:-159px -28px;
	}
body#blog-page ul#nav li#blog a {
	background-position:-234px -28px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-309px -28px;
	}
body#space-page ul#nav li#space a {
	background-position:-401px -28px;
	}
body#space-page-links ul#nav li#space a {
	background-position:-401px -28px;
	}
body#space-page-lists ul#nav li#space a {
	background-position:-401px -28px;
	}
body#space-page-guest ul#nav li#space a {
	background-position:-401px -28px;
	}
body#space-page-photo ul#nav li#space a {
	background-position:-401px -28px;
	}
/* End Header */

#subNav ul{
	width: 750px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	background-color: ff99ff;
}
ul#subNav li {
	padding: 0px;
	margin: 0px;
	float:left;
	list-style-type: none;
}
ul#subNav li a {
	border-color:#330033;
	border-style:inset;
	border-width: 1px;
	display:block;
	text-decoration:none;
	text-align: center;
	line-height: 28px;
	font-size:14px;
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-weight:bold;
	color: #663366;
	}
li#Spacehome a {
	width:148px;
	height:28px;
}
li#links a {
	width:185px;
	height:28px;
}
li#lists a {
	width:185px;
	height:28px;
}
li#guest a {
	width:186px;
	height:28px;
}
li#photo a {
	width:186px;
	height:28px;
}
li#Spacehome a:link, li#Spacehome a:visited {
	background-color:#FF99ff;
	}
li#Spacehome a:hover, li#Spacehome a:focus {
	background-color:#FFFFff;
	 }
body#space-page ul#subNav li#Spacehome a {
	background-color:#FFFFff;
	}
li#links a:link, li#links a:visited {
	background-color:#FF99ff;
	}
li#links a:hover, li#links a:focus {
	background-color:#FFFFff;
	 }
body#space-page-links ul#subNav li#links a {
	background-color:#FFFFff;
	}
li#lists a:link, li#lists a:visited {
	background-color:#FF99ff;
	}
li#lists a:hover, li#lists a:focus {
	background-color:#FFFFff;
	 }
body#space-page-lists ul#subNav li#lists a {
	background-color:#FFFFff;
	}
li#guest a:link, li#guest a:visited {
	background-color:#FF99ff;
	}
li#guest a:hover, li#guest a:focus {
	background-color:#FFFFff;
	 }
body#space-page-guest ul#subNav li#guest a {
	background-color:#FFFFff;
	}
li#photo a:link, li#photo a:visited {
	background-color:#FF99ff;
	}
li#photo a:hover, li#photo a:focus {
	background-color:#FFFFff;
	 }
body#space-page-photo ul#subNav li#photo a {
	background-color:#FFFFff;
	}
/* Main Content Areas */

#maincontent{
text-align:left;

}

#leftcontent {
		float: left;
		margin-top:22px;
		margin-left: 5px;
		margin-right:24px;
		width: 500px;
		}
#leftcontentFull {
		float: left;
		margin-top:22px;
		margin-left: 5px;
		margin-right:24px;
		width: 685px;
		}
#leftcontentPhoto {
		float: left;
		margin-left: 5px;
		margin-top:22px;
		margin-right:10px;
		width: 275px;
		}

#rightcontent {
		float: left;
		margin-top:22px;
		margin-right: 0px;
		width:207px;
		background-color: #5f0043;
		}
#rightcontentPhoto {
		float: left;
		margin-top:22px;
		margin-right: 0px;
		margin-bottom: 10px;
		width:450px;
		}
#leftcontentSpace {
		float: left;
		margin-left: 5px;
		margin-top:22px;
		margin-right:10px;
		width: 400px;
		}

.leftcontentHeadline {
	color: #ff99ff;
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}		
.leftcontentMain{
	color: #cccccc;
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-size:14px;
	text-align: left;
	display: block;
	margin-bottom: 10px;
}
A.leftcontentMain:visited,{
	color: #ff99ff;
	padding-bottom: 0px;
}
A.leftcontentMain:link{
	color: #ff99ff;
	padding-bottom: 0px;
}
A.leftcontentMain:active{
	color: #ff99ff;
	padding-bottom: 0px;
}

A.leftcontentMainLink:visited{
	color: #ff99ff;
	padding-bottom: 0px;
}
A.leftcontentMainLink:link{
	color: #ff99ff;
	padding-bottom: 0px;
}
A.leftcontentMainLink:active{
	color: #ff99ff;
	padding-bottom: 0px;
}
.rightcontentMain A:active,.rightcontentMain A:visited,.rightcontentMain A:link{
	color: #ff99ff;
	text-decoration: none;
}
#rightcontentHeadline{
	
}
#rightcontentBottom{
	
}
P.rightcontentMain{
	color: #cccccc;
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-size: 14px; 
	text-align: left;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 13px;
	padding-right: 13px;
	border-spacing: 5px;
	/*border-bottom-style:dotted;
	border-bottom-width:thin;*/
}

li.rightcontentMain{
	color: #cccccc;
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-size: 14px; 
	text-align: left;
	display: block;
	display:none;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 13px;
	padding-right: 13px;
	border-spacing: 2px;
	border-bottom-style:dotted;
	border-bottom-width:thin;
}

#rightcontentMainList {
	color: #cccccc;
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-size: 14px;
}
#rightcontentMainList ul {
	display: block;
	list-style: none;
	margin-top: 5px;
	padding-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
}
#rightcontentMainList li{
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-style:dotted;
	border-bottom-width:thin;
}
A#rightcontentMainList:active {
	color: #ff99ff;
	text-decoration: none;
}
A#rightcontentMainList:visited {
	color: #ff99ff;
	text-decoration: none;
}
div#rightcontentMainList A:link {
	color: #ff99ff;
	text-decoration: none;
}

/* Table Properties */
div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }


/* Start Footer Styles */

#footer {
bottom: 0;
padding: 0;
margin: 0px;
width: 750px;
height: 20px;
background-color: #310031;
vertical-align:bottom;
margin-left: auto;
margin-right: auto;
z-index: 999;

}

.footerText {
	font-family: "trebuchet MS", Verdana, Sans-Serif;
	font-size: 12px;
	color: #ffffff;
	text-align:center;
	line-height: 20px;
}