@import url("/css/all.css") all;


abbr, acronym
{
	cursor: help;
}


button
{
	cursor: pointer;
}


.calendar td:hover
{
	border: thin solid rgb(204, 204, 204);
}


.border:hover
{
	border: thin solid rgb(0, 51, 102);
}



/*

CSS3 Color Module
http://www.w3.org/TR/css3-color/

http://www.w3.org/TR/SVG/types.html#ColorKeywords

http://www.oreilly.com/catalog/wdnut/excerpt/color_names.html




whitesmoke

245,245,245
F5F5F5



darkorange

255,140,0
FF8C00

*/


#container
{
	margin: 0 auto;
	/*
	margin-right: auto;
	margin-left: auto;
	*/


	/* ##### this shouldn't be necessary.  it's only here for the menu. */
	color: black;
	background-color: rgb(221, 221, 221);

	width: 47.25em;
}


/* the <ul> that is the menu bar */
#menu
{
	margin: 0;
	/*padding: 0;*/

	cursor: default;
}


/* every <li> in the menu */
#menu li
{
	padding: 0.3em 0.5em;

	list-style: none;

	display: block;
}


/* the <li> that is the main menu item in the menu bar*/
#menu > li
{
	/*padding-right: 1.6em;*/
	/*padding-left: 0.5em;*/

	/*padding: 0.5em;*/

	float: left;
}


/* the hover effect (background becomes white) for the main menu item */
#menu > li:hover
{
	color: black;
	background-color: white;
}


/* every <ul> in the drop-down menu */
#menu > li ul
{
	border: thin solid rgb(204, 204, 204);
	padding-left: 0;

	color: black;
	background-color: white;

	font-size: smaller;
}


/* the <ul> that is the drop-down menu */
#menu > li > ul
{
	margin-top: 0.3em;
	/*
	-0.5 aligns on Firefox
	-0.6 aligns on Chrome
	*/
	margin-left: -0.5em;
	border: thin solid rgb(153, 153, 153);

	display: none;

	position: absolute;
}


/* the hover effect (display becomes visible) for the drop-down menu */
#menu > li:hover > ul
{
	display: block;
}


/* ##### maybe remove this */
footer
{
	/*text-align: center;*/

	/*font-size: smaller;*/
}