/* CSS Document */

html,body,h1,h2,h3,h4,h5,h6,form,fieldset,p,ul,li,table,td,tr,th,dl,dt,dd { margin: 0; padding: 0; }
h1,h2,h3,h4,h5.h6 { font-weight: normal; }
img,fieldset { border: 0; margin: 0; }
a { text-decoration: none; }

body {
	background: #928d83 url(/images/shared/brown-bg.gif);
	color: #333;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
html>body { font-size: 10px; }

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clearfix { height: 1%; }
.clear { clear: both; }
.center { text-align: left; margin: 0 auto; width: 760px; }
.block { display: block; }

#yellow { background: url(/images/shared/yellow-bg.gif); padding-bottom: 20px; }
#yellow .white { background: url(/images/shared/white.gif) repeat-x; }
#yellow .bg { background: url(/images/shared/top-bg.gif) no-repeat top center; min-height: 160px; }
#yellow .bg-nonav { background: url(/images/shared/top-bg-nonav.gif) no-repeat top center; min-height: 160px; }


h1 {
	float: left;
	font-size: 1px;
	height: 62px;
	margin: 26px 0 0 27px;
	width: 265px;
}
h1 a {
	background: url(/images/shared/tcca.gif) no-repeat;
	display: block;
	height: 62px;
	overflow: hidden;
	text-indent: -1000em;
	width: 265px;
}

p {
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom: 20px;
}
.large { font-size: 1.2em; }
.contact { text-align: right; }
.icon { vertical-align: middle; }

h2 { padding-bottom: 10px; }
h3 { font-size: 1.4em; }

p a, h3 a { color: #1d6b1f; }
p a:hover, h3 a:hover { text-decoration: underline; }

#nav { float: right; list-style: none; padding-right: 14px; }
#nav li { float: left; height: 27px; }
#nav li a { display: block; height: 100%; overflow: hidden; text-indent: -1000em; width: 100%; }
#n-about { width: 84px; }
#n-services { width: 87px; }
#n-news { width: 66px; }
#n-contact { width: 83px; }
#n-pay { width: 80px; }
#n-about a, #n-services a, #n-news a, #n-contact a, #n-pay a { background: url(/images/shared/nav.gif); }
#n-services a { background-position: -84px 0; }
#n-news a { background-position: -171px 0; }
#n-contact a { background-position: -237px 0; }
#n-pay a { background-position: -320px 0; }

#footer { 
	color: #fff;
	padding: 20px 0;
}
#footer p { padding-left: 30px; }
#footer a { color: #fff; margin-right: 10px; }
#footer a:hover { color: #f3edcc; }

.left {
	display: inline;
	float: left;
	margin: 55px 0 0 27px;
	width: 330px;
}
.right {
	display: inline;
	float: right;
	margin: 18px 22px 0 0;
	width: 347px;
}
.right .block { margin-bottom: 14px; }

#icons { padding-left: 27px; }
#icons img, #services img { display: block; float: left; }
.a { margin-right: 35px; }
.b, .c { margin-right: 50px; }
.d { margin-right: 60px; }
#services { padding-left: 30px; }
.e, .f { margin-top: 18px; }
.g, .h { margin-top: 35px; }
.i { margin-top: 32px; }

#main-right p { padding-left: 17px; }
#main-right .title { margin: 0 0 7px 17px; }

.box-h { background: url(/images/shared/box-top.gif) no-repeat left bottom; height: 40px; }
.box { background: #fbfae3; width: 330px; }
.box-f { background: url(/images/shared/box-btm.gif) no-repeat; height: 10px; }
.box h2, .box h3, .box p { padding-left: 30px; padding-right: 35px; }

.pbox-h { background: url(/images/pay/box-top.gif) no-repeat; height: 35px; }
.pbox-f { background: url(/images/pay/box-btm.gif) no-repeat; height: 35px; }
.pbox { background: #fbfae3; width: 692px; }

.pbox span { color: #c00; }
label { font-size: 1.1em; }
dt { padding-bottom: 7px; }
dd { padding-bottom: 25px; }
.input, .input-small, .textarea { 
	background: #fff url(/images/pay/bg.gif) repeat-x;
	border: 1px solid #ccc; 
	color: #333;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}
.input { width: 200px; }
.input-small { width: 130px; }
.textarea { width: 300px; }
.select {
	color: #333;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

.one { 
	display: inline;
	float: left;
	margin-left: 28px;
	width: 210px; 
}
.two {
	display: inline;
	float: right;
	margin-right: 28px;
	width: 390px;
}
.l, .l2, .r2 { display: inline; width: 210px; float: left; }
.l2 { width: 340px; }
.r { display: inline; width: 140px; float: right; }
.three { margin-left: 28px; }
.three dl { padding-top: 15px; }
hr {
	background: #999;
	border: 0;
	color: #999;
	float: left;
	height: 1px;
	width: 200px;
}