/**
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li, footer ul, footer li{ margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #ffd96b; color:#fff; text-shadow: none; }
::selection { background:#ffd96b; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #ffd96b; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * You might tweak these..
 */

body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a, a:active { color: #607890; }
a:hover { color: #036; }


/**
 * Primary styles
 *
 * Author: 
 */
body { font-family: Arial, sans-serif; }
#container { width: 987px; margin: 0 auto;position: relative;z-index: 10; }
.gradient {
  background: #e78d17; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c023', endColorstr='#e78d17'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f2c023), to(#e78d17)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f2c023,  #e78d17); /* for firefox 3.6+ */ 
}
header { margin: 10px 12px 0 12px;position: relative;z-index: 1500; }
.util ul { float: right; }
.util li { float: left; background: url(../img/img-util-divider.png) no-repeat center right; padding-right: 15px; margin-right: 15px; }
.util a { display: block; padding: 1px 3px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; font-size: 10px; text-transform: uppercase; color: #7faed5; text-decoration: none; }
.util a:hover { background: #3185cb; color: #fff; }
.util a.current { background: #005dab; }

.logo a { display: block; background: url(../img/img-logo.jpg?v=1) no-repeat 0 0; width: 195px;height: 115px;margin-top: -15px;position: absolute;}
.topnav .logo { float: left; }
.topnav nav { float: right; font-family: museo-sans,sans-serif; font-weight: 300; font-style: normal;z-index: 20; }
.topnav nav { margin: 30px 0 0 0; }
.topnav .first, .topnav .first-fixed {float: left; height: 42px; background: url(../img/bg-topnav.png) repeat-x 0 0; }
.topnav .language-switcher-item {float: left; height: 42px; background: url(../img/bg-topnav.png) repeat-x 0 0; }
.topnav .second { height: 40px; background: #f7f4f4; }
.topnav .first > a, .topnav .first-fixed > a { display: block; font-size: 16px; color: #54607f; height: 22px; text-decoration: none; text-shadow: 1px 1px 0px #cfd4e3; padding: 10px 25px 10px 25px; background: url(../img/img-nav-divider.png) no-repeat center right; }
.topnav .second > a {display: block; font-size: 16px; color: #54607f; height: 22px; text-decoration: none; text-shadow: 1px 1px 0px #cfd4e3; padding: 10px 25px 10px 25px;}
.topnav .current a, .topnav .first > a:hover, .topnav .first-fixed-hovered > a { background: url(../img/bg-nav-selected.png) repeat-x top right; color: #fff; text-shadow: -1px -1px 0px #767c80; }
.topnav .current ul li a { background: none;text-shadow: none;color: #005dab; }
.topnav .current ul li.tools a { background: none;text-shadow: none;color: #ff9900; }
.topnav .search { position: relative; padding: 10px 20px 0 10px; height: 32px; }
.search input { border: 0; width: 273px; height: 19px; background: url(../img/bg-search.png) no-repeat 0 0; padding-left: 5px;padding-right: 20px; color: #989ba1; }
.search .silvercloud_searchbar_submit { border: 0px; background: transparent; position: absolute; top: 11px; right: 22px; height: 19px; width: 15px; text-indent: -999px; }
.search label { padding-left: 7px;padding-top: 2px;cursor: text; }
.topnav li ul li { background: none;height: auto;float: none; }
.topnav li ul li a { background: none;height: auto;float: none;display: block;color: #005dab;text-decoration: none;font-size: 12px; }
.topnav li ul li a:hover { text-decoration: underline; }
.topnav li ul li .current { color: #e99619; }
.topnav .hdr { color: #212c38;text-transform: uppercase;font-size: 12px;font-weight: bold; }
.topnav .col, .topnav .help {float: left; width: 155px;background: #f7f4f4 url(../img/bg-flyout-col.png) repeat-x bottom left;padding: 8px 10px;min-height: 245px;margin-left: 5px;-moz-box-shadow: 0px 1px 2px #999; -webkit-box-shadow: 0px 1px 2px #999; box-shadow: 0px 1px 2px #999; }
.topnav .tools {float: left; width: 155px;background: #f1eff1;padding: 8px 10px;min-height: 245px;margin-left: 5px;-moz-box-shadow: 0px 1px 2px #999; -webkit-box-shadow: 0px 1px 2px #999; box-shadow: 0px 1px 2px #999; }
.topnav .tools a { display: block; padding: 10px 0 0 45px; color: #ff9900;font-family: Arial, sans-serif;font-weight: 600;text-decoration: none;height: 25px; }
.topnav .tools .gradient a { color: #666666; text-shadow: 1px 1px 0px #eebf73; }
.flyout { display: none;position: absolute; z-index: 1600; background: url(../img/bg-flyout.png); -moz-box-shadow: 0px 1px 2px #ccc; -webkit-box-shadow: 0px 1px 2px #ccc; box-shadow: 0px 1px 2px #ccc;padding: 30px 15px 20px 15px; }
.topnav .address {font-size: 10px;color: #212C38;margin-top: 35px;  }

.topnav .first-fixed, .topnav .second {
    width: 200px;
    text-align: center;
}

.topnav .first-fixed > a, .topnav .language-switcher-item > a {
    height: 20px;    
}

.topnav .second:hover {
    background: #ccc;
}

.topnav .second:hover > a {
    color: black;
    text-decoration: none;
}

.topnav .language-switcher-item > a { display: block; font-size: 16px; color: #FFF; height: 22px; text-decoration: none; padding: 10px 0px 10px 0px; }
.topnav .language-switcher-item-hovered > a { background: url(../img/bg-nav-selected.png) repeat-x top right; color: #fff; text-shadow: -1px -1px 0px #767c80; }

.topnav .language-switcher-item {
    width: 100px;
    text-align: center;
}

.hide { display: none;}

#home, #main { position: relative; margin-top: 30px;z-index: 900; }
.hdr-tall {font-size: 36px;margin-left: 218px;color: #fff; -webkit-box-shadow: 0px 1px 2px #999;height: 38px;padding: 15px; background: url(../img/bg-bar-community.png) repeat-x 0 0;  }
.hdr-wide {margin-left: 0px;  }
#ctr-features { position: relative;width: 980px;overflow: hidden;height: 432px;z-index: 920; }
.features {position: absolute; width: 20000em;height: 432px;z-index: 940; }
.feature { position: relative; margin: 0 12px; width: 960px; height: 432px;float: left;z-index: 960; }
.feature .txt { position: absolute; text-align: center;padding: 15px;margin-right: 10px;z-index: 970; }
.feature .link { cursor: pointer; }
.light .txt { background: url(../img/60percentpixel-fff.png); }
.feature .txt h1 { font-size: 26px; color: #d87700; font-family: museo, serif; font-weight: 500; font-style: normal; text-shadow: #fff 0px 0px 5px; }
.feature .txt h2 { font-size: 16px; color: #212c38; font-family: museo, serif; font-weight: 500; font-style: normal; text-shadow: #fff 2px 2px 10px; }
/*.light .txt h1 { font-size: 26px; color: #f4c000; font-family: museo, serif; font-weight: 500; font-style: normal; text-shadow: #fff 2px 2px 10px; }
.light .txt h2 { font-size: 16px; color: #fff; font-family: museo, serif; font-weight: 500; font-style: normal; text-shadow: #fff 2px 2px 10px; }*/
.apr { margin-top: 30px; text-shadow: #fff 20px -12px 2px; }
.feature .apr .sub { font-size: 14px; color: #212c38; text-shadow: #fff 2px 2px 10px; }
.feature .apr .large { font-size: 80px; color: #212c38; line-height: 70px; text-shadow: #fff 2px 2px 10px; }
.feature .apr .small { font-size: 40px; vertical-align: top; text-shadow: #fff 2px 2px 10px;display: inline-block; margin-top: -5px; }
.ie7 .feature .apr .small { margin-top: 5px;}
/*.light .apr .sub { color: #fff; }
.light .apr .large { color: #fff; }
.light .apr .small { color: #fff; }
.light .txt  a { color: #f4c000; }*/
.feature .txt  a { margin-top: 0; margin-left: 60px; display: block; font-size: 14px; color: #d57829; font-weight: 600; text-decoration: none; text-shadow: #fff 2px 2px 10px; }
.tabs { position: absolute; bottom: 20px; right: 0px;z-index: 980;  }    
.tabs li { 
  position: relative;
  margin-top: 13px;
  width: 140px;height: 24px;
  background: url(../img/bg-tab-offer-off.png) no-repeat top right;
}
.tabs a { display: block;padding: 6px 5px 0 19px; color: #54607f;font-size: 11px; text-shadow: 1px 1px 0px #cfd4e3; text-decoration: none; text-transform: uppercase; }
.tabs li img.wrap { position: absolute; right: 0; bottom: -9px; }
.tabs li img.arrow { position: absolute; left: -12px; top: 0; }
.tabs .active { background: url(../img/bg-tab-offer-on.png) no-repeat top right; filter: none; }

.blue-tabs { position: absolute; bottom: 47px; left: 0; z-index: 990;  }    
.blue-tabs li { 
  position: relative;
  margin-top: 13px;
  width: 140px;
    height: 24px;
  background: #5472b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #5472b3 0%, #506eb1 11%, #4a66a3 37%, #40588d 67%, #324570 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5472b3), color-stop(11%,#506eb1), color-stop(37%,#4a66a3), color-stop(67%,#40588d), color-stop(100%,#324570)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5472b3 0%,#506eb1 11%,#4a66a3 37%,#40588d 67%,#324570 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5472b3 0%,#506eb1 11%,#4a66a3 37%,#40588d 67%,#324570 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5472b3 0%,#506eb1 11%,#4a66a3 37%,#40588d 67%,#324570 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5472b3 0%,#506eb1 11%,#4a66a3 37%,#40588d 67%,#324570 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5472b3', endColorstr='#324570',GradientType=0 ); /* IE6-9 */

}
.blue-tabs a { display: block;padding: 6px 5px 0 20px; color: #fff;font-size: 11px; text-decoration: none; text-transform: uppercase; }
.blue-tabs li img.wrap { position: absolute; left: 0; bottom: -12px; }

#ctr-login { position: absolute; top: 50px; left: 0px;z-index: 1000; width: 275px; }
#ctr-login-maintenance { position: absolute; top: 0px; left: 0px;z-index: 2000; width: 275px; height: 255px; background: rgba(255,255,255,0.65); }
#ctr-login-maintenance-message { border: 2px solid #005DAB; height: auto; margin: auto; padding: 10px; position: relative; width: 70%; margin-top: 30%; background-color: #E99619;}
#ctr-login-inner { width: 275px;display: none; }
.loginbox .cnt { border-left: 1px solid #d9dbe2; border-right: 1px solid #d9dbe2; background: transparent url(../img/bg-onlinebanking-form.png) 0 0; margin-left: 12px; padding: 10px 12px 10px 17px; }
#ctr-login-inner .cnt { background: #fff; }
.loginbox .border { border-bottom: 1px solid #d9dbe2; padding-top: 20px; padding-bottom: 30px; }
.loginbox h1 { font-size: 14px; color: #54607f; text-shadow: 1px 1px 0px #cfd4e3; font-weight: 400; padding: 5px 10px 5px 20px; position: relative; background: url(../img/bg-title-gradient.png) repeat-x 0 0; }
.ie7 .loginbox h1 { margin-top: 0; }
.loginbox h1 img.wrap { position: absolute; bottom: -11px; left: 0; }
.loginbox .form .fields { float: left; line-height: 28px; position: relative; }
#ctr-login-inner .infield { top: 1px; left: 1px; }
#ctr-login-inner .pass { top: 29px; left: 1px; }
.loginbox label {  margin-left:3px; cursor: text; }
.loginbox input { width: 113px; }
.loginbox button { background: url(../img/bgn-login.png); border: 0; width: 67px; height: 18px; }
.loginbox .form .button { float: left; margin-left: 13px; margin-top: 20px; }
.loginbox nav { margin-top: 10px; }
.loginbox nav li { float: left; background: url(../img/img-loginbox-div.png) no-repeat center right; padding-right: 5px; margin-right: 4px; padding-top: 0; }
.loginbox a { color: #d57829; font: normal 11px Arial; text-decoration: none; }
.loginbox a:hover { text-decoration: underline; }


#ctr-news { background: #d3d6dc; margin: 3px 15px 0 12px; }
#ctr-news nav, #ctr-news .ctrnews { float: left; }
#ctr-news ul { background: #d3d6dc; margin: 0; }
#ctr-news li { float: left;  }
#ctr-news li a { display: block; font-family: Arial; font-size: 11px; background: #808ba6; color: #fff; font-weight: 600; padding: 5px 10px; text-decoration: none; border-right: 3px solid #fff; }
#ctr-news li.active a { background: #e9971b; }

.ctrnews { position: relative;width: 600px;height:24px;overflow:hidden; }
.newsitems {position: absolute; top: 0; left: 0; width: 20000em;height: 24px; }
.newsitem { width: 600px; height: 22px; padding: 4px 0 0 5px; margin-bottom: 8px; }

.newsitems a img { vertical-align: text-top;padding-right: 4px; }
.newsitems a { display: inline; background: none; border: 0; font-weight: 400; color: #333; padding: 0;}

.ctr-videos {  }
.ctr-videos article { float: left;margin-right: 15px;background: #fff;margin-bottom: 10px; }
.ctr-videos .hover { padding: 7px;width: 310px; }
.ctr-videos .over { background: #363636; }
.ctr-videos article .img { float: left;width: 147px;height: 140px;margin-right: 10px; }
.ctr-videos article .details { float: left;width: 140px; }
.ctr-videos article h2 a { color: #005dab;font-size: 20px;text-decoration: none; }
.ctr-videos article p { color: #010000;font-size: 12px;margin: 0; }
.ctr-videos .over h2 a { color: #fff; }
.ctr-videos .over p { color: #fff; }
.ctr-videos .date {float: right;padding-left: 7px;font-size: 9px;text-transform: uppercase;color: #005dab;margin-top: 10px; }
.ctr-videos .date a { text-transform: uppercase;color: #005dab;text-decoration: none; }
.ctr-videos .pipe { color: #444;font-size: 14px; }


/* CONTENT PAGES */
#main { margin-left:12px; margin-right:15px; }
.leftnav { float: left; width: 192px; }
.leftnav nav { border-radius: 3px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background: #f0f0f0; }
.leftnav .section { background: url(../img/bg-left-nav-gradient.png) repeat-x 0 0; }
.leftnav .section a { display: block; padding: 6px 23px 6px 12px; font-size: 14px; color: #fff; text-shadow: -1px -1px 0px #bf8d19; background: url(../img/bg-aside-arrow-rt.png) no-repeat center right; text-decoration: none; font-family: museo-sans,sans-serif; font-weight: 300; font-style: normal;  }
.leftnav .on a { background-image: url(../img/bg-aside-arrow-dn.png); }
.leftnav a { display: block; font-size: 12px; color: #005dab; padding: 6px 11px 6px 11px; border-bottom: 1px solid #c0c5d0; font-family: Arial,sans-serif; margin: 0 1px; text-decoration: none; }
.leftnav .current a { color: #e99619; font-weight: 600; }
.leftnav li  ul { border-bottom: 1px solid #c0c5d0; margin: 0 1px; padding-bottom: 25px; }
.leftnav li li a { padding-left: 21px; padding-bottom: 3px; border-bottom: 0px; }
.leftnav li .standard a { color: #005dab;font-weight: normal; }
.ft-videos { position: relative;background: #f2c023 url(../img/bg-tall-gradient.png) repeat-x bottom left; }
.ft-videos .wrap, .hm-ft-videos .wrap { position: absolute; bottom: -12px; left: 0; }
.ft-videos a, .hm-ft-videos a { display: block; background: url(../img/ico-videos.png) no-repeat 8px 8px; padding: 15px 10px 15px 50px; border:0; color: #fff; text-transform: uppercase; font-size: 10px; text-shadow: -1px -1px 0px #bf8d19; }
.hm-ft-videos { position: absolute; top: 360px; left: 0px;width: 200px;z-index: 1200;background: #f2c023 url(../img/bg-tall-gradient.png) repeat-x bottom left; }

.ft-answers { margin: 20px 0; } 
.ft-answers .silvercloud_search_results_container { margin-bottom:0px; background: #f0f0f0;}
.ft-answers .silvercloud_search_results { margin-bottom:0px }
.ft-answers .silvercloud_search_result { margin-bottom:0px; border-bottom: 1px solid #c0c5d0; }

.ft-answers .silvercloud_widget_top_content span.silvercloud_top_content_title { position: relative;background: #f2c023 url(../img/bg-tall-gradient.png) repeat-x bottom left; }
.ft-answers .silvercloud_top_content_title { display: block; padding: 6px 23px 6px 12px; font-size: 14px; color: #fff; text-shadow: -1px -1px 0px #bf8d19; text-decoration: none; font-family: museo-sans,sans-serif; font-weight: 300; font-style: normal;  }
.ft-answers .silvercloud_search_result a { display: block; font-size: 12px; color: #005dab; padding: 6px 11px 6px 11px; font-family: Arial,sans-serif; margin: 0 1px; text-decoration: none; }
.ft-answers .silvercloud_search_result_link { border:  none; border-radius: none; text-decoration: none; }
.ft-answers .silvercloud_search_result_link:hover { border:  none; border-radius: none; text-decoration: none; }
.ft-answers .silvercloud_search_result_icon img {padding-left: 11px;}

.ft-answers .silvercloud_return_to_results { border:  none; border-radius: none; text-decoration: none; border-radius: 0px; margin: 0; color: #005dab;}
.ft-answers .silvercloud_return_to_results:hover { border:  none; border-radius: none; text-decoration: none; border-radius: 0px; margin: 0; color: #005dab;}
.ft-answers .silvercloud_item_content {background: #f0f0f0; padding-left: 11px; padding-right: 5px}

.body { float: left; margin-left: 25px; font-family: Arial; width: 743px; }
.videolanding { float: left; margin-left: 0px; font-family: Arial; width: 950px; }
.ctr { float: left; width: 550px; min-height: 600px;}
.videolanding .ctr { width: 950px; min-height: 300px; }
.ie6 .ctr { height: 500px;}
.body h1 { color: #005dab; font-size: 36px; margin-bottom: 35px;font-family: Arial,sans-serif; }
.body h3 { color: #54607f; font-size: 18px; margin-bottom: 15px;font-weight: 300;font-family: Arial,sans-serif; }
.body p { margin-bottom: 25px; color: #000; }
.body ul, .body ol { margin-bottom: 15px; margin-top: 10px; }
.body li { margin-left: 15px; }
.body p strong { color: #005dab; }
.left, img.left { float: left; margin-right: 20px; margin-bottom: 10px; }
.right, img.right { float: right; margin-left: 20px; margin-bottom: 10px; }
img.left, img.right, img.border { padding: 6px; background-color: #F0F0F0; border: 1px solid #C7C7C7; border-radius: 3px; -moz-border-radius: 3px; }
.layout td { padding: 5px;vertical-align: top; }
.layout .label { font-weight: bold;width: 120px;}
.body.full-width { width: 910px; margin-right: 25px;}
.body.full-width h1 { text-align: center;}


/* Community pages */
.hdr-post { margin-bottom: 20px; }
.hdr-date { float: left; text-transform: uppercase; color: #005dab; font-weight: bold; }
.share { float: right; }


/* Table styles */
.hdr-table { margin-top: 10px;margin-bottom: 3p x; }
.rates { width: 545px; margin-bottom: 20px; }
.rates th { color: #005dab; font-weight: normal; text-align: left; font-size: 12px; padding: 5px; }
.rates td { padding: 5px; vertical-align: center; background: #f0f0f0; color: #000; }
.rates .rate { color: #e99619; font-weight: 600; }
.rates .space { background: #fff; }
.rates .apply { width: 60px; }
.rates .info { width: 30px; }
.disclaimer p, .fineprint, .body .fineprint { font: normal 10px Arial; color: #93939a; margin-top: 20px; }
.effectivedate { float: right; margin-left: 20px; margin-top: 5px; color: #93939a; }

.locations th { text-align: left; }
.locations td { padding: 2px; }
.location {text-align: center; width: 170px;background: #ececec;padding: 5px; }
.location img { border: 3px solid #999;-moz-border-radius: 3px; border-radius: 3px; margin: 5px;  }
.inner { width: 100%; margin-left: 4px; }
.inner th, .inner td { padding: 3px; }
.days2, .days { width: 75px; }
.time { width: 130px; }
.locations .spacer { padding: 10px; }

.ctr-sidebar { position: absolute; top:100px; right:0;margin-top: 0; width: 168px; }
.ctr-sidebar li { width: 145px; height: 137px; position:relative; margin-bottom: 15px; }
.ctr-sidebar li a { display: block; position: absolute; bottom: 0; left: 0; width: 135px; background: url(../img/bg-white-78.png); padding: 5px; text-decoration: none; color: #000; font-size: 11px; }
.ctr-sidebar li a .date { text-transform: uppercase; color: #005dab; font-weight: bold; }

.rightnav { /*position: absolute; top:0; right:0;*/ float: right;margin-top: 0; width: 168px; }
.rightnav nav { border-radius: 3px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; background: #f0f0f0; }
.rightnav nav a { display: block; padding: 8px 0 5px 45px; color: #ff9900; text-decoration: none;height: 30px;   }
.rightnav .gradient { background: #f2c023 url(../img/bg-tall-gradient.png) repeat-x bottom left; }
.rightnav .gradient a { color: #666666; text-shadow: 1px 1px 0px #eebf73; }
.body .rightnav li { margin-left: 0; }

.ctr-form { border: 1px solid #d9dbe2;padding: 10px;margin-bottom: 15px;width: 425px; }
.ctr-form p { margin: 0 0 10px 0;width: 420px; }
.ctr-form label, .ctr-form input, .ctr-form textarea { float: left; }
.ctr-form label { width: 85px;margin-right: 10px; }
.ctr-form input, .ctr-form textarea, .ctr-form select { width: 310px; }
.ctr-form textarea { height: 120px;overflow: auto; }
.ctr-form .buttons input {float: right;background: url(../img/btn-sendemail.png) no-repeat 0 0;width: 100px;height: 32px;border: 0;margin-right: 10px; }
.ctr-form .buttons img { float: right;margin-right: 10px; }
.ctr-form .errorContainer { margin-bottom: 10px; }
.ctr-form .errorContainer, .ctr-form .err { color: red; }

.ctr-confirm { border: 2px solid #7da970;background: #e9f6e6;color: #7da970;margin-bottom: 10px; }
.ctr-confirm p { color: #7da970;margin: 5px; }

footer { background: #eeeff0; padding: 10px 15px 5px 15px; margin: 25px 15px 0 12px; text-align: center; }
footer nav { float: left; margin-left: 120px; border-bottom: 1px solid #b4aeae; padding-bottom: 5px; margin-top: 3px; }
footer li { position: relative; float: left; margin-right: 15px; color: #b4aeae; font: normal 10px Arial; text-decoration: none; text-transform: uppercase; }
footer li .popup { display: none; position: absolute; top: 20px; right: 20px; width: 400px; border: 1px solid #ccc; background: #fff; padding: 4px; font-size: 10px; color: #999; text-transform: none; }
footer li .popup p { margin-bottom: 7px; text-align: justify; }
footer a { color: #b4aeae; font: normal 10px Arial; text-decoration: none; text-transform: uppercase; }
footer .icons { float: right; }

.footerdisc { margin: 10px 20px 20px 20px; }
.footerdisc p { margin: 0; }

.modal { width: 516px;display: none; }
.modal .hdr { background: url(../img/bg-popup-top.png) no-repeat 0 0;width: 516px;height: 40px; }
.modal .cnt { padding: 20px 40px;background: #fff url(../img/bg-fff-alpha.png);border-bottom: 1px solid #d8dbe1;border-left: 1px solid #d8dbe1;border-right: 1px solid #d8dbe1; }
.modal p { color: #005dab;font-size: 12px; } 
.modal .continue {margin-top: 10px;text-align: center; color: #005dab;font-size: 12px;font-weight: 600; }

#silvercloudFrame { width: 550px; height: 500px; padding: 0; margin: 0;  }

/* scroller for alerts ... */
.ctr-alerts { position: absolute; top: -1px; left: 0; z-index: 1400; }
.ctr-alerts .hdr-alerts, .ctr-alerts .alertstxt { float: left; }
.ctr-alerts .hdr-alerts { width: 267px; height: 40px; line-height: 28px; color: #fff; text-align: center; font-size: 14px; font-family: museo-sans,sans-serif; font-weight: 400; background: url(../img/bg-alert-title.png) no-repeat 0 0; }
.ctr-alerts .alertstxt { position: relative; width: 705px; background: url(../img/bg-scroller.png) repeat-x 0 0; }
.fade-lt { position: absolute; top: 0; left: 0; width: 22px; height: 28px; background: url(../img/bg-fade-lt.png) no-repeat; z-index: 1500; }
.fade-rt { position: absolute; top: 0; right: 0; width: 24px; height: 28px; background: url(../img/bg-fade-rt.png) no-repeat; z-index: 1501; }
.tickercontainer { border: 0; width: 700; height: 40px; line-height: 40px; margin: 0; padding: 0; overflow: hidden; }
.tickercontainer .mask { position: relative; left: 2px; top: 8px; width: 700px; overflow: hidden; z-index: 1420; }
ul.newsticker { position: relative; left: 700px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; z-index: 1450; }
ul.newsticker li { float: left; margin: 0; padding: 0; }
ul.newsticker a { white-space: nowrap; padding: 0; color: #fff; font-size: 14px; margin: 0 50px 0 0; text-decoration: none; font-weight: 400; } 
ul.newsticker a:hover { text-decoration: underline; }
ul.newsticker span { margin: 0 10px 0 0; } 


/*======  Simple Modal  ======*/
/* Overlay */
#simplemodal-overlay {background-color:#fff; cursor:wait;}

/* Container */
.simplemodal-wrap {  }
#simplemodal-container {color:#000; padding: 0;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {}
#simplemodal-container a.modalCloseImg {width:28px; height:28px; display:inline; z-index:3200; position:absolute; top:3px; right:3px; cursor:pointer; }
#simplemodal-container #basic-modal-content {padding:8px;}


/* text colors */
.underline { text-decoration: underline; }
.blue { color: #32ccff; }
.red { color: #ff1818; }
.green { color: #649818; }
.orange { color: #ff9818; }
.darkgrey { color: #767676; }
.lightgrey { color: #cacaca; }


/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*System Upgrade Table Sytle*/

.systemHeading{
	color:white;
	font-weight:bold;
	border:1px solid #FFF;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;

}


.systemHeading2{

	color:#f6a61c;
	font-weight:bold;
	font-size:14px;
	border:1px solid #FFF;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}




.row1{
	background-color:#8fafea;
	border:1px solid #FFF;
	text-align:center;
	color:black;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}

.row2 {
	background-color:#e3edfb;
	border:1px solid #FFF;
	text-align:center;
	color:black;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;

}


.topLink {
	
	border:1px solid #8fafea;
	border-radius:100%;
	background-color:#f6a61c;
	height:40px;
	width:50px;
	text-align:center;
	color:white;
	font-size:30px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	
	
	
}



.topLink a{

	text-decoration:none;
	color:white;
	font-weight:bold;
	display:block;
	

}

.h3Center{

	text-align:center;
}



/*****************
CUSTOM TABLE STYLES
*****************/




.ncu-table {
  max-width: 960px;
  margin: 10px auto;
  font-family: 'Nunito', sans-serif;
  color: #FFF;
}

.ncu-caption {
  font-size: 1.6em;
  font-weight: 400;
  padding: 10px 0;
  color: #000;
}

.ncu-thead .ncu-th {
  font-weight: 400;
  background: #8a97a0;
  color: #FFF;
}

.ncu-tr {
  background: #267fc8;
  border-bottom: 1px solid #FFF;
  margin-bottom: 5px;
}

.ncu-tr:nth-child(even) {
  background: #f29a16;
}

.ncu-th, .ncu-td {
  text-align: left;
  padding: 20px;
  font-weight: 300;
}

tfoot .ncu-tr {
  background: none;
}

tfoot .ncu-td {
  padding: 10px 2px;
  font-size: 0.8em;
  font-style: italic;
  color: #8a97a0;
}


.ad-aside { margin-top: 20px; display: block; }


.site-by { text-align: right; padding: 5px; color: #999; font-size: 11px; margin-right: 15px; }
.site-by a { color: #999; font-size: 11px; }

#main-description-content {
	display: table;
	float: right;
	margin-right: 40px;
	margin-top: 20px
}


#main-description{
	width: 340px;
    height: 270px;
    color: white;
    background-color: #1670BC;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    font-size: 40px;
	display: table-cell;
	opacity: 0.9;
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */