/* GENERAL STYLES */
body				{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; text-align: center; background: url(images/backdrop.gif) top left repeat-x #FFFFFF; margin: 0px; }
h1 					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #333333; margin: 20px 10px 12px 10px; }
h2					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #333333; margin: 16px 0px 9px 0px; }
.narrow				{ margin: 20px 0px 12px 0px; }
html>body .narrow	{ margin: 4px 0px 12px 0px; }
.gap				{ margin: 48px 0px 12px 0px; }
h3					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #333333; margin: -10px 0px 12px 0px; }
p 					{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #333333; margin: 0px; line-height: 1.4em; }
p.alert				{ margin: 0px 25px 20px 25px; padding: 6px 10px; border: 1px solid #999999; }
p.alert b			{ color: #FF0000; }
a:link, a:visited, a:active		{ color: #333333; text-decoration: none; }
a:hover				{ color: #333333; text-decoration: underline; }
span.fright			{ float: right; }


/* LAYOUT STYLES */
#outer				{ position: relative; width: 752px; margin-right: auto; margin-left: auto; text-align: left; }
#intro				{ position: absolute; top: 128px; left: 25px; }
p.intro 			{ padding: 108px 276px 20px 25px; }
html>body p.intro	{ padding: 111px 276px 20px 25px; }
#quote				{ position: absolute; top: 208px; right: 26px; width: 200px; font-size: 70%; font-weight: bold; color: #666666; line-height: 1.25em; }
#quote div			{ font-weight: normal; margin-top: 10px; }

#spotlight			{ width: 752px; height: 200px; padding: 25px 25px 25px 25px; margin: 8px 0px 0px 0px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
html>body #spotlight	{ width: 702px; height: 150px; }
#spotlight img		{ float: left; }
#spotlight h2		{ margin: 34px 0px 9px 225px; }
html>body #spotlight h2		{ margin: 9px 0px 9px 225px; }
#spotlight p		{ margin: 9px 0px 0px 225px; }

.column1			{ position: relative; float: left; width: 250px; padding: 0px 25px 0px 25px; margin: 6px 0px 0px 0px; }
html>body .column1	{ width: 200px; }
.column2			{ position: relative; float: left; width: 251px; border-left: 1px solid #D4D4D4; padding: 0px 26px 0px 24px;; margin: 6px 0px 0px 0px; }
html>body .column2	{ width: 199px; }
.column3			{ position: relative; float: left; width: 734px; padding: 25px 0px 0px 25px; margin: 21px 0px 0px 0px; border-top: 1px solid #d4d4d4; }
html>body .column3	{ width: 708px; }
.column3 p			{ color: #666666; margin: 9px 0px 22px 0px; font-size: 70%; }
.thumb				{ position: relative; float: left; width: 184px; margin: 0px; padding: 0px; }
.end				{ width: 150px; }
.thumbsmall			{ position: relative; float: left; width: 120px; margin: 0px; padding: 0px; color: #FFFFFF;}
.smallend			{ width: 100px; }
#footer				{ position: relative; clear: both; margin: 0px 0px 25px 0px; padding: 13px 0px 0px 0px; border-top: 1px solid #D4D4D4; }
html>body #footer	{ padding: 25px 0px 0px 0px; }
#footer p 			{ font-size: 70%; color: #666666; margin: 0px 25px 6px 25px; line-height: 1.4em; }
#footer a			{ color: #666666; }	


/* IDEAS */
.popup {
	position: absolute;
	top: -40px;
	left: -50px;
	width: 208px;
	height: 158px;
	border: 4px solid #224545;
	overflow: hidden;
}
html>body .popup {
	width: 200px;
	height: 150px;
}