* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#e1e0e0;
	background-image: url('../images/bkg_brown.gif');
	background-repeat: repeat-x;
	
}
div {text-align:left; }
td { text-align:left; }

/* img {vertical-align:top;} */
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
	{
		font-family: Verdana, arial;
		font-size:0.788em;
		line-height:1.364em;
		color:#353e42;
	}

/* input, select { vertical-align:middle; font-weight:normal;} */


a.wht:visited, a.wht:link, a.wht:active {
color: #FFFFFF;
text-decoration: none;}

a.wht:hover {
color: #FFFFFF;
text-decoration: underline;}

a:visited { color: #194F78; text-decoration: none }
a:link { color: #194F78; text-decoration: none }
a:active     { color: #194F78; text-decoration: none }
a:hover     { color: #194F78; text-decoration: underline }






/* p {padding-top:15px;} */
/* span {color:#fff;} */

/* ============================= main layout ====================== */

.link {text-transform:uppercase;}

li {color:#fff;}
li a { line-height:1.818em;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 16px 0 0; float:left;}
.title {font-size:2.1em; font-weight:bold; line-height:110%; color:#1A5389; margin-bottom:20px; font-family:georgia, "Times New Roman", times, serif;}
.title2 {margin-bottom:16px;}

.inputStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	background-color: #EEEEFF;
	border: 1px solid #666666;
}

/* ============================= header ====================== */

#header .menu {padding-bottom:0px;} /* you will be amazed to discover that this padding on the bottom forced down the logo in the orignal template 128px
									   So instead of this stupidity I have simply put the padding on the logo itself
									   Oh and it also forced down the other menu as well - so equal padding-top was simply put on that element too
									    */
									   
#header .menu ul {width:100%; overflow:hidden;}
#header .menu li {float:left; font-size:1.182em;}
#header .menu li a {text-decoration:none; color:#FFFFFF; background:transparent; display:block; text-align:center; padding:35px 0 35px 0; width:110px;}
#header .menu li a:hover {background-color:#646464; color:#FFFFFF; opacity:1; filter: alpha(opacity=100);}
#header .menu .active a {background:transparent; color:#646464}
#header .menu .last a {background:none; width:106px;}

#header .right a {color:#353e42; text-decoration:none; font-size:1.182em; background:url(../images/header_line.gif) no-repeat 0 4px; padding:0 25px 0 30px;}
#header .right a:hover {color:#fff;}
#header .right .first {padding-left:0; background:none;}
#header .right {padding:0px 0px 0 0;} /* the padding top of 64px and right of 20px adds another level of stupidity to the menu beside the logo
										   so instead of this nonsense, I just added padding top inline to the div that holds this */


a.menuSub:visited, a.menuSub:link, a.menuSub:active {
text-decoration:none;
color:#646464;
background:#C2C3BD;
display:block;
text-align:left;
padding:4px 4px 4px 4px;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#646464;
opacity:.6;
filter: alpha(opacity=60);
}

a.menuSub:hover {
text-decoration:none;
color:#ffffff;
background:#646464;
display:block;
text-align:left;
padding:4px 4px 4px 4px;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#646464;
opacity:1; filter: alpha(opacity=100);
}

a.menu:visited, a.menu:link, a.menu:active {

color:#C81010;

}

a.menu:hover {

color:#ffffff;

}
img {border:none;}


/* ============================= middle ====================== */

/* .img {margin-bottom:23px;} */
.padding1 {padding-top:10px;}
.padding2 {padding-top:25px;}
.padding3 {padding-top:18px;}
.padding4 {padding-right:30px;}

.phone {float:right; margin-right:20px; color:#353e42;}
#page9 #content {padding:43px 25px 57px 30px;}

/* ============================= footer ====================== */

#footer {font-size:1.182em; text-align:center; color:#a2a8aa;}
#footer a {color:#a2a8aa; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .privacy {color:#fff;}