/*
	The purpose of this stylesheet is to control the layout and formatting
	of pages throughout the website. Place rules that apply to all pages and 
	all web browsers in this stylesheet. To provide Internet Explorer v5.x 
	on Windows with special rules, see hacks/ie5win.css. To provide Internet 
	Explorer v5.x on Macintosh with special rules, see hacks/ie5mac.css.
*/
 
/****************************************
 * General Formatting
 ****************************************/
/* 
	The following rule sets up default global properties, such as
	font family and color, page margin and padding, and the 
	background color of the footer.
	
	Note the font-size declaration. Its purpose is to reset the 
	default font size to 10px instead of 16px, allowing font sizes to 
	be specified in ems throughout the stylesheet (1.0em = 10px, 
	1.3em = 13px, etc.). It is important to specify font sizes in ems 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.
*/

/*
	*/

* {
 	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;
	}

/* 
	Lists 
	-------------------------
	Unordered lists (ul) represent a sequence of items in no particular
	order. They are displayed with a square bullet to the left of each 
	list item (li).
	
	Ordered lists (ol) represent an ordered sequence of items. They are 
	displayed with a number to the left of each list item (li).
	
	Definition lists (dl) represent a set of terms (dt) and definitions (dd).
	Each term should be followed by one or more definitions. Definition lists
	are very useful for marking up a series of links, each of which has an
	explanatory passage of text.

*/

ol {
	list-style-type: upper-roman
	}

ol ol {
	list-style-type: upper-alpha
	}

ol ol ol {
	list-style-type: decimal
	}

ol ol ol ol {
	list-style-type: lower-alpha
	}

ul, ol {
	font-size: 1em;
	line-height: 1em;
	}
	
ul ul, ul ol, ol ol, ol ul {
	font-size: 1.0em;
	}
	
ul li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/layout/bullet.gif) no-repeat 10px 0.65em;
	text-align: left;
	line-height:1.2em;
	}

ul ul {
	margin-left: -15px;
	}

ul ul li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/layout/bullet2.gif) no-repeat 9px 0.55em;
	}
 
ul ul ul li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/layout/bullet3.gif) no-repeat 9px 0.55em;
	}

ul ul ul ul li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/layout/bullet.gif) no-repeat 10px 0.55em;
	}

ul ul ul ul li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/layout/bullet2.gif) no-repeat 9px 0.55em;
	}

ul ul ul ul li {
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/layout/bullet3.gif) no-repeat 9px 0.55em;
	}

ol li {
	margin: 5px 0 5px 30px;
	text-align: left;
	line-height:1.3em;
	}
 
dl {
	margin: 0 0 15px 0;
	line-height: 1.4em;
	}
	
dt {
	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
dd {
	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
/* 
	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;	
	}

/****************************************
 * Forms
 ****************************************/
/*
	The following rules control the appearance of forms.
	
	Related sections of form inputs should be organized in fieldsets. 
	Each fieldset should contain a series of .form-pair divs. Each
	.form-pair should contain a .form-item div and a .form-value div. The 
	.form-item should contain a <label> for the <input> or <select> 
	found in the .form-value.
	
	For a detailed example of how to mark up a form, see the 
	one-column or two-column template.
*/
	
.form-pair {
	display: inline;	/* prevent ie6/win from doubling margins */
	float: left;
	margin: 5px 15px 0 15px;
	width: 480px;
	}
	
.form-item {
	float: left;
	margin-top: 5px;
	width: 165px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	}	
	
.form-value {
	float: right;
	margin-top: 5px;
	width: 300px;
	font-size: 1.1em;
	line-height: 1.5em;
	}

.checklist {
	margin: 0;
	font-size: 1em;
	}

.checklist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
	
.input-text, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}

.form-submit {
	border-top: none;
	background: #dbdbd2;
	}
	
.form-submit-buttons {
	text-align: right;
	padding-right: 15px;
	}
	
.form-submit-buttons .input-reset {
	margin-right: 5px;
	}
	
.input-submit, .input-reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {
	font-weight: bold;
	}

/****************************************
 * 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: #FFFFFF;*/
	}

#poll {
	padding: 2px 5px;
	float:none;
	width:110px;
	height:100%;
	margin:0 auto;
	font-size:1.3em;
	}

#pollheading {
	font-size:1em;
	font-weight:bold;
	color:#760000;
	}

#question {
	margin-top:2px;
	font-size:0.9em;
	color:#000076;
	}

#poll div.radios {
	float:left;
	width:110px;
	}

#poll fieldset {
	float:left;
	border:none;
	}

#poll div.result {
	vertical-align:bottom;
	}

#poll div.choice {
	float:left;
	clear:left;
	padding:0;
	width:110px;
	}

#poll div.number {
	float:right;
	clear:right;
	padding-top:4px;
	font-size:0.8em;
	line-height:0.5em;
	vertical-align:middle;
	}

#poll div.bar {
	float:left;
	clear:both;
	height:2px;
	font-size:1px;
	background:#800000;
	margin-top:2px;
	margin-left:12%;
	margin-right:100%;
	}

#poll div.bar2 {
	float:left;
	clear:both;
	height:2px;
	font-size:1px;
	background:#800000;
	margin-top:3px;
	margin-right:100%;
	}

#totalvotes {
	float:left;
	margin-top:2px;
	color:#000076;
	font-size:0.9em;
	}

#poll input.radio {
	float:left;
	clear:left;
	vertical-align:middle;
	line-height:1.2em;
	}

#poll label {
	float:left;
	clear:right;
	width:95px;
	margin:0;
	margin-top:0px;
	margin-left:0.1em;
	font-size:0.88em;
	line-height:1.2em;
	}

#submit {
	float:left;
	clear:both;
	}

*/
	
/* 
	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;
	}
 
/****************************************
 * IE6/Windows Hacks
 ****************************************/
 
/*
	Shifting Background Bug:
	IE/Windows calculates "center" (for a background image position) differently
	than it does "50%" or "margin: 0 auto" (for foreground content) when the 
	page is an odd number of pixels wide.
*/