/*
	for use in the feedback system

	*/

* {
 	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
 	}

div {
	font-size: 1em;
	}

div.clear {
	clear:both;
	}

br.clear {
	clear:both;
	}

/* colors */

.red {color:#800000;}
.blue {color:blue;}


/****************************************
 * General Text Styles
 ****************************************/
/*
	The following rules control the appearance of the various textual elements
	that constitute the contents of a page, including font sizes, colors, and weights, 
	line spacing, margins, bullets, and borders. 
*/

 
/* 
	Headlines 
	-------------------------
	Headlines introduce sections of text, and they should be used in a 
	way that consistently represents the heirarchy of information on a page.
*/

h1, h2, h3, h4 {
	font-weight: bold;
	}

h1 {
	font-size: 1.3em;
	}
 
h2 {
/*	margin-left: 10px;*/
	font-size: 1.2em;
	}
	
h3 {
/*	margin-left: 20px;*/
	font-size: 1.1em;
	}
	
h4 {
/*	margin-left: 25px;*/
	font-size: 1em;
	}

h5 {
	}

	
/* 
	Text
	-------------------------
	Paragraphs of text, extended quotations, and captions
*/

p {
	font-size: 1em;
	line-height: 1.1em;
	text-align: left;
	}
	
blockquote {
	margin: 0 30px;
	}

acronym {
	border-bottom: dotted 1px #aaa;
	}


	
/* 
	Links 
	-------------------------
	Links are displayed as dark red text. The underline is replaced by a 
	lighter bottom border. Visited links have less contrast than unvisited 
	links. Both visited and unvisited links turn bright red when moused over,
	and they return to their normal state when selected.
*/

a {
/*	border-bottom: 1px solid #b20000;*/
	color: #b20000;
	text-decoration: underline;
	}
	
a:visited {
	color: #b23535;
	}
	
a:hover {
	color: #f00;
	border-color: #f00;
	}
	
a:active {
	color: #b20000;
	border-color: #b20000;	
	}



/****************************************
 * Page Layout Strcture
 ****************************************/
/* 
	The following set of rules controls the appearance of the topmost 
	banner on the page, including height, background color, and text color.
	The Cornell identity banner should appear on every page of the site.
	
	The version of the logo that appears in the XHTML code is hidden from 
	browsers that can read this stylesheet, and it is replaced by a version
	of the logo that corresponds to the background color of the banner. 
	This logo is placed in the background of two elements below (rather than
	one) to prevent flickering when moused over by IE/Win users who have 
	disabled the browser cache.
*/

body {
	background: #FFE97F;
	}

#feedbackform {
	padding:2px 0 0 5px;
	width:500px;
	}

#heading {
	float: left;
	clear:both;
	width:500px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:0px;
	}

#textbox {
	float: left;
	width: 340px;
	}

#comment {  /* text box styles */
	float:left;
	width:300px;
	font-size:1.2em;
	border:1px solid #999;
	margin:0;
	padding:0;
	height:1.4em;
	line-height:1.3em;
	padding-top:2px;
	padding-left:3px;
	}

label {
	float:left;
	width:30px;
	height:1.4em;
	margin:0;
	margin-top:0px;
	margin-left:0;
	font-size:1.1em;
	line-height:1.8em;
	padding-top:2px;
	color:red;
	}

#note {
	margin-left:30px;
	margin-top:2px;
	float:left;
	clear:left;
	width:310px;
	font-size: 1.1em;
	color:#006500;
	}

#submit {
	float:left;
	border:1px solid #999;
	clear:none;
	width:50px;
	height:1.7em;

	margin:0;
	padding:0;
	font-size:1.2em;
	}

#submit:hover {
	background:#FFCC00;
	}

#thankyou {
	padding:10px;
	}

/* 
	Hide horizontal rules (hr) that are found throughout the site.
	The rules are semantic separations of content, and they are useful for 
	browsers that cannot utilize the stylesheet.
*/	
hr {
	display: none;
	}