/*
UsabilityStudy.css 
created by C Sollecito 
Spring 2007
*/ 

/* all the content of the page inside a dotted border 
   margin measured with percentages creates a fluid layout
   border and content inside will change with size of window
*/

body{
	background-color:#FFCCCC;
	margin-left: 10%;
	margin-right: 10%;
	border: 2px dotted black;  
	padding: 10px 10px 10px 10px;
	font: medium sans-serif;
}

p{
	color: #3333FF;
	line-height: 1.3em;	
}

/* em allows users to change size of font */

h1{
	color: #CC0033;
	border-bottom: 3px solid black;
	letter-spacing: 3px;
	font: 2.5em bold center;
	font-family: monospace;
}

h2{
	color: #CC0033;
	font-size: 1.5em; 
	font-family: cursive;

}

h3 {
	font-size: 1.5em;
	font-family: cursive;		
	color: black;
}

h4 {
	font-size: .8em;
}


img {
	padding: 10px 10px 10px 10px;

}

ol{
	color: #3333FF;
}

/* creates floating right box on top of content */

#sidebar{
	
	float: right;
	border: 2px solid black; 
	color: #3333FF;
	margin-right: 20%;
	margin-left: 5%;
	margin-top: 0%;
	margin-bottom: 30%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: black;
	text-align: center;
	background-color: white;

}