﻿/* component styles */

/* this is used to put the bosy in the middle */
body {

	vertical-align:middle;

}

.top_nav{

	font-family:"Trebuchet MS", Verdana, Calibri;

	font-size:7pt;

	font-weight:bold;

	text-align:right;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	color: #808080;

}



#header {

	background-image:    url(header.gif);

	background-repeat: no-repeat;
	
	background-position:center;

	width: 1024px;

	height: 180px;

	margin-right: auto;

	margin-left: auto;



}


/* this class is used place the tables in the middle. you need to use this in order to place anything
in the middle of the page since CSS will not allow you to place things
in the middle with vertical align coding  */
.table {

	margin-right: auto;

	margin-left: auto;

}



.mid_tr {

	border: 1px solid #C0C0C0;

	padding: 8px;

	vertical-align: top;

	text-align: justify;

}

.main_body{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9pt;

	line-height: 15pt;

	list-style-type: square;

}

.tr_heading{

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

	text-align: left;

	font-weight: bold;

}



.left_tr{

	text-align:right;

	padding:8px;

	vertical-align:top;

}

.left_tr_text {

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

}

.left_tr_links {

	font-family: "Trebuchet MS", Verdana, Calibri;

	font-size: 9pt;

	line-height: 18px;

	font-weight: bold;

	color: #800000;

}



.right_tr{

	text-align:left;

	padding:8px;

	vertical-align:top;

}



/* text styles */

.right_tr_text {

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

	text-align: left;

	vertical-align: top;

	color: #808080;

}



.application {

	font-family: "Trebuchet MS", Verdana, Calibri;

	font-size: 10pt;

	font-weight: bold;

	color: #800000;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14pt;

	font-weight: bold;

	color: #990000;

	word-spacing: 1px;

	line-height:30px

}



h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11pt;

	font-weight: bold;

	color: #990000;

	word-spacing: 1px;

}

.sitemap_list{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9pt;

	line-height: 15pt;

	list-style-type: square;

	margin-left: 40px;



}



/* footer styles */



.footer_heading{

	font-family: Arial, Helvetica, sans-serif;

	font-size: x-small;

	text-align: left;

	font-weight: bold;

	color: maroon;

}



.footer_links{

	font-family:"Trebuchet MS", Verdana, Calibri;

	font-size:8pt;

	color:maroon;

}





/* Links */



a:link

	{

	color:maroon;

	font-style:normal;

	font-weight:bold;

	text-decoration:none;

	}

a:hover

	{

	color:#3399FF;

	font-style:normal;

	font-weight:bold;

	}



a:visited{

	text-decoration:none;



}	



/* Emphasising and remarking*/



.bold_heading {

	font-family: "Trebuchet MS", Verdana, Calibri;

	font-size: large;

	color: #800000;

}



.emphasis {

	font-family: "Trebuchet MS", Verdana, Calibri;

	font-size: xx-large;

	color: #6699FF;

}

.small_emphasis {

	font-family: "Trebuchet MS", Verdana, Calibri;

	font-size: small;

	color: #6699FF;

	font-weight: bold;

}

.main_emphasis {

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #0066FF;

	font-weight: normal;

}



/*calculator */



.calcdiv label{

	font-family: "Trebuchet MS", Verdana, Calibri;

	width: 90px;

	color: white;

	font-weight: bold;

	display: block;

	vertical-align: middle;

	float: left;

	margin-bottom: 4px;

	font-size: 8pt;

}


/* styles the input section in the calculator*/

.calcdiv input,select{

	width: 95px;

	float: left;

	font-size: 8pt;

	font-family: "Trebuchet MS", Verdana, Calibri;

	vertical-align: middle;

	margin-bottom: 2px;

}

.calcdiv input{

	width: 91px;

}


/* component - styles input sectoin in all forms*/

select,input{

	font-family:"Trebuchet MS", Verdana, Calibri;

	font-size: 10px;

}



.calc_clean{

	height: 1px;

	clear: both;

	font-size: 1px;

}

.calc_button{

	font-family: "Trebuchet MS", Verdana, Calibri;

	font-size: large;

	font-weight: bold;

	font-variant: small-caps;

	color: #FFFFFF;

}



/*faq*/



.faq_q{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	color: #0066FF;

	font-weight: bold;



}





.faq_a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	line-height:20px;

	text-align: left;

	font-weight: bold;



}

.seo_text{

	font-size: xx-small;

	font-family: "Trebuchet MS", Verdana, Calibri;

	text-align: justify;

	vertical-align: middle;

	color: #FFFFFF;

}

.formblock{

	padding-bottom: 12px;	

}

.background {
	background-image: url(form-bg2.gif);
	background-repeat: no-repeat;
}
