body
{
	margin: 0; /* Gets rid of default margin on body that most browsers add. */
	padding: 0; /* Gets rid of default padding on body that Opera adds. */
	color: black; /* Sets default color of text. */
	font-family: Arial, tahoma, Helvetica, sans-serif; /* Sets default font family options. */
	font-size: 12px;
	background-color: white;
	
}

li { font-size: 14px; font-weight: normal; }

h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }

th { font-size: 13px; font-weight: bold; }
td { font-size: 12px; font-weight: normal; }

a:link{color:black;text-decoration:none; }
a:visited{color:black;text-decoration:none;}
a:hover{color:red;text-decoration:underline overline;}
a:active{color:black;text-decoration:none;}


.logintable { background-color: white; color: black;  border: 2px ridge black;}

.dynaformtable { background-color: silver; padding: 2; margin: 2px 2px; }

.stafftable { background-color: white;	padding: 2;	margin: 2px 2px; }

.dynaformwindow { width: 570px; height: 500px; overflow: auto; }

.resourcetable { background-color: white;	padding: 2;	margin: 2px 2px; }


#container
{
width: 90%;
margin: 10px auto;
background-color: white;
color: black;
border: 2px solid black;
line-height: 130%;
}

#top {padding: 5px; background-color: #FDF3B3; border-bottom: 2px solid black; }

#headerinfo { float: left; position: relative; margin: 0; padding: 0; }
#headerinfo ul { list-style: none; margin: 0; padding: 0; }

#headerdate {	float: right; position: relative; }

#mainmenu {	float: right; position: relative; }
#mainmenu li { display: inline;	border-left: 1px solid black; padding: 0 0.5em; }
#mainmenu a { color: black; text-decoration: none; font-weight: bold; }
#mainmenu a:hover {	color: white; text-decoration: underline overline; font-weight: bolder; }

#content { background-color: white; margin: 0; padding: 10; }

#leftnavtrans { float: left; width: 1px; margin: 0; padding: 0; }

#leftnav { float: left; width: 180px; margin: 5; padding: 5px; border: 2px ridge black; }
#leftnav ul { list-style: none; margin: 0;	padding: 0; }
#leftnav li { padding: .25em 0 .25em .5em; }
#leftnav a { text-decoration: none; font-weight: bold; }
#leftnav a:hover {	color: red; text-decoration: underline overline; font-weight: bold; }

#rightcontent { margin-left: 220px; padding: 10px; background-color: white;}
#rightcontent ul { list-style: none; margin: 0;	padding: 0; }
#rightcontent li { padding: .25em 0 .25em .5em; }

#footer { clear: both; margin: 0; padding: 5px; color: black; background-color: #FDF3B3; border-top: 2px solid black; }


/* CLEARING FLOATS -------------------------------------------------------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
clear: both; /* Makes the generated content appear after the floats. */
height: 0; /* Sets its height to zero so it doesn't show. */
visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}

.clearfix {
display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
}

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* End hide from MacIE */