/* CSS Document */

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

body{
	background:url(images/body-bg.gif) top center;
	text-align:center;
	padding:27px 0 28px 0;
}

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

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.417em;
		color:#767676;
	}

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

a {color:#767676;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

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

li { background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:24px; line-height:2em;}
li a {color:#fff; font-weight:bold;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 38px 0 0; float:left;}

.link {background:url(images/link-bg.gif) no-repeat 0 7px; color:#000; font-weight:bold; padding-left:10px; display:inline-block; margin-top:13px;}
.row2 .link {background:url(images/link2-bg.gif) no-repeat 0 7px; color:#fff;}

.title {margin-bottom:20px;}

h3 {font-size:1.167em; margin-bottom:7px; font-weight:normal;}
cite {font-style:normal;}

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

.logo {border-top:5px solid #dedede; border-bottom:5px solid #dedede; padding:55px 0 97px 0;}
.box {background:#517B9A; padding:53px 25px 28px 27px; line-height:1.333em;color:#dddddd;}
.box img {margin-bottom:5px;}

.button {background:url(images/button-tail-bg.gif) top repeat-x; display:inline-block; font-size:0.917em; line-height:1em; color:#fff; font-weight:bold; text-decoration:none; margin-top:35px; cursor:pointer;}
.button span {background:url(images/button-side-bg.gif) top right no-repeat; display:inline-block;}
.button span span {background:url(images/button-side-bg.gif) top left no-repeat; padding:5px 14px 7px 12px;}
.button:hover {background:url(images/button-tail-bg-hover.gif) top repeat-x;}
.button:hover span {background:url(images/button-side-bg-hover.gif) top right no-repeat;}
.button:hover span span {background:url(images/button-side-bg-hover.gif) top left no-repeat;}

.menu {background:#517B9A; border-top:12px solid #6c939f; padding:16px 0 21px 13px;}

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

.row1 {padding:16px 20px 23px 23px;}
.row2 {background:#858585; padding:32px 20px 28px 39px; color:#d0d0d0;}
.row2 a {color:#fff;}

.col-pad {padding-right:36px;}
.indent {padding:18px 0 0 0;}
.banner {margin-right:18px;}
.margin1 {margin-top:30px;}
.banners {padding-top:27px;}
.name {font-size:1.167em; float:right; display:block;}

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

#footer {background:#787878 url(images/footer-bg.gif) top repeat-x; color:#fff;}
#footer a {color:#fff;}
#footer .left {border-right:1px solid #ababab; padding:6px 37px 5px 0;}
#footer .right {padding:4px 0 0 0;}

.submenu li {display:inline; font-size:1.083em; line-height:1.333em; background:none; border-left:1px solid #fff; padding:0 18px;}
.submenu li a {text-decoration:none; font-weight:normal;}
.submenu li a:hover {text-decoration:underline;}
.submenu .active a {text-decoration:underline;}
.submenu .first {border:none;}

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


#ContactForm .rowi {height:31px;}
#ContactForm .col-1 {width:289px !important;}
#ContactForm .col-2 {width:273px !important;}
#ContactForm .link {float:right; margin-left:20px;}

.input {width:271px; height:18px; border:1px solid #d0d0d0; background:#8b8b8b; padding:0 0 0 5px; font-size:1em; color:#d0d0d0;}
textarea {width:266px; height:81px; border:1px solid #d0d0d0; background:#8b8b8b; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#d0d0d0;}