/* CSS Document */

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

body{
	background:#ccccff; url(images/top-tail.gif) top center 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;}
.tacenter {text-align:center;}
.taright {text-align:right;}


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

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

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

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

#content li { background:url(images/marker1.gif) no-repeat 0 7px; padding-left:11px; line-height:1.5em; margin-bottom:6px;}
#content li a {color:#666666 !important; background:url(images/line.gif) bottom left repeat-x; text-decoration:none;}
#content li a:hover {text-decoration:none; background:none;}
#content .row2 li {font-size:1.0em; color:#838383; line-height:1.5em}

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

h2 {font-size:2.0em; line-height:1.2em; color:#008000; margin-bottom:12px; letter-spacing:-1px;}
h3 {font-size:1.6em; line-height:1.2em; color:#008000; text-transform:uppercase; font-weight:bold; letter-spacing:-1px; margin:13px 0 4px 0;}
h4 {font-size:1.3em; color:#008000;}
h5 {font-size:1.0em; color:#008000;}

/* ============================= header ====================== */
-
#header {}

.submenu {text-align:right; padding:12px 0 0 0; height:20px;}
.submenu li {display:inline; background:url(images/submenu-devider.gif) right 1px no-repeat; font-size:.917em; padding:0 14px 0 10px;}
.submenu li a {color:#FFffff; text-decoration:none; padding-left:15px;}
.submenu li a:hover {text-decoration:underline;}
.submenu .login a {background:url(images/login-icon.gif) no-repeat 0 1px;}
.submenu .help a {background:url(images/help-icon.gif) no-repeat 0 1px;}
.submenu .sitemap a {background:url(images/site-map-icon.gif) no-repeat 0 1px;}
.submenu .sitemap {padding-right:0; background:none;}

.menu {margin-right:-4px;}
.menu ul {width:100%; overflow:hidden; padding-top:17px; height:43px;}
.menu li {float:left; width:162px; padding:0; text-align:center; font-size:1.167em; line-height:1.2em; margin-right:2px;}
.menu li a {display:block; background:url(images/button-bg1.jpg) no-repeat 0 0; color:#fff; text-decoration:none; padding:14px 0 0 0; height:29px;}
.menu li a:hover, .menu .active a {background:url(images/button-bg-act1.jpg) no-repeat 0 0; color:#669999;}

.logo {margin:46px 0 0 28px;}

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

#content {background:#fff;}
.indent {padding:24px 37px 10px 44px;}
.box .indent {padding:20px 26px 0 32px;}
.col-pad {padding-right:74px;}
.col-pad2 {padding-right:36px;}
.col-pad3 {padding-right:51px;}
.boxes .col-pad {padding-right:16px;}

.row2 {background:#fff url(images/row2.gif) top left repeat-x; font-size:1.0em; line-height:1.2em; color:#666666; padding:30px 57px 17px 64px;}
.row2 strong {font-size:1.1em;}
.row2 h2 {font-size:1.9em; letter-spacing:normal;}
.row2 .title1 {background:url(images/title-bg1.gif) no-repeat 0 0; padding:3px 0 0 30px;}
.row2 .title2 {background:url(images/title-bg2.gif) no-repeat 0 0; padding:3px 0 0 30px;}
.row2 .title3 {background:url(images/title-bg3.gif) no-repeat 0 0; padding:3px 0 0 30px;}
.row2 p {padding-top:12px;}
.row2 .name {font-size:12px; color:#838383;}
.row2 a {color:#838383;}
.row2 strong a {color:#666666;}

.link {background:url(images/marker2.gif) no-repeat 0 2px; padding-left:18px; color:#838383 !important; display:inline-block; margin-top:16px; font-size:12px; line-height:1em;}

.link2 {background:url(images/link2-tail-bg.gif) top repeat-x; display:inline-block; margin-top:14px; text-decoration:none; color:#008000; cursor:pointer;}
.link2 span {background:url(images/link2-right-bg.gif) right top no-repeat; display:inline-block;}
.link2 span span {background:url(images/link2-left-bg.gif) left top no-repeat; padding:4px 30px 8px 30px;}

.link2:hover {background:url(images/link2-tail-bg2.gif) top repeat-x;}
.link2:hover span {background:url(images/link2-right-bg2.gif) right top no-repeat;}
.link2:hover span span {background:url(images/link2-left-bg2.gif) left top no-repeat;}

.type2 .link2 span span {padding:4px 17px 8px 20px;}
.type2 h3 {margin:0 0 25px 0;}
.type2 .col-pad2 {padding-right:21px;}

.boxes {padding:20px 24px 0 32px;}
.box .indent {padding:18px 27px 20px 27px;}
.phone {display:inline-block; width:75px;}

.box {background:#ffffff url(images/box-tail-bottom.gif) bottom repeat-x; line-height:1.333em;}
.box .tail-top {background:url(images/box-tail-top.gif) top repeat-x;}
.box .tail-right {background:url(images/box-tail-right.gif) right repeat-y;}
.box .tail-left {background:url(images/box-tail-left.gif) left repeat-y;}
.box .corner-right-bottom {background:url(images/box-corner-right-bottom.gif) right bottom no-repeat;}
.box .corner-left-bottom {background:url(images/box-corner-left-bottom.gif) left bottom no-repeat;}
.box .corner-right-top {background:url(images/box-corner-right-top.gif) right top no-repeat;}
.box .corner-left-top {background:url(images/box-corner-left-top.gif) left top no-repeat; width:100%; min-height:237px; height:auto !important; height:237px;}

.margin1 {margin-top:21px;}
.margin2 {margin-top:12px;}
.margin3 {margin-top:52px;}
.color2 {color:#008000;}

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

#footer {color:#003366; text-align:right; padding:15px 0 0 0; font-size:.833em; line-height:1em;}
#footer a {color:#003366; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


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


#ContactForm label {height:45px; display:block;}
#ContactForm .col-1 {width:290px !important;}
#ContactForm .col-2 {width:255px !important;}
#ContactForm .link {margin-left:25px;}

#NewsletterForm label {height:26px; display:block;}
#NewsletterForm .input {background:#fff; border:none; width:188px; padding:1px 0;}
#NewsletterForm textarea {width:183px; height:34px; border:none; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#NewsletterForm span {display:inline-block; width:48px; vertical-align:top;}

.input {width:248px; border:1px solid #e4f5f4; border-left:1px solid #99cccc; border-top:1px solid #3399cc; background:#ccccff; padding:3px 0 3px 5px; font-size:1em;}
textarea {width:248px; height:161px; border:1px solid #ccffff; border-left:1px solid #99cccc; border-top:1px solid #99cccc; background:#ccccff; padding:0 0 0 5px; overflow:auto; font-size:1em;}