body, table { 
	font-family: Arial, Helvetica, sans-serif; 
	color: white; font-size: 12px; 
	background-color: #00167C; margin: 0; 
	text-align: left;
}

a		{ text-decoration: none; color: #8096FC; }
a:hover	{ text-decoration: underline; }

h2 { color: #FFCC33; font-size: 15px; text-align: left; margin: 0 0 15px 0; }
h3 { color: #FFCC33; font-size: 13px; text-align: left; margin: 0 0 5px 0; }

hr { width: 80%; clear: both; background-color: #FFCC33; height: 3px; text-align: center; }

td.pagetitle { text-align: right; vertical-align: bottom; font-size: 19px; font-weight: bold; padding-right:13px;}

ul { margin-top: 3px; margin-bottom: 3px;}

ul.pagetopic { list-style-image: url(images/rp_star.gif); }
ul.pagetopic li { padding: 0 5px 15px 10px; }
ul.pagetopic h2 { margin-bottom: 5px; }
ul.pagetopic h3 { margin-top: 10px; }

table.footer { margin-bottom: 10px; }
table.footer td { white-space: nowrap; text-align: center; padding: 0 10px; }

table.poop	td	{vertical-align: top; border-bottom: 1px dotted white;}
table.poop	th	{padding-bottom: 4px; border-bottom: 1px solid white;}	


/* trying out a simple table for pulldowns */
table.navlinks td { width: 20%; border: 2px solid #FFCC33; text-align: center; font-size: 10px; }
table.navlinks td:hover { background: #8096FC; }

/* the suckerfish way */
ul#nav { list-style: none; margin: 0; padding: 0; }
ul#nav li { position: relative; float: left; border: 1px solid #FFCC33; margin: 4px; width: 130px; text-align: center; background: #001470; padding: 2px 0; }
ul#nav li:hover, li.over { background: #001260; }
ul#nav li ul { list-style: none; margin: 0; padding: 0; position: absolute;  background: #001260; top: 20px; left: 0; }
li ul { display: none; } /* IE does not do the hover if I only apply this to #nav, as in the line above.  IE sucks.  */
ul#nav li:hover ul, li.over ul { display: block; }
ul#nav li ul li { border: 0; border-bottom: 1px solid #FFCC33; margin: 0; width: 128px; }
ul#nav a       { text-decoration: none; display: block; width: 128px; color: white; font-weight:bold; }
ul#nav a:hover { text-decoration: none; color: black; background: #8096FC; }



/* workshop descriptions */
.workshops { margin: 10px; background: #8096FC; color: black; }
.wsdesc { margin-bottom: 450px; }
.wsdesc p { margin: 0.2em; }


/* form elements */
.pingpong input	{width: 300px; }
.pingpong textarea	{width:300px }


/*  ultimate event page styles  */

#event  { margin:0px 10px 10px 10px; }
	#event #column_left  { float:left; width:368px; }
	#event #column_right  { float:right; width:275px; }

ul.event_list { list-style-type:none; }
	ul.event_list li { margin-bottom:2px; }

#register_box { background-image:url(images/register_box.jpg); background-repeat:no-repeat; padding:53px 20px 0px 20px; color:#00167C; height:195px; }
	#register_box p  { margin:0px 0px 11px 0px; padding:0px; }

.quote { font-family: Arial, Helvetica, sans-serif; color: #ffcc00; font-size: 12px; text-align: left; font-style:italic; font-weight:bold; }