/* CSS Document
math_grindle.css was compiled by Steven Grindle on 22 May 2008 from previous style sheets that have been very useful in the past. 
Additions and revisions will continue as necessary.
Last modification: 22 May 2008
Purpose: Make a generic list of styles that support Grindle's math web pages.
-------------------------------------------------------------------------------- */

/*Styles and notes about styles begin here */

/* Zero out all margins and padding. from Charles Wyke-Smith*/
* {
	margin:0px;
	padding: 0px;
}
/* Use sans-serif font, navy-blue fonts on a light gray background to allow better readablility at smaller fonts. The light gray backgound allows the use of the color white without eliminating the other shades of gray. */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background-color: #666666;
}
a:active {
	color: #003399;
	background-color: #99CCFF;
}
blockquote {
	margin: 1px 1.5em 1px 1.5em;
	font-style: italic;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #eeeeee;
	color: #000066;
}
p {
	margin: 3px;
}
.bolditalic {
	font-style: italic;
	font-weight: bold;
	border-style: none;
}
.float_left {
	float: left;
}

/* Class page_turn is for the div's or p's that have pages, 'next page' and 'previous page' */
.page_turn {
	padding: 2px;
	clear: left;
	font-size: 0.85em;
	border-bottom: solid #FFFFFF 1px;
	width: 370px;
}
/* Class invisible is for making 'previous page' invisible when you are on the first page. Similarly for 'next page' when you are on the last page. The gray text color is so you can easily recognize that text is invisible when working in dw8 design mode.*/
.invisible {
	visibility: hidden;
	color: #999999;
}
.wip_folder_nav {
	float: left;
	list-style-position: inside;
	margin: 2px;
	padding: 2px;
	border: medium groove #FF9933;
}

#chap_links_div {
	padding: 1px;
	font-size: .85em;
	border-bottom: solid #FFFFFF 1px;
	text-align: center;
}
/* Style ID's #container_right and #containler_left are used together to create a two-column format with styled upper & right borders for the left container and upper & left borders for the right container to give an 'angle bracket' look to the containers. */
#container_right {
	float: left;
	margin-top: 2px;
	padding-left: 2px;
	padding-top: 2px;
	border-left: 1px solid #FFFFFF;
	width: 49%;
	border-top: 1px solid #CCCCCC;
}
#container_left {
	float: left;
	margin-top: 2px;
	padding-right: 4px;
	margin-right: 1px;
	padding-left: 2px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	width: 49%;
}
#container_one_col {
	margin-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	clear: both;
}
#div_inside_right {
	float: right;
	width: 33%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	margin: 2px;
	padding: 2px;
}
#frequency_table {
	display: table;
	border: thin inset #FFFFFF;
}
#frequency_table #reset_button {
	width: auto;
}
#frequency_table td {
	border: thin outset #FFFFFF;
	padding: 1px 2px;
}
#frequency_table input {
	width: 5ex;
	font-weight: bold;
	color: #003399;
}
#frequency_table #fh_button {
	width: auto;
}
#index_instructions {
	padding: 1px;
	font-size: 0.85em;
	border-bottom: solid #FFFFFF 1px;
	text-align: center;
}
#nav_section_instructions {
	padding: 1px;
	font-size: .85em;
	border-bottom: solid #FFFFFF 1px;
}
#sample {
	width: 95%;
	text-align: left;
	font-weight: bold;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFF0;
}
#sample_list li {
	list-style-type: none;
	display: inline;
}
#score {

	width: 50px;
	text-align: center;
	font-weight: bold;
	color: #CC0000;
	font-family: "Courier New", Courier, monospace;
}
#section_links_div {
	padding: 1px;
	font-size: .85em;
	border-bottom: solid #FFFFFF 1px;
	margin-right: auto;
	margin-left: auto;
}