/*	////////////////////////////////////////
	
	MANY thanks to Owen Briggs 
	(http://www.thenoodleincident.com) and 
	Eric Meyer (http://www.meyerweb.com) 
	for the !!EXCELLENT!! lessons on 
	relative units!!!
	
	CONTENTS -->
	1. Global Element Styles
	2. Site Specific Elements
	
//////////////////////////////////////// */

/* ***************************************
	1.Global Element Styles
	
	FONT SIZING:
	http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
*************************************** */

html, body {
	margin:				0; 
	padding:			0; 
	font-family:		verdana, arial, helvetica, sans-serif; 
	font-size:			10px;	/* This changes all font sizes relatively */
	text-align:			center; /* centers page content, override this in your first born child, in this case its name is main! */
	color:				#333333; 
	background-color:	#FFFFFF;
	/* background image if necessary
	background-color: #CCCCCC;
	background-image: url(../images/vert_bg_repeat.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	*/
	}
	
/* 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:underline; font-weight:normal; color:#000000; }
a:hover				{ text-decoration:underline; }

h1			{ font-size:20px; font-weight:normal; margin:0px; }
h2 			{ font-size:18px; font-weight:normal; margin:12px 0; }
h3 			{ font-size:16px; font-weight:normal; margin:12px 0; }
h4 			{ font-size:14px; font-weight:normal; margin:12px 0; }
h5 			{ font-size:12px; font-weight:normal; margin:12px 0; }
h6 			{ font-size:10px; font-weight:normal; margin:12px 0; }

img 		{ border: 0; }

ol, ul, li	{ font-size:10px; line-height:16px; margin-top:6px; margin-bottom:4px; } 

p 			{ font-size:1.0em; line-height:1.6em; margin:1.2em 0em 1.2em 0em; }

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

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

strong, b	{ font-weight:bold; }

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

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

fieldset 				{ border:1px solid #ccc; }

legend 					{ background:#fff; }

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

textarea, 
input.text, 
select 					{ border:1px solid #ccc; background:#fff;  }

textarea:hover, 
input.text:hover, 
input.password:hover, 
select:hover 			{ border-color: #999999; }

textarea:focus, 
input.text:focus, 
input.password:focus, 
select:focus 			{ border-color:#999999; outline:2px solid #E1E1E1; }

input, select 			{ cursor:pointer;  }

input.text 		{ cursor:text; }

input.submit	{ padding:6px 0; border:1px solid #333333; margin:12px 0; width:140px; text-align:center; background-color:#FFFFFF; color:#333333; font-weight:bold; }

form					{ margin:0px; padding:0px; }

/*	////////////////////////////////////////
	PNG fix for IE > 7
	twinhelix.com
//////////////////////////////////////// */

img, div { behavior: url(iepngfix.htc) }


/* ***************************************
	1.Global Element Styles
*************************************** */

.main {
	margin:				70px auto 70px auto;
	padding:			0px;
	text-align:			left;
	width: 				660px;
	color:				#333333;
	}
	
.left	{ float:left; width:205px; }
.right	{ float:right; width:400px; padding-right:20px; }

.clear	{ clear:both; }

table.tribute							{ width:660px; margin:1px 0; color:#333333; border:1px solid #333333; }
table.tribute tr						{ background-color:#FFFFFF; }
table.tribute tr.dark					{ background-color:#EEEEEE; }
table.tribute td						{ border:1px solid #333333; }
table.tribute td.tribute_author			{ width:175px; vertical-align:top; text-align:right; }
table.tribute td.tribute_condolence		{ vertical-align:top; }

table.tribute td p						{ margin:6px 0 0 0; line-height:13px; }
table.tribute td input,
table.tribute td textarea				{ color:#333333; background-color:#FFFFFF; font-size:9px; }

.form_header							{ width:620px; height:25px; _height:10 px; background-color:#333333; margin:0px; padding:10px 20px 5px 20px; }
.form_header p.form_title				{ float:left; margin:0px; font-size:14px; color:#FFFFFF; }
.form_header p.form_addition			{ float:right; margin:6px 0 0 0; display:none; }
.form_header p.form_addition a,
.form_header p.form_addition a:link,
.form_header p.form_addition a:visited,
.form_header p.form_addition a:active,
.form_header p.form_addition a:focus	{ text-decoration:underline; color:#FFFFFF; }
.form_header p.form_addition a:hover	{ text-decoration:none; color:#FFFFFF; }

.form_header							{ margin:40px 0 0 0; }
tr.form_row								{ display: none; }

.form_footer							{ width:660px; height:18px; background-color:#FFFFFF; }

p.tribute	{ color:#333333; }

div.person_name { text-align: center; font-size: 20px; color: #333333; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; margin-top: 30px; }
div.person_dates { text-align: center; font-size: 16px; color:#333333; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; margin-top: 15px; }

div.intro_person_name { text-align: center; font-size: 30px; color: #333333; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; margin-top: 30px; }
div.intro_person_dates { text-align: center; font-size: 20px; color:#333333; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; margin-top: 15px; }