body
{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #ECE6D9;
	font: 12px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;
}

#pagecontent
{
	width: 750px;
	margin: auto;
	border: solid 1px black;
	background: #fff url(../images/bg_content.gif) top right repeat-y;
}

#header
{
	height: 125px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff url(../images/masthead.jpg) top left no-repeat;
}

#wiihome td#textlink
{
	margin: 0;
	padding: 2px 0 0 0;
	border: 0;
	font: bold 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #630;
	text-align: right;
}

#wiihome td#textlink a
{
	color: #630;
	text-decoration: none;
}

#wiihome td#textlink a:hover
{
	color: #fff;
	text-decoration: underline;
}

#textmainpos
{
	float: left;
	width: 570px;
}

#textmain
{
	margin: 0 10px 0 40px;
	padding: 10px;
	border: 0;
}

/*
        The footer uses clear: both to force itself below the sidebars and the content area.  On IE,
        the clear is applied and then the margin (top in this case) is offset.  In Mozilla, it doesn't
        appear to happen in this same fashion.  So, we need to add a bottom margin to the float to
        ensure proper spacing.  It is worth noting that Opera 7 (and I'm sure earlier versions), apply the
        clear in the same manner as IE but do NOT properly collapse the margin).  Using the root hack found
        at http://www.dithered.com/css_filters/css_only/index.php we can make a change that cannot be seen 
        by IE and Opera, but can be seen by Moz.
      */

:root #textmain { margin-bottom: 10px; }

p
{
	font: normal 12px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;
}

p.honoree
{
	margin: 5px 0 10px 20px;
	font: normal 12px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
}

p.datetime
{
	margin: 5px 0 10px 0;
	font: normal 12px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
}

h1
{
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	font: bold 18px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;	
}

h2
{
	margin: 30px 0 0 0;
	padding: 0;
	border: 0;
	font: bold 14px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;	
}

h3
{
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
	font: bold 12px/16px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;	
}

#textmain a
{
	color: #c30;
	text-decoration: none;
}

#textmain a:hover
{
	color: #C60;
	text-decoration: underline;
}

#textmain a.special
{
	padding: 1px;
	border: 1px solid #c96;
	color: #c30;
	text-decoration: none;
}

#textmain a.special:hover
{
	color: #C60;
	text-decoration: none;
	background-color: #e0e0e0;
}

.rightbox
{
	margin: 0 0 0 572px;
	border: 0;
	padding: 0;
	/* border: 1px solid #c96; */
}

.sitecategory
{
	margin: 0;
	padding: 4px 5px 4px 15px;
	border: 0;
	border-bottom: 1px solid #c96;
}

.sitecategorycurr
{
	margin: 0;
	padding: 4px 5px 4px 15px;
	border: 0;
	border-bottom: 1px solid #c96;
	background-color: #efefef;
}

.sitecategorycurr a
{
	font: bold 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #c30;
	text-decoration: none;
}

.sitecategory a:hover
{
	font: bold 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #c30;
	text-decoration: underline;
}

.sitecategory a
{
	font: normal 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #630;
	text-decoration: none;
}

.sitecategory a:hover
{
	font: normal 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #c30;
	text-decoration: underline;
}

#footer
{
	clear: both;
	margin-top: 10px;
	padding: 0;
	border: 0;
}

input[type="text"]
{
	padding; 2px;
	border: 1px solid #c96;
	font: normal 12px "courier new", courier, helvetica, serif;	
}

input[type="submit"]
{
	padding; 2px;
	border: 1px solid #c96;
	font: normal 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;
	background-color: #efefef;
}

select
{
	width: 70px;
	padding; 2px;
	border: 1px solid #c96;
	font: normal 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;
	background-color: #efefef;
}

table.rsvp
{
	margin: 20px 0 0 0;
}

table.rsvp td
{
	padding: 5px 5px 5px 0;
	font: normal 12px "Trebuchet MS", arial, verdana, lucida, helvetica, sans-serif;
	color: #000;
}