@charset "utf-8";
/* CSS Document */
/*********************************
Eric Meyer's 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, sub, sup, tt, var,
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; font-weight: inherit; font-style: inherit; font-size: 95%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: #dddddd url(images/page_bg.png) repeat-x top left;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/***************************
General tag definitions
**************************/
h1 {color: #9ba6c8; font-size: 2.2em; letter-spacing: 0.15em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1.5em; font-weight: normal;}
h2 {color: #9ba6c8; font-size: 1.8em; letter-spacing: 0.2em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1.5em; font-weight: normal;}
h3 {color: #505050; font-size: 1.4em; line-height: 1.35em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 1.5em;}
h4 {width: 100%; background-color: #bcbcbc; padding: 2px; color: #505050; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; margin-bottom: 8px;}
p {color: #505050; font-size: 1.0em; line-height: 1.35em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 1.5em;}
a {color: #505050; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif;}


/***************************
General classes
**************************/
#wrapper {width: 927px; margin: 10px auto; position: relative; height: 100%;/*necessary for Chrome to avoid page finishing below last content item*/}
#head_wrapper {width: 100%; height: 80px;}
#logo {float: left; width: 220px;  padding-top: 3px;}
#top_menu {float: right;  margin-top: 45px; width: 650px;}


/************************
Top menu
************************/
#top_menu ul {text-align: right;}
#top_menu li {float: left; background: url(images/arrowhead.png) no-repeat center left; padding-left: 8px; margin-left: 10px;}
#top_menu li a {font: 1.35em Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; padding: 3px 3px 3px 5px;}
#top_menu li a:hover {border-bottom: 1px solid #aedae6;}

/***********************
Top half of the content on black background
***********************/
#top_part {height: 335px; max-height: 335px; margin-bottom: 10px; position: relative;  }
#top_content {float: right; height: 322px; max-height: 314px; width: 700px; overflow: hidden; padding: 28px 0 0 0; border-top: 1px solid white; margin-top: 0px;}
#top-content img {float: left; margin-bottom: 5px;}


/***********************
Call to action links
***********************/
#cta_wrapper {float: left; clear: left; width: 200px; margin-top: 28px;}
.cta {border-left: 2px solid #aedae6; padding: 5px 0 7px 5px;}
/*.cta:hover {background-color: #383838;}*/
.cta a {color: #aedae6; text-decoration: none; font-size: 1.4em; font-family: "Century Gothic", "Helvetica Neue", "Arial Round", Arial, sans-serif; letter-spacing: 0.1em; text-transform: lowercase;}
.cta a:hover {/*color:#bf0202;*/}

/**********************
Sub-menu
**********************/
#sub-menu {float: left; padding: 5px; clear: left; margin-top: 15px;}
#sub-menu li {line-height: 1.5em; margin: 5px 0; list-style-type: none;}
#sub-menu li a {color: #ffffff; text-decoration: none; font-size: 1.35em; }
#sub-menu li a:hover {color: #aedae6;}
#sub-menu li ul li {display: none;}
#sub-menu li.active a {font-weight: bold;}
#sub-menu li.active ul li { display:list-item;}
#sub-menu li.active ul li a {font-size: 1.02em; color: #aedae6; font-weight: normal;}
#sub-menu li.active ul li.active a {font-weight: bold;}

/**********************
Bottom half of content on silver background
**********************/
#bottom_part {width: 700px; clear: both; margin: 20px 0 0 227px; position: relative; padding: 15px 0 0 0;}
#bottom_part img {float: right; margin: 0 0 10px 10px;}
#pdf {position: absolute; right: 0; top: 10px; width: 180px; height: 55px; overflow: visible; z-index: 999;}
#pdf img {float: right;}
#pdf a {text-decoration: none; }
#pdf_link {float: right;}

/**********************
Footer
**********************/
#footer { text-align: center; margin-top: 15px; width: 927px; clear: both;  padding: 5px; border-top: 1px solid white; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #fff;}
#footer a {text-decoration: none; color: #fff; font: inherit; }
#footer a:hover {text-decoration: underline; color: #505050;}

/********************
Email form
********************/
#EmailForm {width: 550px;}
#EmailForm label {float: left; clear: left; margin: 6px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #505050;}
#EmailForm input, #EmailForm select, #EmailForm textarea {float: right; clear: right; width: 250px;}

/*********************
Newsletter style PHP List
*********************/
#phplist .required, p .required {background: url(/assets/templates/hangar8/images/required.png) no-repeat top left; padding-left: 20px; height: 1.5em;}
#phplist input, #phplist select {margin: 0 0 8px 5px;}
#phplist .attributename, #phplist .required {font: normal 1.2em Arial, Helvetica, sans-serif; color: #505050;}


/**********************
Display of PHP List email on the site
**********************/
#emailer_wrapper {width: 927px; margin: 10px auto; position: relative; background-image: none; background-color:#000; height: 100%;/*necessary for Chrome to avoid page finishing below last content item*/}
#emailer_top_part {margin-bottom: 10px; position: relative;}
#emailer_bottom_part {width: 700px; clear: both; margin: 20px 0 0 227px; position: relative; padding: 15px 0 0 0;}
#emailer_content {float: right; height: 322px; max-height: 314px; width: 700px; overflow: visible; padding: 28px 0 0 0; border-top: 1px solid white; margin-top: 0px;}



/*********************
Mailchimp Alternative newsletter application. Not currently activated
*********************/
/*
#mc_embed_signup legend {color: #333333; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.15em; padding-left: 15px; margin-bottom: 18px;}
#mc_embed_signup label {display:block; padding-top:3px; float:left; width:180px; height:18px; color: #333333; position:relative; top:0px; text-align:left; margin-right:2px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.05em; padding-left: 15px; clear: left; margin-bottom: 6px;}
#mc_embed_signup form {margin:10px; padding:2px; width: 550px;}
#mc_embed_signup form_right {padding-left:185px;}
#mc_embed_signup .required, #mc_embed_signup .indicate-required {background: url(/assets/templates/hangar8/images/required.png) no-repeat top left; padding-left: 20px; height: 1.5em;}
#mc_embed_signup input.required {background-image: none; border:1px solid #bbbbbb; padding: 2px; font-size:11px; color: #333333; width: 275px; background-color:#aedae6; margin-bottom: 6px;}
#mc_embed_signup table.phplist td {padding: 3px; font-family: Arial, Helvetica, sans-serif;}

#mc_embed_signup input, #mc_embed_signup textarea, #mc_embed_signup select {border:1px solid #bbbbbb; padding: 2px; font-size:11px; color: #333333; width: 275px; background-color:#aedae6; margin-bottom: 6px;}
#mc_embed_signup input.btn {width: 125px; padding: 2px 4px; margin-top: 10px;}
#mc_embed_signup INPUT:focus,  TEXTAREA:focus {background-color: #ffffff;}
#mc_embed_signup INPUT.TXNewsletters_form_noborder {border:0;}
.mce_inline_error {background-image: none; border:1px solid #bbbbbb; padding: 2px; font-size:12px; color: #FF0000; width: 275px; background-color:#aedae6; margin-bottom: 6px;padding-left:185px;}
*/