/*  Ying Gilbert  */
/*  Assignment due 10/17/07  */

body {
	
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	
	font-size: 0.9em;
	
	font-style: normal;
	
	line-height: 1.4em;
	
	color: #000033;
	
	margin: 20px 20px 30px 20px;
	
	background-image: url(bkpastel.jpg);
}

h1 {
	padding: .25em .5em .25em .5em;
	color: royalblue;
	font-size: 3.5em;
}

ul {
	
list-style-type:none;	

}



li {	clear:left;
	
			
}



ul.project {	
	margin-bottom:1em;	
	clear:left;
	
}



ul.project li {
	
display:inline;	
	float:left;
	
clear:none;	
	list-style-type:none;	
	width:10em;	
	padding: 3px 8px 3px 5px;		
	margin-bottom:1em;
	
margin-right:9px;	
	border-left: .6em solid yellow;
	border-bottom: .2em solid yellow;
	
background-color: white;	
	font-size:.8em;}



ul a {	text-decoration:none;

}



li a:hover {	background-color:white;}

/* I've put borders on these simply so you can see what/where they are, no other reason */


#container {

	border: 20px solid white;

	background-image: url(bkpastel.jpg);
}



#topbanner {

	border-bottom: 20px solid white;
}




#othercontent {

	background-color: white;
	border: 10px;
	padding: 1em 1em 1em 0em;
	margin: 2em 70em 5em 2em;
	border: .3em solid yellow;
}



#maincontent {

	padding-left: 1em;
	border-top: 10px solid white;

	border-left: 10px solid white;

	border-right: 10px solid white;

	border-bottom: 1px solid white;

	margin-left: 16em;
	margin-top: -12.35em;
	margin-right: 2em;
	background-image: url(lightbluemarble.jpg)
}





/* just an easy way to make the text a little smaller than whatever it is  */



.smallertxt {
	
	font-size: smaller;
	text-align: right;
	margin-right: 2em;
}