body {
	margin: 10px 0px 0px;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial;
	line-height: 1.1;
}

form {
	padding: 0px;
	margin: 0px;
}

#topBar {
	width: 100%;
	position: static;
	background-image: url(/calc/images/top_bkgr.jpg);
}

h2 {
	font: bold 95% Verdana, Arial, sans-serif;
	color: #904545;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.titleMaroon {
	font: bold 80% Verdana, Arial, sans-serif;
	color: #904545;
	margin: 0px;
	padding: 0px;
}

.maroonSmall {
	color: #904545;
	font-size: 70%;
	line-height: 11px;
}

.grayBox {
	margin-left: 15px;
	margin-right: 15px;
	margin-top:5px;
	padding-left: 15px;
	padding-right:15px;
	padding-bottom: 10px;
	background-color: #F5f7f7;
}

.maroonBox {
	margin-left:15px;
	margin-right:15px; 
	margin-top:5px; 
	padding:10px;
	border: dotted 0.1em #904545;
	background-color:#f9f2f0; 
	font-size: 70%;
	line-height: 1.2;
}

.maroon {
	font-size: 120%;
	color: #904545;
	font-weight: bold;
}

.grayBox1 {
	margin-left: 15px;
width:99%;
	margin-top:5px;
	padding-left: 15px;
	padding-bottom: 10px;
	background-color: #F5f7f7;
}

hr {
	border: none 0; 
	border-top: 1px dashed #999999;
	height: 1px;
}

.image1Title {
	position: relative;
	left: -15px;
	top: 0px;
	margin-bottom: 5px;
}

th {
	font-size: 80%;
	color: #000000;
	font-weight: normal;
	text-align: right;
}

.table5px {
	border-collapse: collapse;
	vertical-align: top;
}

.table5px td, .table5px th {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
	border: 5px solid #F5f7f7;
}

.nw {
	white-space: nowrap;
}

.maroonButton input {
	color: #ffffff;
	text-decoration: none;
	background-color: #904545;
	font-weight: bold;
	padding-top: 1px ;
	padding-bottom: 1px; 
}

.tableSmall td, .tableSmall th{
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
	border: 2px solid #F5f7f7;
	font-size: 70%;
	font-family:  Verdana, Arial, sans-serif;
}

.blueButton {
	padding-top: 3px;
	padding-bottom: 4px;
}

.blueButton a {
	font-weight: bold;
	font-size: 80%;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.blueButton a:link, .blueButton a:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #4e77c2;
	border-top: solid 0.15em white;
	border-left: solid 0.15em white;
	border-bottom: solid 0.15em #888888;
	border-right: solid 0.15em #888888;
}

.mBut {
	padding-top: 3px;
	padding-bottom: 4px;
}

.mBut a {
	font-weight: bold;
	font-size: 80%;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.mBut a:link, .mBut a:visited {
	color: #ffffff;
	text-decoration: none;
	background-color: #904545;
	border-top: solid 0.15em white;
	border-left: solid 0.15em white;
	border-bottom: solid 0.15em #888888;
	border-right: solid 0.15em #888888;
}

.textBlueBold {
	font-size: 80%;
	color: #2B5A92;
	font-weight: bold;
}

.textBlueBoldR {
	font-size: 80%;
	color: #2B5A92;
	font-weight: bold;
	text-align: right;
}

.validation {
	color: red;
	font-weight: bold;
	font-size: 80%;
}

.redText {
	font-size: 80%;
	color: red;
}

.text80 {
	font-size: 80%;
}

.text70 {
	font-size: 70%;
}

/*description block*/

#hintbox { /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor { /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: navy;
	margin: 3px 8px;
}

.standoutMessage {
	font-size: 70%;
	background-color: #FFFFFF;
	color: red;
	border: 2px solid silver;
}