/*** GENERAL STYLES ***/

body {background: #fff; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font-family: times, "times new roman", serif; font-size: 20px; font-weight: normal; line-height: 22px; color: #333; margin-bottom: 25px;}
h2 {font-size: 14px; color: #263d85; text-transform: uppercase;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
form {margin: 0;}
p {margin: 0 0 1em 0;}
a {color: #c60;}
a:hover {}

.hide {display: none;}
.small {font-size: 11px;}
.large {font-size: 13px;}
.button {background: #d00; color: #fff; font-weight: bold; text-transform: uppercase;}
.alert {color: #d00; font-weight: bold;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

.floatleft {float: left; margin: 0 20px 20px 0;}
.floatright {float: right; margin: 0 0 20px 20px;}


/*** STRUCTURAL STYLES ***/

#top {height: 151px; background: url(../images/top.gif); border: solid #fff; border-width: 1px 0;}
#homemessage {background: #85b5e4;}
#homemodules {clear: both; background: #efefef; padding: 20px 0;}
#main {background: #efefef;}
#bottom {position: relative; background: url(../images/bottom.gif) repeat-x; padding: 30px 0; color: #666; border-top: 1px solid #fff;}
.constraint {position: relative; width: 990px; margin: 0 auto; text-align: left;}

#top h1 {height: 88px; background: url(../images/logo.jpg); margin-bottom: 1px;}
#top h1 a {display: block; width: 330px; height: 88px; overflow: hidden; line-height: 500px;}
#top h2 {position: absolute; right: 0; top: 0; height: 0; overflow: hidden;}
#top ul {font-size: 13px; padding-left: 40px;}
#top li {float: left;}
#top li a {display: block; padding: 0 18px; text-decoration: none;}
#top li a:hover {text-decoration: underline;}

#nav {position: relative; height: 27px; line-height: 27px; padding-top: 2px;}
#nav li.on {background: url(../images/nav.gif) left bottom repeat-x;}
#nav a {color: #1e317f;}
#nav li.on a {color: #fff; background: url(../images/navcornerb.gif) right top no-repeat;}
#nav li.on div {float: left; background: url(../images/navcornera.gif); width: 4px; height: 4px; overflow: hidden;}

#nav li.on ul {display: block;}
#nav ul {display: none; position: absolute; left: 0; top: 29px; width: 990px; height: 33px; line-height: 33px;}
#nav ul a {color: #a8d4ea !important; background: none !important;}
#nav ul li.on {background: none;}
#nav ul li.on a {color: #fff !important;}

#socialmedia {position: absolute; right: 20px; bottom: 35px; line-height: 24px;}
#socialmedia li {float: left;}
#socialmedia a {display: block; width: 10px; white-space: nowrap; color: #1e317f;}
	html>body #socialmedia a {width: auto; padding-left: 30px;}
#smblog a {background: url(../images/icon-blog.png) left center no-repeat;}
#smtwit a {background: url(../images/icon-twit.png) left center no-repeat;}
#smface a {background: url(../images/icon-face.png) left center no-repeat;}

#homemessage .constraint {height: 252px; background: #a8d4ea; border: solid #fff; border-width: 0 1px; width: 970px; padding-right: 20px;}
#homeflash {float: left; border-right: 1px solid #fff; width: 658px; height: 252px;}
#homemessage form {float: right; width: 260px; background: #eef6fb; border: 1px solid #75b9dc; padding: 20px 15px; margin-top: 15px;}
#homemessage select {width: 190px; margin-right: 5px; vertical-align: bottom;}
#homemessage img {vertical-align: bottom; cursor: pointer; cursor: hand;}

#homemodules .constraint {width: 948px; border: solid #ccc; border-width: 0 1px; background: #fff url(../images/homemodules.gif) 616px 0 repeat-y;}
#homeabout {float: left; width: 576px; border-top: 1px solid #ccc; padding: 20px 20px 0 20px;}
#homenews {float: right; width: 270px; border-top: 1px solid #ccc; padding: 20px 20px 10px 20px;}
#homemodules .spacer {width: 948px; background: url(../images/homemodulesb.gif);}

#homeabout ul {margin: 1em 30px;}
#homeabout li {padding-left: 8px; background: url(../images/blt-black.gif) 0 7px no-repeat;}

#homenews ul {margin: 1em 0 0 0;}
#homenews li {padding-left: 15px; background: url(../images/blt-ltblue.gif) 0 5px no-repeat; margin-bottom: 1em; color: #555;}
#homenews li .small {display: block; margin-top: 3px; line-height: 14px;}
#homenews li strong {color: #222;}

#main .constraint {background: #fff url(../images/main.gif) right top repeat-y;}
#leftcol {float: left; position: relative; width: 660px; padding: 30px 0 30px 30px;}
#rightcol {float: right; width: 232px; padding: 30px 15px; font-size: 14px; color: #5d7cb3; line-height: 19px; font-weight: bold;}

#leftcol h2 {margin: 1.5em 0;}
#leftcol ul {margin: 1.5em 30px 2em 15px;}
#leftcol li {position: relative; padding-left: 15px; background: url(../images/blt-ltblue.gif) 0 5px no-repeat; margin-bottom: 1em;}
#leftcol blockquote {text-align: center; font-size: 20px; color: #c93; line-height: 25px; margin: 1em 50px;}
#leftcol cite {display: block; margin-top: 5px; font-weight: bold; font-size: 12px; color: #999; font-style: normal;}

#leftcol h3.question {margin: 0 0 10px 0;}
#leftcol h3.question strong {float: left; color: #263d85; font-size: 20px; margin: 0 10px 10px 0;}
#leftcol p.answer {margin: 0 0 2.5em 0;}

img.team {float: right; margin: 15px 0 20px 20px; border: 1px solid #ccc;}
h2.team {margin-bottom: 10px;}
p.team {margin-bottom: 2em;}

.diva {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
.diva h3 {color: #bbb; font-size: 14px; margin-bottom: 10px !important;}
.diva h2 {font-size: 16px; text-transform: none; margin-top: 10px !important;}
.divaphoto {text-align: center; margin: 20px 0;}
.divaphoto img {border: 1px solid #ddd; padding: 4px;}

a.backlink {position: absolute; right: 0; top: 35px; font-size: 11px; text-decoration: none;}
a.backlink:hover {text-decoration: underline;}
h2.news {margin: 2.5em 0 5px 0 !important;}
h3.news {margin-bottom: 2em !important;}

.testimonialdiv {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
.fatquoteleft, .fatquoteright {float: left; color: #ccc; font-weight: bold; font-size: 30px; font-family: georgia, sans-serif; height: 15px; overflow: hidden; line-height: 27px; margin-right: 5px;}
.fatquoteright {float: none; display: inline-block; margin: 0;}

#rightphoto {margin: -30px -15px 25px -15px;}
#rightcol h2 {color: #fff; margin-bottom: 10px;}
#rightcol a {color: #5d7cb3;}
#rightcol a:hover {color: #263d85;}
#rightcol ul {margin: 1em 0;}
#rightcol ul li {padding-left: 15px; background: url(../images/blt-white.gif) 0 5px no-repeat; margin-bottom: 8px; color: #263d85; font-weight: normal; font-size: 12px; line-height: 16px;}
#rightcol blockquote {margin: 1em 0;}
#rightcol cite {display: block; margin: 15px 0 0 0; font-size: 12px; font-weight: normal; line-height: 17px;}
#rightcol cite strong {font-style: normal; font-weight: normal;}

#rightcol .small {font-size: 12px; line-height: 16px;}
#rightcol p.small {margin-bottom: 1.5em;}

#bottom p {float: left; padding: 0 15px;}
#bottom ul {text-align: right; padding: 0 15px;}
#bottom li {display: inline;}
#bottom a {color: #263d85; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}

.formtable {border-collapse: collapse; margin: 20px 0;}
.formtable th, .formtable td {background: #f5f5f5; font-weight: normal; padding: 7px 10px 6px 10px; border: 1px solid #fff;}
.formtable th {background: #eee; font-weight: bold; text-align: left;}
.formtable th span {display: block; font-size: 9px; font-weight: normal;}
.formtable td.spacer {height: 10px; background: #fff; padding: 0; overflow: hidden;}
.formtable thead th, .formtable thead td {font-weight: bold; background: #3b5588; color: #fff; text-transform: uppercase; white-space: nowrap;}
.formtable tfoot td {text-align: right; border: 0; padding: 5px 0; background: none;}
.formtable tfoot input {width: auto; margin-left: 10px;}
.formtable label {font-weight: bold; margin: 5px 0;}
.formtable textarea {width: 350px; height: 150px;}
.formtable input {width: 350px;}
.formtable input.checkbox, .formtable input.radio {width: auto; vertical-align: middle;}

.button, .buttonhover {float: right; border: 0; background: #3b5588; text-transform: uppercase; text-decoration: none; padding: 0 10px; height: 20px; line-height: 20px; color: #fff; font-weight: bold; margin-left: 10px; cursor: pointer; cursor: hand;}
.button:hover, .buttonhover {background: #e66b19; color: #fff;}