/*******************************************************************************
 * BASE.CSS
 * Resets all browser to a known starting point.
 * Sets the fonts, borders, and spacing of the base HTML elements.
 * 
 * Spacing is typically done with padding because the background-color 
 * shows through on padding, but not on the margin.  Indenting is typically 
 * done with margins (see .i classes in touchup.css).
 * 
 * Vertical spacing is done with EMs so it's proportional to the font.
 * Horizontal spacing is done with PXs so all elements left and right align.
 * 
 * Each element is responsible for spacing in all 4 directions (TRBL).
 * TRBL (trouble) stands for Top, Right, Bottom, Left -- the standard CSS ordering.
 * This allows you to place elements vertically, horizontally, or floated with precision.
 */

/* reset the spacing on all elements */
* { padding: 0px; margin: 0px; }

/* fonts and colors are set here then inherited by most elements */
body {
	background-color: #0072bf;
	behavior: url( '../libx/css-hover/csshover.htc'); /* hack so ie can recognize :hover better */
	color: white;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size: 10pt;
	padding: 0px;
}

/* ie doesn't inherit these from body */
/* safari ignores button styles */
button, input, label, select, textarea { 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	font-size: 10pt;
}

/* make sure colors and fonts inherit from parent */
/* transparent background ensures that parent elements show through */
code, div, h1, h2, h3, h4, img, li, ol, p, pre, span, table, td, th, ul { 
	background-color: transparent; 	
	color: inherit; 
}

/* textual block elements use EM for TB (top / bottom), PX for LR (left-right) */
/* see touchup.css for micro classes to touch up spacing */
h1, h2, h3, h4, p, pre { padding: 0.4em 5px; }

/* table element defaults */
table { border-collapse: collapse; } /* use touchup .nocollapse to override */
th { vertical-align: middle; }
td { vertical-align: top; }

/* list elements are padded to left align with textual block elements */
/* use the indent classes in touchup.css to left indent these elements */
ol, ul { list-style-position: outside; }
ul { padding: 0.2em 0px 0.2em 20px; }
ol { padding: 0.2em 0px 0.2em 27px; }

/* uses negative margins to compensate for LI padding */
ul ul { margin: 0em 0px -0.2em 15px; padding: 0px; }
ol ol { margin: 0em 0px -0.2em 22px; padding: 0px; }

/* list entries have smaller TB margins to be more compact that paragraphs */
li { margin: 0px; padding: 0.2em 0px; }
ul li { list-style-type: disc; }

/* proportional font elements */
code, tt, pre, .mono	{ 
	font-family: 'Courier New', Courier, Monaco, monospace; 
	font-size: 11pt;
	}
code { white-space: pre; }

/* anchor elements in more contemporary colors */
a:link { color: #31568C; }
a:visited { color: #5B1B8D; }
a:active { color: #B1301F; }

/* images */
img { border-width: 0px; display: inline; }

/* objects and embedding blocks */
object, embed { display: block; }

/* horizontal rules */
hr { margin: 5px 0px; }
.ie hr { margin: 0px; } /* deal with IE's wired-in 5px margin */

/* headings */
h1 { 
	color: #B1301F;
	font-size: 18pt; 
	font-weight: normal; 
	padding: 5px 5px;
	}
	
h2 { 
	color: #464646;
	font-size: 13pt; 
	font-weight: bold; 
	padding: 5px 5px;
}

h3 { 
	color: #238542;
	font-size: 11pt; 
	font-weight: bold; 
	padding: 5px 5px;
}

a:hover {
	color: #B1301F !important;
	text-decoration: underline !important;
}