/**************************************************************/
/* siteFonts.css                                              */
/* use with all standard pages in  site                       */  
/**************************************************************/
/* HTML tag styles                                            */
/**************************************************************/

body  { /* defines default font for site - default size is 75% (from standardFonts.css */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/*li {
	font-size:100%;
	}*/
a {
	color:#3300FF;
	text-decoration:none;
	}
a:visited {
	color:#660099;
	}
a:hover {
	background-color:#FFFF99;
	}

p, li{
	/*font-size:80%;*/
	line-height:140%;
	}
/*li ul li {
	font-size:100%;
	}*/
H1 { /* PAGE HEADER / TITLE */
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:130%;
	font-weight: bolder;
	color:#752641;
	}
H2 { /* TOPIC / SECTION HEADER */
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight: bolder;
	color:#003399;
	}
H3 { /* SUBTOPIC HEADER */
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight:bold;
	color:#996600;
	}
	
H4 { /* "DIMMED" (GRAY) MESSAGE */
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color:#55555;
	}

H5 { /* ERROR MESSAGES */
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight:bold;
	color:#CC0000;
	margin-top:-0.5em;
	margin-bottom:1.0em;
	}	
.transparentBox {
	background-image:url(../system/white-40percent.png);
	background-repeat:repeat;
	padding:8px 15px 15px 15px;
	width:50%;
	border:1px solid #999;
	}
/**************************************************************/
/* LINKS OVER DARK BACKGROUNDS                                */
/**************************************************************/
.reverseLinks {
	color:#FFCC66;
	text-decoration:none;
	}
.reverseLinks a, visited {
	color:#FFCC66;
	text-decoration:none;
	}
.reverseLinks a:hover {
	color:#FFFFFF;
	/*font-weight:bold;*/
	background:#330000;
	text-decoration:none;
	}
.reverseLinks2 {
	color:#FFFFFF;
	text-decoration:none;
	}
.reverseLinks2 a, visited {
	color:#FFFFFF;
	text-decoration:none;
	}
.reverseLinks2 a:hover {
	color:#FFFFFF;
	/*font-weight:bold;*/
	background:#74F;
	text-decoration:none;
	display:block;
	}
#optionButtonContainer {
	margin: 0 auto 1em auto;
	text-align:center;
	display:inline-table;
	text-align:center;
	}
.optionButton {
	color:#FFFFFF;
	background-color:#770000;
	padding:4px 6px 4px 6px;
	margin-right:2px;
	border:1px solid #FF9900;
	display:inline;
	}
.optionButton a, visited {
	color:#EEEEEE;
	}
.optionButton a:hover {
	background-color:#770000;
	}
clear.button {
	overflow:hidden;
	width:100%;
	}
a.button {
	background: transparent url('../system/button-gray-a.gif') no-repeat scroll top right;;
	color:#555;
	display:block;
	float:left;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-right:9px; /* sliding door padding */
	text-decoration:none;
	}
a.button span {
	background: transparent  url('../system/button-gray-span.gif') no-repeat;
	display:block;
	line-height:12px;
	padding: 3px 0 4px 8px;
	margin-left:-1px; /*allow for stroke on button */
	}
a.button:hover {
	background-position: center right;
	color:#000;
	height:20px;
	/*outline: none;  /*  hide dotted outline in Firefox  */
	}	
a.button:hover span {
	background-position: center left;
	margin-top:1px; /* adjust alignment */
	padding: 2px 0 5px 8px;  /* keep text in same position as a */	
	}
a.button:active {
	background-position: bottom right;
	color:#000;
	margin-top:-1px; /*adjust for stroke */
	/*outline: none;  /*  hide dotted outline in Firefox  */
	}
a.button:active span {
	background-position: bottom left;
	padding: 6px 0 2px 8px;  /* push text down 1px */	
	}