div#content_main div#title-bar {
height:165px;	
background-image: url(../images/calculator-banner.jpg);
background-repeat: no-repeat;
background-position: left;
}

h2 {
	width:100%;
	font-size:80%;
}

div#content_main div#calculator {
	width:60%;
	font-size: 75%;
	padding-left: 5%;
}

/*div#calculator {
	color: #000000;
}*/

div#calculator table {
	width:70%;
	border-collapse: collapse;
}

div#calculator .header {
	background-image: url(../images/calulator_table_heading.gif);
	background-repeat: no-repeat;
	background-position: top;	
	height:50px;
	width: 600px;
}


div#calculator table td, table  th {
	color: #0078B6;
	font-weight:bold;
	width:5%;
}
div#calculator table  th {
padding-top:1%;
	/*background: #6D67AF;*/
}

div#calculator .item {
	width:30%;
	padding-right: 5%;
}

div#calculator .underscore {
	border-bottom: thin solid #6D67AF; 
}

div#calculator .heading {
	color: #FFFFFF;
	text-align: left; 
}


 .bar {
   background-color: white;
   text-align: right;
   border-left: 1px solid #DEB887;
   padding-right: 0.5em;
   width: 400px;
 }
 
 .bar div { 
   border-top: 2px solid #DEB887;
   background-color: #DEB887;
   border-bottom: 2px solid #DEB887;
   text-align: right;
   color: white;
   float: left;
   padding-top: 0;
   height: 1em;
	color: #000000;
 }
 
.bar .text {
	text-align: left;
	padding-right: 35px;
	float: right;
}

.bar .stext {
	text-align: left;
	padding-right: 15px;
	padding-left: 0px;
}

.bar .ftext {
	text-align: left;
	padding-left: 15px;
	float: right;
}

form input {
	border-color: #FFFDDA;
	border-style: solid;
	border-width: 1px;
}

form .button {
	background: url(../images/calculate_submit_up_button.gif) no-repeat left;
	cursor: pointer;
}

form .button:hover  {
	background: url(../images/calculate_submit_down_butto.gif) no-repeat left;
	cursor: pointer;	
}