html, body {
	margin:					0; 
	padding:					0; 
	font:						85% arial, verdana, helvetica, sans-serif;	/* This changes all font sizes relatively, don't go below 76%, IE will choke on it, 85% / 1.0em is roughly 12px */
	text-align:				center; /* centers page content, override this in your first born child */
	color:					#666666; 
	background-image: 	url(../images/background.gif);
	background-repeat: 	repeat-x;
	background-position: top left;
	}

/*	////////////////////////////////////////
	Form Elements
//////////////////////////////////////// */

fieldset 				{ border:1px solid #ccc; }

legend 					{ background:#fff; }

textarea, input, select, 
input[type='text'], 
select,
textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover,
textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus			{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

textarea, 
input[type='text'], 
select 					{ width:200px; border:1px solid #ccc; background:#fff;  }

textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover 			{ border-color:#999999; }

textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus 			{ border-color:#999999; outline:2px solid #E1E1E1; }

input, select 			{ cursor:pointer; }

input[type='text'] 		{ cursor:text; }


label 							{ display:inline-block; width:80px; padding-right:10px; text-align:right; vertical-align:top; }
input[type='submit'] 		{ width:50px; margin-left:240px; padding:4px 8px; background-color:#666666; color:#FFFFFF; border:none; }
input[type='submit']:hover { background-color:#999999; }

ul.formlist { margin:0; padding:0; }
ul.formlist li {
	list-style:none;
	margin:	0 0 10px 0;
	}

/* ***************************************
	2. Typography
*************************************** */

h1		{ font-size:1.8em; font-weight:normal; }
h2 	{ font-size:1.5em; font-weight:bold; color:#ef3e33; }
h3 	{ font-size:1.1em; font-weight:bold; }
h4 	{ font-size:1.0em; font-weight:normal; }
h5 	{ font-size:1.0em; font-weight:normal; }
h6 	{ font-size:0.8em; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { margin:0; }

/* tighter line heights for narrow columns */	
.narrow1 	{ width:50%; line-height:1.3em; }
.narrow2 	{ width:50%; line-height:1.5em; }
		
a, a:link,
a:visited, 
a:active, a:focus	{ text-decoration:none; font-weight:normal; color:#000000; }
a:hover				{ text-decoration:underline; }

a.redlink, a.redlink:link,
a.redlink:visited, 
a.redlink:active, a.redlink:focus	{ text-decoration:none; font-weight:normal; color:#EF3E33; }
a.redlink:hover						{ text-decoration:underline; }

img 		{ border:0; }

ol, ul, li	{ font-size:1.0em; line-height:1.3em; margin-top:6px; margin-bottom:4px; list-style-type:disc; } 

p 			{ font-size:1.0em; line-height:1.2em; margin:6px 0; }
p.top_margin {
	margin-top:	20px;
	}
.header	{
	font-size:1.6em; 
	font-weight:normal;
	margin:0;
	}
.subhead {
	font-size:1.3em;
	font-weight:bold;
	color:#ef3e33;
	margin:	0px 0 8px 0;
	}
.subsubhead {
	font-size:1.3em;
	font-weight:bold;
	margin:	20px 0 10px 0;
	}
.privacy_copy {
	font-size:.8em;
	font-weight:normal;
	}	

li > p 		{ margin-top:6px; }

code, pre 	{ font-size:12px; font-family:monospace; color:#c33; }

strong, b	{ font-weight:bold; }

hr 			{ display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }

.red			{ color:#ef3e33; }

.top20 { margin-top:20px; }
.top40 { margin-top:40px; }

/* ***************************************
	3. Float Clearing
*************************************** */
/* http://sonspring.com/journal/clearing-floats */
.clear				{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after 	{ clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

.clearfix			{ display:inline-block; }

/* ***************************************
	4. Site Specific Elements
*************************************** */

.main {
	margin: 		0 auto;
	padding:		0;
	text-align: left;
	width:		851px;
	background:	url(../images/main_bg.png) top center no-repeat;
	}
.left { 
	float:	left;
	margin:	0;
	padding:	0;
	}
.right { 
	float:	left;
	margin:	0;
	padding:	0;
	}
.padding_right {
	padding:0 10px 0 0;
	}
	
.logo { margin:22px 0 0 97px; }

ul.navigation {
	margin:30px 0 0 60px;
	}
	ul.navigation li {
		list-style:		none;
		float:			left;
		padding:			0 8px;
		border-left:	1px solid #333333;
		}
	ul.navigation li.first {
		list-style:		none;
		float:			left;
		padding:			0 8px;
		border-left:	none;
		}
		ul.navigation li a,
		ul.navigation li a:link,
		ul.navigation li a:visited {
			color:	#ef3e33;
			padding:8px;
			}
		ul.navigation li a:hover { 
			background-color:#ef3e33;
			color:#FFFFFF;
			text-decoration:none;
			padding:4px 8px;
			}
ul.footer {
	width:		811px;
	height:		222px;
	margin:		0 auto 20px auto;
	background:	url(../images/footer_bg.png) top center no-repeat;
	}
	ul.footer li {
		margin:		30px 0 0 20px;
		padding:		0;
		list-style:	none;
		float:		left;
		text-align:	left;
		}
		ul.footer li.anniversary {
			}
		ul.footer li.footer_copy {
			border-right:	2px solid #999999;
			width:			340px;
			height:			102px;
			padding:			8px 30px 0 20px;
			}
		ul.footer li.bbb {
			padding:6px 0 0 14px;
			}
	
.left_column {
	float:	left;
	width:	221px;
	height:	auto;
	margin:	0px 0 0 50px;
	padding:	54px 0 0 30px;
	}
	.leftnav_content {
		margin:2px 0 0 30px;
		padding-left:0;
		}
	ul.navlist {
		margin:2px 0 0 10px;
		padding-left:0px;
		}
		ul.navlist li {
			list-style:disc;
			list-style-type:disc;
			list-style-position:inside;
			padding-left:0px;
			}
			ul.navlist li a { 
				color:#666666;
				margin:0;
				padding:0;
				}
		
.right_column {
	float:	left;
	width:	498px;
	height:	auto;
	margin:	0;
	padding:	0 20px 10px 30px;
	}
	.right_column p {
		margin-bottom:14px;
		}
	
/* buttons */
ul.buttons { 
	margin:0;
	padding:0;
	}
	ul.buttons li {
		list-style:	none;
		}
		ul.buttons li.anniversary { width:216px; height:109px; }
		ul.buttons li.footer_copy { width:388px; height:109px; }
		ul.buttons li.bbb { width:95px; height:110px; }
		
		ul.buttons li a,
		ul.buttons li a:link,
		ul.buttons li a:visited,
		ul.buttons li a:hover {
			width:	193px;
			height:	51px;
			}

/* Image columns - afilliations page */	
.image_column {
	width:	240px;
	height:	auto;
	margin:	0 0 0 0;
	}

ul.image_list { 
	margin:0;
	padding:0;
	}
ul.image_list li { 
	list-style:none;
	margin:	0 0 16px 0;
	}
	ul.image_list p { margin:0px 0 0 0; }