table  					{ width: 100%; } 
td, th 					{ padding: 0px; }

img.link				{ border: 0 }

a 						{ text-decoration: underline; color: purple; }
a:active				{}	
a:link					{}
a:visited				{}
a.noborder 				{ padding: 0px; margin: 0px;}


#menu					{ background-color: #002c2b}

#menu a   				{ color: #ddd; }
#menu a:hover			{ color: green; }

#events					{ width: 300px; font-size: 12px; padding: 2px 8px 2px; border: 1px solid #002c2b; background: #ddd }

#body 					{ margin: 2px; line-height: 16pt; padding: 2px 8px 2px; text-align: right; 
							border: 3px solid #002c2b; background: #ddd; font: 0.75em/1.5 'Lucida Grande', sans-serif; }
							
div#logos				{ font-size: 14px; color: #002c2b; padding-right: 10px }
div#logos img			{ padding-top: 4px }
div#logos .item			{ padding-top: 6px; padding-bottom: 30px; border-top: 1px solid #ddd }

h1	{ margin: auto; padding: 0px; font-size: 36px; }
h2	{ margin: auto; padding: 0px; font-size: 24px; }

/* http://www.sperling.com/examples/box/ */
#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;				/* <-- use this to tie width to viewport size */
	background-color: #eeeeee;
	}
 	
#content
	{
	padding:8px;
	}