/*[fmt]1100-110A-3*/
/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 100%; }
body { line-height: 1em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
a { text-decoration: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*General*/
body { background: #415A68; font-family: Arial, Helvetica, sans-serif; margin-bottom: 50px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.wrap { width: 900px; margin: 0 auto; overflow: hidden; }
/*Login Header*/
#login-header { width: 100%; height: 43px; background: #FFF url(../images/bg-login-header.png) repeat-x; border-bottom: 1px solid #C8D2DB; overflow: hidden; }
#login-header p { font-size: 11px; float: right; padding-top: 15px; color: #647782; text-shadow: #fff 1px 1px 0; }
#login-header p a { text-transform: uppercase; font-weight: bold; color: #415A68; }
#login-header p a:hover { color: #819C6D; }
#login-header p a:active { color: #9DBD84; }
#login-header a.button { width: 47px; height: 19px; text-indent: -999px; background: url(../images/logout-btn.gif) no-repeat top; display: block; float: right; margin: 14px 0 0 10px; }
#login-header a.button:hover { background: url(../images/logout-btn.gif) no-repeat bottom; }
/*Header*/
#header { width: 100%; height: 88px; background: #FFF url(../images/bg-header.png) repeat-x top; border-top: 1px solid #FFF; border-bottom: 1px solid #CFD9E3; overflow: hidden; }
#header h1 { text-indent: -9999px; width: 150px; height: 43px; float: left; background: url(../images/logo-header.gif) no-repeat; margin-top: 24px; }
#header h1 a { width: 150px; height: 43px; display: block; }
#header ul.navigation { float: right; margin-top: 35px; }
#header ul.navigation li { float: left; margin-left: 30px; }
#header ul.navigation li a { font-size: 14px; text-shadow: #fff 1px 1px 0; color: #647782; }
#header ul.navigation li a:hover { color: #819C6D; }
#header ul.navigation li a:active { color: #9DBD84; }
/*Sub-header*/
#sub-header { width: 100%; background: #D8DFE5 url(../images/bg-sub-header.png) repeat-x top; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; overflow: hidden; }
#welcome-msg { float: left; width: 614px; }
#welcome-msg h1 { text-indent: -9999px; width: 570px; height: 23px; background: url(../images/welcome-message-h1.gif) no-repeat; margin-top: 35px; }
#welcome-msg p { font-size: 12px; margin-top: 15px; line-height: 2.2em; color: #415A68; text-shadow: #ebf1f7 1px 1px 0; }
#welcome-msg p span { font-weight: bold; color: #819C6D; }
#welcome-msg a.green-btn { background: url(../images/green-btn-right.gif) no-repeat scroll top right; color: #FFF; display: inline-block; float: left; height: 35px; padding-right: 15px; font-size: 12px; text-shadow: #6f9c4c -1px -1px 0; margin: 20px 15px 0 0; }
#welcome-msg a.green-btn:hover { background-position: center right; }
#welcome-msg a.green-btn:hover span { background-position: center left; }
#welcome-msg a.green-btn:active { background-position: bottom right; text-shadow: #527338 -1px -1px 0; }
#welcome-msg a.green-btn:active span { background-position: bottom left; padding: 12px 0 10px 17px; }
#welcome-msg a.green-btn span { background: url(../images/green-btn-left.gif) no-repeat; display: block; padding: 11px 0 11px 17px; line-height: 13px; }
#welcome-msg a.white-btn { background: url(../images/white-btn-right.gif) no-repeat scroll top right; color: #819C6D; display: inline-block; float: left; height: 35px; padding-right: 15px; font-size: 12px; text-shadow: #FFF 1px 1px 0; margin: 20px 15px 0 0; }
#welcome-msg a.white-btn:active { background-position: bottom right; }
#welcome-msg a.white-btn:active span { background-position: bottom left; padding: 12px 0 10px 17px; }
#welcome-msg a.white-btn span { background: url(../images/white-btn-left.gif) no-repeat; display: block; padding: 11px 0 11px 17px; line-height: 13px; }
#features-list { width: 256px; height: 180px; padding-top: 17px; margin: 20px 0; float: right; background: url(../images/bg-features.png) no-repeat; }
#features-list li { background: url(../images/features-separation.png) no-repeat center bottom; padding: 5px 0 8px; }
#features-list li img { vertical-align: middle; margin-left: 20px; }
#features-list li p { font-size: 12px; margin-left: 15px; color: #415A68; text-shadow: #ebf1f7 1px 1px 0; display: inline; }
/*Content Header*/
#content-header { width: 100%; height: 38px; padding-top: 19px; background: #1C2D36 url(../images/bg-content-header.png) repeat-x; border-top: 1px solid #1C2931; border-bottom: 1px solid #1D2931; overflow: hidden; }
#content-header ul li { float: left; width: 280px; margin-right: 20px; }
#content-header ul li img { margin-right: 10px; margin-top: -3px; vertical-align: middle; }
#content-header ul li h1 { display: inline; font-size: 16px; color: #B2D497; text-shadow: #121c21 -1px -1px 0; line-height: 1.3em; }
/*Content*/
#content { width: 100%; background: #415A68 url(../images/bg-content.png) repeat-x top; border-top: 1px solid #3F5360; overflow: hidden; }
#content ul li { float: left; width: 280px; margin-right: 20px; }
#content ul li.col1 h1 { font-size: 16px; color: #FFF; margin-top: 30px; line-height:1.25em; }
#content ul li.col1 h2 { font-size: 11px; margin-top: 6px; color: #6D97B0; }
#content ul li.col1 p { font-size: 12px; color: #B6D5E6; line-height: 2em; margin: 15px 0 35px; }
#content ul li.col1 p a { text-transform: uppercase; color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#content ul li.col1 p a:hover { border-bottom: 1px solid #5F7D78; }
#content ul li.col1 p a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }
#content ul li.col2 { overflow: hidden; }
#content ul li.col2 ul { margin-top: 20px; }
#content ul li.col2 ul li a { width: 100%; display: block; padding: 10px 0; font-size: 12px; color: #B6D5E6; border-bottom: 1px solid #517082; }
#content ul li.col2 ul li a:hover { color: #D1EFFF; background: url(../images/hover-arrow.gif) no-repeat right center; border-bottom: 1px solid #5D8196; }
#content ul li.col2 ul li a:active { color: #A1BCCC; }
#content ul li.col2 ul li a:hover span { color: #82B4D1; }
#content ul li.col2 ul li a:active span { color: #5D8196; }
#content ul li.col2 ul li a span { display: block; font-size: 11px; color: #6D97B0; margin-top:2px; }
#content ul li.col2 ul li a img { margin-right: 3px; vertical-align:baseline; }
#content ul li.col2 p { font-size: 12px; color: #B6D5E6; line-height: 2em; padding:10px 15px 35px 0; }
#content ul li.col2 p a { text-transform: uppercase; color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#content ul li.col2 p a:hover { border-bottom: 1px solid #5F7D78; }
#content ul li.col2 p a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }
#content ul li.col2 p img { vertical-align: middle; padding-right: 5px; }
#content ul li.col3 p { font-size: 12px; color: #B6D5E6; line-height: 2em; margin-top: 26px; }
#content ul li.col3 a.blue-btn { background: url(../images/blue-btn-right.gif) no-repeat scroll top right; color: #183C51; display: inline-block; float: left; height: 27px; padding-right: 12px; font-size: 11px; text-shadow: #a2bdcb 1px 1px 0; margin: 20px 15px 25px 0; }
#content ul li.col3 a.blue-btn:hover { background-position: center right; color: #304A26; text-shadow: #b5cca4 1px 1px 0; }
#content ul li.col3 a.blue-btn:hover span { background-position: center left; }
#content ul li.col3 a.blue-btn:active { background-position: bottom right; color: #304A26; text-shadow: #b7caa8 1px 1px 0; }
#content ul li.col3 a.blue-btn:active span { background-position: bottom left; padding: 7px 0 6px 13px; }
#content ul li.col3 a.blue-btn span { background: url(../images/blue-btn-left.gif) no-repeat; display: block; padding: 6px 0 7px 13px; line-height: 14px; }
#content ul li.col3 p a { color: #A8C991; border-bottom: 1px solid #546E6A; padding-bottom: 2px; }
#content ul li.col3 p a:hover { border-bottom: 1px solid #5F7D78; }
#content ul li.col3 p a:active { color: #C7EDA8; border-bottom: 1px solid #658580; }
/*Footer*/
#footer { width: 100%; background: #415A68 url(../images/bg-footer.png) repeat-x; border-top: 5px solid #2B414F; height:180px;}
#footer ul.col { float: left; line-height: 1.5em; margin: 25px 45px 0 0; }
#footer ul.col li.title { font-size: 12px; font-weight: bold; color: #97B4C4; }
#footer ul.col li a { font-size: 11px; color: #97B4C4; }
#footer ul.col li a:hover { color: #FFF; }
#footer ul.col li a:active { color: #A9CADB; }
#footer div.right p { font-size: 11px; line-height: 1.5em; color: #97B4C4; text-align: right; margin: 28px 0 10px; }
#footer div.right h1.logo { width: 107px; height: 30px; text-indent: -9999px; background: url(../images/logo-footer.gif) no-repeat; float: right; }