@import url(http://yui.yahooapis.com/combo?2.7.0/build/reset-fonts-grids/reset-fonts-grids.css);

body { 
background: #ffffff; 
color:#000000; 
margin: 10px; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:small;
width: 820px;
text-align: left;
 }
/* Old styles - not sure where they are used ... */
.pagetitle { font-family:Arial,Helvetica,sans-serif; color:#009900; font-size: large; font-weight:bold; }
.pagefooter, .verysmalltext { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:xx-small; }
.mediumtext { font-size:medium; }
.right { text-align:right   }
.center { text-align:center }
.left { text-align:left }
.whiteback { background-color:#ffffff }
.greentext { color:#009900 }
.error { color:#FF0000; font-weight:bold }
.highlight { background: #BFFFBF }
.hint {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:xx-small; color:#FF0000; }
/* end of old styles */

/* new styles */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

p { margin: 0.5em 0.5em; }

/* Used in events calendar */
dt { font-weight: bold; font-size: 14px; }
dd { font-weigth: normal; font-size: 12px; margin-bottom: 1em;}

table.event_months {
	border: 2px solid black;
	background-color: #C6DFB7;
	color: #000000;
	border-collapse: collapse;
	margin-bottom:2em;
}

table.event_months th { font-weight: bold; background-color: #FFFFFF; }
table.event_months td { padding: 0.25em; border: 1px solid #666666; }

/* Used in business roster */
dl.business dt { font-weight: bold; font-size: 1em; margin-right: 1em;}
dl.business dd { font-weight: normal; font-size: 1em; display: inline; margin-bottom: 0.5em; }

/* Main Navigation List */

div#navcontainer {
background: #009900;
width: 800px;
}

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 11px Verdana, sans-serif;
position: absolute;
top: 30px;
left: 160px;
width: 640px;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid  #C6DFB7;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 2px solid #003300;
background: #009900;
text-decoration: none;
}

#navlist li a:link { color: #ffffff; }
#navlist li a:visited { color: #ffffff; }

#navlist li a:hover
{
background: #006600;
}


/* Main Page Layout */
div.main_content {
margin: 2em auto;
text-align: center;
width: 99%;
}

div.extra_content {
display: none;
}

div.footer {
   width: 800px;
   margin: 1em auto;
}

div.ft_left {
   text-align: left;
   float: left;
}

div.ft_right {
   text-align: right;
   float: right;
   margin-right: 2em;
}

form#renewal { 
margin: 1em;
}
form#renewal ul li { list-style-type: none;  margin: 0.5em 1em; }
form#renewal ul li label { margin-right: 1em; width: 12em;}