BODY{
			font-family:Georgia;
			font-size:14px;
			background: #333333;
			text-align:center;
		}
	
		#container{
			width:950px;
			margin:20 auto;/***centers the design***/
			background:white;
			min-height: 1200px;
			text-align:left;
		}
		
		#header{
			width:950px;
			height:150px;
			background-image: url("/images/header.jpg");
		}
		
		#header_text{
			font-size:30px;
			font-weight:bold;
			color:black;
			text-align:right;
			padding-top:10px;
			padding-right:10px;
			width: 420px;
			margin-left:350px;
			background: #c0c0c0;
			}
	
		
		#main{
			padding-left:10px;
		}
		
		#content{
			width:600px;
			padding-left:150px;
			min-height: 500px;

		}
		
		
		#photo{
			padding-top:30px;
			padding-left:20px;
		}
		
		#matrix_list{
		float:right; 
		padding-left:755px;
		width:100px;
		
		}
		
		#matrix_list a{
		font-size: 6px; 
		width: 100px;
		color: black;
		}
		
		#matrix_list a:hover{
		font-size: 14px;
		}
		
		#navbar{
			width:150px;
			float:left;
			padding-left:20px;
			background: transparent url("/images/notepaper.jpg") no-repeat top left;
		}
	
		#navbar ul{
			/***aligns the navigation bar list***/
			margin-left:0px;
			padding-left:0px;
		}
	
		#navbar li{
			list-style-type:none;
		}
		
		#navbar a{
			text-decoration:none;
			font-weight:bold;
			color:black;
		}
		
		#navbar a:hover{
			color:#00B4CC;
			background-color:white;
		}
		
	
		#placebar{
			width:150px;
			margin-left: 720px; 
			position: absolute; 
			top: 200px; 

		}
		
		#placebar ul{
			/***aligns the navigation bar list***/
			margin-left:0px;
			padding-left:0px;
		}
	
		#placebar li{
			list-style-type:none;
			width:160px;
			height:120px;
		}
		
		#placebar a{
			text-decoration:none;
			font-weight:bold;
			color:black;
			z-index: 0;
		}
		
		#placebar a:hover{
			color:#00B4CC;
			background-color:transparent;
			z-index: 50;
		}
		

		
		
		
		#topbar{
			position:relative;
			float:left;
			width:100%;
			padding:0 0 1.75em 0;
			margin:0;
			list-style:none;
			line-height:1em;
		}
	
		#topbar li {
			float:left;
			margin:0;
			padding:0;
			width:190px;
			height:45px;
			background-image: url("/images/navtab.jpg");
			
		}
			
		#topbar a {
			display:block;
			color:black;
			text-decoration:none;
			text-align:center;
			font-size:20px;
			margin:0;
			padding-top:13px;
			text-align:center;

		}


	
		#responses {
			margin-left: 20px;
			padding-left: 5px;
			padding-right:5px;
			padding-bottom: 1px;
		}
		
		#mainmessage {
			margin-left: 0px;
			padding-left: 5px;
			padding-right: 5px;
			
		}
		
		#matrix {
		width: 560px;
		height: 560px;
		border: none;
		margin-left: 5px;
		z-index:1;
		}
		
		#matrix li {
		list-style: none;
		position: relative;
		}
		
		#matrix img{
			height:100%;
		}
		
		#matrix a:hover{
			//position:relative;
			overflow:visible;
			z-index:100;
		}
		
		//#matrix a:hover img {
		//	height: 120%;
		//	overflow:visible;
		//}
		
		#matrix a span{ /*CSS for enlarged image*/
		position: absolute;
		background-color: #ccc;
		padding: 5px;
		left: -1000px;
		border: 1px solid #333;
		visibility: hidden;
		color: black;
		text-decoration: none;
		}
		
		#matrix a span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
		}
		
		#matrix a:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		z-index:200;
		top: 30;
		left: 30px; /*position where enlarged image should offset horizontally */
		
		}
		
		#listing_area a{
			width:100%;
			padding-left:10px;
			min-height: 600px;
			background-image: url("/images/blank.jpg"), repeat-x center !important;
			background-image: url("/images/blank.jpg"), repeat-x center;
		}

	
		#artifact_listing{
			position:absolute;
			width:99%;
			margin:0;
			list-style:none;
			line-height:1em;
	
		}
	
		#artifact_listing li {
			float:left;
			display:block;
			text-align: center;
			border:1px solid #ccc;
			width: 120px;
			height: 60px;
			list-style:none;
			font-size: 12px;
			margin:0;
			padding:4px;
			background:white;
		}
			
		#artifact_listing a {
			display:block;
			color:#00B4CC;
			text-decoration:none;
			margin:0;
			padding:0.25em 1em;
			background-image: url("/images/blank.jpg"), repeat-x center;
		}
		
		#artifact_listing_spacer{
			height:60px;
			
		
		}
	
		#school{
		color:#343838;
		font-size:16px;
		text-align:center;
		}
	
		#email{
		color:#005F6B;
		margin-top:-30px;
		font-size:12px;
		text-align:right;
		padding-right:70px;
		}
		
		#address{
		color:#343838;
		font-size:14px;
		text-align:right;
		padding-right:70px;
		height: 300px;
		}
		
		#bio{
		color:#343838;
		font-size:12px;
		text-align:center;
		}
		
		#interest{
		color:#343838;
		font-size:10px;
		text-align:center;
		}
		
		#self_portrait{
		padding-left:50px;
		float:left;
		height:340px;
		}
		
		#blank_portrait{
		padding-left:50px;
		float:left;
		height:290px;
		width: 255px;
		background-image: url("/images/blank_portrait.jpg");
		}
		
		#profile_info{
		min-height: 200px;
		
		}
		
		#contact_info{
		min-height: 200px;
		}
		
		#photo_upload{
		position: absolute;
		padding-top:260px;
		}
		
		#comment_area{
		width:80%;
		padding-left:55px;
		}
		
		#cloud{
		padding-top: 60px;
		text-align: center;
		}
		
		#page_list{
		width: 260px;
		height: 140px;
		padding-right: 14px;
		padding-left: 13px;
		position:relative;
		float:left;
		margin:0;
		list-style: none;
		line-height:1em;
	
		}
		
		#page_list li {
		margin:0;
		min-height:150px;
		border:1px solid lightgray;
		padding-left:10px;
		}
		
		#sublist_left{
		width: 255px;
		position:absolute;
		margin-left:10px;
		margin:0;
		line-height:1em;
		min-height:300px;
		}
		
		#sublist_right{
		width: 255px;
		position:absolute;
		padding-left:300px;
		margin:0;
		line-height:1em;
		min-height:300px;
		}
		
		#player{
		padding-left:135px;
		}
		
		#media{
		border: 1px solid #ccc;
		margin-left: 10px;
		}
		
		/*globalnav*/

		#globalnav {
			position:absolute;
			float:left;
			width:100%;
			padding:0 0 1.75em 1em;
			padding-top:70px;
			margin:0;
			list-style:none;
			line-height:1em;
		}
		
		#globalnav LI {
			float:left;
			margin:0;
			padding:0;
		}
		
		#globalnav A {
			display:block;
			color:#005F6B;
			font-size:12px;
			text-decoration:none;
			margin:0;
			padding:0.25em 1em;
			border-right:1px solid #005F6B;
		}
		
		#globalnav A:hover,
		#globalnav A:active,
		#globalnav A.here:link,
		#globalnav A.here:visited {
			color:white;
			background:#00B4CC;
		}
		
		#globalnav A.here:link,
		#globalnav A.here:visited {
			position:relative;
			z-index:102;
		}

		
		#footer{
		text-align: center;
		display:block;
		}
		
		a {
		color:#005F6B;
		text-decoration: none;
		}

		a:visited {
		color:#1693A5;
		text-decoration: none;
		}
		
		.name{
			color:#343838; 
			text-align:right;
			padding-right:35px;
			font-size:36px;
		}
		
		.title{
			color:#343838; 
			text-align:center;
			font-size:28px;
		}
		
		.photo{
		margin-left:auto;
		margin-right:auto;
		width:300px;
		}

		.center{
			text-align:center;
		}

		.right{
			text-align:right;

		}
	
		.left{
			text-align:left;
		}
		
		.floating{
			padding-left:20px;
			float:left;
			padding-bottom: 35px;
			display:block;
		}
	
		.gray{
			color:#343838;
		}
		
		.blue{
			color:#00B4CC;
		}
		
		.dark_blue{
			color:#005F6B;
		}
		
		.small{
			font-size:10px;
		}
	
		.uppercase{
			text-transform:uppercase;
		}
		
		.bold{
			font-weight:bold;
		}
		
		.spread{
			letter-spacing:2px;
		}
		
		.italic{
			font-style:italic;
		}
		
		.add_artifact{
			border:solid 1px lightgray;
			margin-left: 500px;
			padding-right:5px;
		}
		
		.gray_border{
			border:solid 1px lightgray;
			margin-left: 255px;
			padding-right:5px;
			width:85px;
		}
		
		.really_just_gray_border{
			border:solid 1px lightgray;
			margin-left:15px;
			margin-right:15px;
		}
	
		.mini_indent{
			padding-left:15px;
		}
	
		.indent{
			padding-left:55px;
		}
		
		.super_indent{
			padding-left:120px;
		}
		
		.double_indent{
			padding-left:110px;
		}
		
		.center_indent{
			padding-left:250px;
		}
		
		.the_input{
			width:100px;
			font-size:12px;
			color:black;
		}
	
		.stretch_input{
			width: 80%;
		}
	
		.font_twelve{
			font-size:12px;
			font-family: Georgia;
		}
		
		.input_stuff {
		font-family: Georgia;
		width: 35%;
		}
	
		.long_input {
		font-family: Georgia;
		width: 50%;
		}
		
		.short_input {
		font-family: Georgia;
		width: 20%;
		}
		
		.upload {
		text-align: center;
		border: 1px solid #ccc;
		width: 86%;
		margin-left: 50px;
		}
		
		.join_form{
		padding-left:55px;
		color:#343838;
		font-size:12px;
		}
	
	
		.padding{
		padding-bottom:200px;
		}
		
		.top_padding{
		padding-top:40px;
		}

		.site_padding {
		padding-bottom: 200px;
		}
		
		.a_little_padding{
		padding-bottom:25px;
		}
		
		.a_little_more_padding{
		padding-bottom:60px;
		}
		
		.a_lotta_padding{
		padding-bottom:700px;
		}
		
		.side_margin {
			margin: 5 px;
		}
		
		.absolute{
		position: absolute;
		}
	
		.break{
			background: url('/images/squares.jpg')
			height: 10px;
			width: 40px;
			float: center;
		}
	
		.css1 { font-size: .75em; }
		.css2 { font-size: 1.0em; }
		.css3 { font-size: 1.3em; }
		.css4 { font-size: 1.7em; }
		.css5 { font-size: 2.0em; }