/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#4c9cb4 url(images/top-tail.gif) top repeat-x;
	text-align:center;
}

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;
		font-size:12px;
		line-height:1.5em;
		color:#ddf6ff;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#9cdaed;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
strong {color:#fff;}

/* ============================= main layout ====================== */

.link {background:url(images/link-side-bg.gif) no-repeat top right #0f7695; display:block; float:left; margin-top:23px; line-height:1em; font-weight:bold; text-decoration:none; color:#fff; font-size:0.917em; font-family:tahoma, Geneva, sans-serif}
.link span {background:url(images/link-side-bg.gif) no-repeat 0 0; display:block; padding:3px 8px 5px 8px;}
.link:hover {background:#4a788e url(images/link-side-bg-hover.gif) no-repeat top right;}
.link:hover span {background:url(images/link-side-bg-hover.gif) no-repeat 0 0;}


li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:13px; line-height:1.667em;}
li a {color:#fff; text-decoration:none; font-weight:bold;}
li a:hover {text-decoration:underline;}

h3 {font-size:1.5em; line-height:1em; color:#d5f5ff; margin-bottom:9px;}

.imgindent {margin:0 33px 0 0; float:left;}
.imgindent2 {margin:0 17px 0 0; float:left;}
.title {margin-bottom:19px;}
.col-1 .title {margin-left:16px; margin-top:20px;}
.col-2 .col-1 .title {margin-left:0; margin-top:0;}



/* ============================= footer ====================== */

#footer {color:#fff;}
#footer span {float:right;}
#footer .menu { padding:45px 0 0 0; display:inline;}
.menu li {display:inline; background:none; line-height:1.25em;}
.menu li a {color:#aee7f8; font-weight:normal; padding:0 5px 0 21px; border-left:1px solid #aee7f8;}
.menu li a:hover {text-decoration:underline; background:url(images/menu-bg.gif) no-repeat 11px 5px; border:none; margin-left:1px;}
.menu .active a {text-decoration:underline; background:url(images/menu-bg.gif) no-repeat 11px 5px; border:none; margin-left:1px;}
.first a {border:none !important; margin-left:1px;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:19px;}
#ContactForm .link {float:right; margin:15px 0 0 10px;}

.input {width:201px; height:15px; border:1px solid #ddf6ff; background:none; padding:0 0 0 1px; font-size:1em; line-height:1em;}
textarea {width:319px; height:53px; border:1px solid #ddf6ff; background:none; padding:0 0 0 1px; overflow:auto; font-size:1em; line-height:1em;}
