@charset "utf-8";
/* CSS Document for WWT */

html, body, ul, ol, li, p, h1, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 80% Arial, Helvetica, sans-serif; color: #666; line-height: 16px;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
.clear, br.clear {clear: both;}
p.right {text-align: right;}
p.smltxt {font: 10px Verdana, Arial, Helvetica, sans-serif;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1, h2 {font: 300 200% Arial, Helvetica, sans-serif; color: #004395; padding-bottom: 20px; background: url(images/heading-bkg.gif) no-repeat bottom left; margin-bottom: 15px;}
h3 {font: 600 160% Arial, Helvetica, sans-serif; color: #004395;}
p.hdg {font:  bold 130% Arial, Helvetica, sans-serif; color: #004395; margin-bottom: 2px;}
img.right {float: right; margin-left: 15px; margin-bottom: 10px;}
img.left {float: left; margin-right: 15px; margin-bottom: 10px;}
img.extendBot {margin-bottom: 15px;}

#wrapper {width: 994px; margin: auto auto;}

.header {background: url(images/header-bkg.jpg) no-repeat; height: 198px;}
.header img.logo {float: left; width: 269px;}
.header .rightCol {text-align: right; margin-left: 269px; padding: 15px;}
.header .rightCol .sentence {color: #0057C1; font: 10px Verdana, Arial, Helvetica, sans-serif; background: none; padding-bottom: 15px; margin-bottom: 0;}
.header .rightCol p.call {font: 300 170% Arial, Helvetica, sans-serif; color: #0057C1;}
.header .rightCol ul.nav li {list-style-type: none; display: inline;}
.header .rightCol ul.nav li a:link, .header .rightCol ul.nav a:visited {color: #FFF; text-decoration: none; padding: 0 12px; border-right: 1px solid #FFF; line-height: 10px;}
.header .rightCol ul.nav li a#last:link, .header .rightCol ul.nav li a#last:visited {border-right: none; padding-right: 0;}
.header .rightCol ul.nav li a:hover {text-decoration: underline;}

.content {padding: 0 15px;}
.content .leftHome { margin-right: 330px; }
.content .rightHome {float: right; width: 273px; padding-top: 40px;}
.content .rightHome .blue { background: #004395 url(images/blue-wave-bottom-home.gif) no-repeat bottom; padding: 10px 10px 20px 10px; color: #FFF; margin-top: 15px; margin-bottom: 15px; }
.content .rightHome p.hdg { background: url(images/hdg-bkg.jpg) repeat-x; padding: 10px; font: 140% Arial, Helvetica, sans-serif; color: #004395; margin-bottom: 0; }
.content .rightHome p.blueHdg {color: #FFF; font: 160% Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.content .rightHome a:link, .content .rightHome a:visited {color: #FFF;}
.content .rightHome a:hover {text-decoration: none;}
.content .leftAbout {margin-right: 520px;}
.content .rightAbout {float: right; width: 470px;}
.content .leftSoft {margin-right: 250px;}
.content .rightSoft {float: right; width: 212px; padding: 5px;}
.content .rightSoft img {padding: 5px; border: 1px solid #C7DEFF; background: #F2F8FF;}
.content .rightSoft p {font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align: right; color: #004395;}
.content a:link, .content a:visited {color: #004395;}
.content a.arrow:link, .content a.arrow:visited {background: url(images/grey-arrow.gif) no-repeat right; padding-right: 8px;}
.content .blue {color: #004395;}
.content .feature {background: url(images/feature-bkg.jpg) repeat-x top; padding: 10px 15px 0 15px; margin-bottom: 30px;}
.content .feature table { margin-bottom: 15px; width: 65%; }
.content .feature table td {padding: 5px 10px;}
.content .feature table td.darkblue {background: #0057C0; color: #FFF; font-weight: bold; width: 15%;}
.content .feature table td.medblue {background: #107DFE; color: #FFF; width: 25%;}
.content .feature table td.lightblue {background: #87BCFE; color: #FFF; width: 15%;}
.content .waveBox {background: #004395 url(images/blue-wave-bottom.gif) no-repeat bottom; padding: 15px 15px 30px 15px; color: #FFF;}
.content .waveBox h3 {color: #FFF;}
.content .waveBox a:link, .content .waveBox a:visited {font-weight: bold; color: #FFF; background: url(images/white-arrow.gif) no-repeat right; padding-right: 8px;} 
.content .services {clear: left; margin-bottom: 10px; border-bottom: 1px dotted #DAE3EF; min-height: 135px;}
.content .services img {background: #DAE3EF; padding: 5px; border: 1px solid #CBD8E9; float: left; margin-right: 10px; margin-bottom: 15px;}
.content .map {float: right; width: 525px; height: 380px;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-type: square; list-style-position: inside; line-height: 20px;}


form {background: #F2F8FF; padding: 15px 15px 2px 15px;}
form label {width: 210px; float: left;}
form input, form textarea, form select {border: 1px solid #C7DEFF; padding: 2px 1px; clear: left; font: 12px Arial, Helvetica, sans-serif; color: #666; width: 300px;}
form input.submit {background: url(images/submit-bkg.jpg) repeat-x top; padding: 5px 10px; width: 70px; margin-left: 210px; color: #FFF; font-weight: bold;}
form input.reset {border: 1px solid #CCC; text-decoration: underline; background: #E4E4E4; width: 70px; margin-left: 210px;}

.footer {clear: both; font: 10px Verdana, Arial, Helvetica, sans-serif; margin-top: 30px; border-top: 1px solid #CCC; padding-top: 15px; color: #999;}
.footer p {margin-bottom: 10px;}
.footer .left {float: left; width: 700px;}
.footer .right {margin-left: 700px; text-align: right;}