/* CSS Document */

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

body{
	background:#52616a url(images/body-bg.gif) top repeat-x;
	text-align:left;
}

img {
	vertical-align:top;
	font-family: Tahoma, Geneva, sans-serif;
}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#4f5a5b;
	}

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

a {color:#8dc904;}
a:hover{
	text-decoration:none;
	color: #F00;
}
p {padding-top:15px;}
strong {color:#000000;}

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

.link {background:url(images/link-bg.gif) no-repeat 0 4px; padding-left:19px; display:inline-block; margin-top:20px;}
.row1 .link {background:url(images/link-bg.gif) no-repeat 0 4px; font-weight:bold; color:#000000; padding-left:19px; margin-top:13px;}
.extra .link a {font-weight:normal;}

.link2 {font-weight:bold; color:#000000; margin-top:13px;}
.row1 .link2 {margin-top:20px; font-weight:normal; color:#8dc904;}

li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:15px; font-weight:bold; line-height:1.667em; position:relative;}
li a {color:#0088a3; text-decoration:none;}
li a:hover {text-decoration:underline;}

.list li {background:none; padding:0; font-weight:normal;}
.list li a {color:#8dc904; text-decoration:underline;}
.list li a:hover {text-decoration:none;}

cite {font-style:normal;}

.relative {position:relative;}
.imgindent {margin:0 20px 0 0; float:left;}

h1 {font-size:3.667em; line-height:1em; font-weight:normal; width:260px; margin:0 auto;}
h1 a {text-decoration:none; color:#e6fea5; background:url(images/logo.jpg) no-repeat 0 0; padding:4px 0 5px 67px; display:block; font-family:Arial, Helvetica, sans-serif;}
h1 strong {color:#ffffff; font-weight:normal;}
h1 span {text-transform:uppercase; color:#788d9b; font-size:0.227em; line-height:0.8em; display:block; text-align:left; padding-left:2px; font-family:Tahoma, Geneva, sans-serif;}

h2 {
	background:url(images/title1-tail.jpg) top repeat-x;
	line-height:1em;
	color:#ffffff;
	padding:13px 0 14px 15px;
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
}
.title {background:url(images/title2-tail.jpg) top repeat-x;}
h3 {border-bottom:2px solid #b7dee2; font-size:1.167em; color:#000000; padding:0 0 17px 16px;}

h4 {
	background:url(images/h4-tial-bg.gif) top repeat-x;
	color:#ffffff;
	position:relative;
	margin-top:-1px;
	font-size: x-large;
	height: 100;
}
h4 span {display:block; padding:8px 0 14px 15px; background:url(images/h4-bg.jpg) top right no-repeat;}

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

#header .logo {text-align:center; padding:39px 70px 20px 0;}
#header .row {border-top:4px solid #0088a3; background:#ffffff; padding:0 20px;}

#header .menu {padding:0 0 3px 0; background:url(images/line1.gif) bottom left repeat-x; width:100%; overflow:hidden;}
#header .menu ul {float:left; margin-left:-1px;}
#header .menu li {float:left; background:url(images/menu-devider.gif) top left no-repeat; padding:0;}
#header .menu li a {display:block; padding:17px 31px 20px 32px; color:#000000;}
#header .menu li a:hover {background:url(images/menu-act.gif) top left repeat-x; color:#ffffff; text-decoration:none;}
#header .menu .active a {background:url(images/menu-act.gif) top left repeat-x; color:#ffffff; text-decoration:none;}

.slogan {background:url(images/header-bg.jpg) top left no-repeat; padding:214px 0 27px 522px; margin:11px 0 0 0;}

.title1-bg {
	position:absolute;
	top:0px;
	right:-5px;
	margin:14px 26px 0 0;
	height: 72px;
	width: 59px;
}
.title2-bg {
	position:absolute;
	top:-3px;
	right:-10px;
	margin:14px 14px 0 0;
}

/* ============================= content ====================== */

#content {background:#ffffff; padding:0 20px;}
#content .indent {background:url(images/line1.gif) top left repeat-x; padding:14px 0 20px 0;}

.col-pad1 {padding-right:12px;}
.col-pad2 {padding-right:10px;}
.col-pad3 {padding-right:15px;}

.row1 {background:url(images/line2.gif) bottom left repeat-x; padding-bottom:12px;}
.row2 {padding:31px 0 0 0;}

.indent1 {
	padding:20px 10px 20px 15px;
	text-align: left;
}
.row1 .indent1 {padding:16px 10px 20px 15px;}
.padding1 {padding-top:6px;}
.padding2 {padding-top:4px;}


.color2 {color:#4f5a5b;}
.color3 {
	color:#0088a3;
}
.text2 {line-height:1.667em;}
.text3 {line-height:1.5em;}
.line3 {background:url(images/line3.gif) bottom left repeat-x; padding-bottom:16px; margin-bottom:9px;}
.phone {float:right; margin-right:220px;}
.extra {padding:0 0 30px 20px;}

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

#footer {color:#ffffff; font-size:0.833em; line-height:1em;}
#footer span {text-transform:uppercase;}
#footer a {color:#ffffff;}
#footer .menu {width:100%; overflow:hidden;}
#footer .menu ul {margin-left:-12px; font-size:1.1em; padding:20px 0 2px 0;}
#footer .menu li {display:inline; border-left:1px solid #95a4ad; background:none; padding:0 7px 0 11px;}
#footer .menu li a {color:#95a4ad; font-weight:normal; text-transform:uppercase;}
#footer .menu li a:hover {color:#ffffff;}

/* ============================= forms ============================= */

.button {color:#ffffff; border:1px solid #000000; background:url(images/button-ok.gif) top repeat-x #38454c; text-decoration:none; font-weight:bold; display:inline-block; padding:3px 14px 4px 14px; vertical-align:middle;}
.button:hover { background:url(images/button-ok-hover.gif) top repeat-x #3c4850;}

#NewsForm {border:1px solid #576871; margin:17px 0 0 17px;}
#NewsForm .rowi {padding:20px 0 10px 14px;}
#NewsForm .input {width:178px; height:22px; border:1px solid #758e9d; background:none; padding:0 0 0 5px; font-size:1em;}
#NewsForm .link3 {color:#000000; font-size:0.917em; line-height:3em;}

#ContactForm {border:1px solid #576871; width:267px; margin:7px 0 0 17px;}
#ContactForm .form-div {padding:20px 16px 10px 14px;}
#ContactForm .rowi {padding-bottom:5px;}
#ContactForm .input {width:230px; height:22px; border:1px solid #758e9d; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
#ContactForm .button {float:right; margin:5px 0 0 5px;}
textarea {width:230px; height:42px; border:1px solid #758e9d; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}