html, body {background:#494458}
* {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
body {margin:0; padding:0;}
a {font-weight:bold; color:#673ba0; text-decoration:underline;}
a:hover {text-decoration:none;}
a.noline, .button a.noline:hover {text-decoration:none;}
a.noline:hover {text-decoration:underline;}
p, a, ul, ol, h1, h2, h3, h4, h5 {line-height:1.5em; text-align:left;}
img {border:0;}
ul {list-style-image:url(../images/bullet.gif); list-style-type:disc; list-style-position:outside;}
strong, i, em, b {font-family: inherit !important; font-size: inherit !important; color: inherit !important;}
.bold {font-weight:bold !important;}
.normal {font-weight:normal !important;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight: inherit !important;}
h2 {text-transform:uppercase; font-size:1.4em;}
h3 {font-size:1.1em;}
hr {border: 0; border-top: 1px solid #482970;}

.grey,.icons p {color:#676767;}
.lightgrey {color:#eeeff0;}
.purple, .content_page h1, h1.content_page, .content_page h2, h2.content_page {color:#482970 !important;}
.white, .copywrite, .copywrite a {color:#fff !important;}
.roboto, .roboto span, .button a, .btn a, #footer h5, .news h5, h4.herobox a, h1.feature, #sidemenu h2 a, .story_text h2, #sidebar h2, #sidebar .subquote div, .btn, .content_page h1, h1.content_page, .content_page h2, h2.content_page, #HCB_comment_box h3 {font-family:'Roboto Condensed', sans-serif; color:#676767; font-weight:700; text-transform:uppercase;}

.button, .btn {text-transform:uppercase; display:inline-block; float:right;}
.btn {float:none;}
.button a, .btn a {font-size:1.1em !important; color:#fff; font-weight:normal !important;}
.quote, .subquote {font-size:1.6em;}
.subquote {font-size:1.3em; font-weight:300; /*text-transform:none;*/}
.clear {clear:both;}
.fullwidth {width:100% !important;}
.floatleft {float:left; margin:0 2em 1em 0;}
.floatright {float:right; margin:0 0 1em 2em;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

.icons img {max-width:45%;}
.icons div {padding:3%;}
.icons h2, .icons p, .quote, .subquote {text-align:center;} 
.icons:hover {background-color:#eeeff0;}
.icons h2 {font-size:1.8em; margin:0;}
.icons p {margin:0; padding:0 5%;}

div.herobox, h4.herobox {/*background-color:#eeeff0;*/ background-color:#95909b;}
div.herobox {margin-top:2%;}            
h4.herobox {float:center; padding:0.2em 0.5em 0.6em 0.5em; margin:0;}
h4.herobox a {font-size:1.1em; font-weight:normal;}
.section a img:hover {opacity:0.9; filter:alpha(opacity=90);}
.section img {max-width:100%;}
#footer h5, .news h5 {margin:1em 0 0 0; font-size:1.2em; line-height:1em; font-weight:normal;}
.news h5 {margin-top:0.5em; font-size:1.3em; line-height:1em;}
.news a {font-weight:normal;}
.news a.noline:hover {text-decoration:none;}

/********* ALL PAGES LAYOUT ************/
.section_icons, .section {clear:both; padding:0; margin:0;}
.col_4_1, .col_2_1, .col_2_2, .col_3_1, .head_2_1, .head_2_2, .col_4_1, .col_2_1, .col_2_2, .col_3_1, .head_2_1, .head_2_2, .med_2_1 {overflow:hidden; display:block; float:left; text-align:center; margin:1% 0 1% 1.6%;}
.col_4_1:first-child, .col_2_1, .med_2_1:first-child {margin-left:0;}
.col_3_1:first-child {margin-left:0;}
/********* END PAGES LAYOUT ************/

/********* HOMEPAGE LAYOUT ************/
.col_4_1 {width:23.8%;}
.section .col_4_1 div.news {background-color:#fff; text-align:left;}
.divider, .news_divider {background:url(../images/slashes.png); width:100%; margin-top:1%; margin-bottom:1%; background-repeat:repeat-x;}
.news_divider {display:none;}
.quote {padding-top:1%;}
.bg {background-image:-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%);
background-image:-moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
background-image:-o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); 
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f1f1f1));
background-image:-webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
background-image:linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);}
/********* END HOMEPAGE LAYOUT ************/

/********* LANDING PAGE LAYOUT ************/
.col_2_1 {width:23.8%; padding-right:1%;}
.col_2_2 {width:73.1%;}
.col_3_1 {width:32.2%;}
.med_2_1 {width:49%}
.rhs_menu {padding-right:0;}
.rhs_menu h2 a {padding-right:0; font-size:1em !important;}
.feature_image, .story_image {width:66%; float:left; text-align:left; padding-right:3%;}
.feature_text, .story_text {width:31%; float:right; text-align:left; margin-top:0;}
.story_image {width:34.2%;}
.story_text {width:61.2%;}
.story_image img {overflow:hidden;}
.feature_image {margin-bottom:1%;}
h1.feature, #sidemenu h2 a, .story_text h2, #sidebar h2, .heading2 {margin-top:0; font-size:1.4em; line-height:1em; font-weight:normal;}
#sidemenu h2 a {font-size:1em;}
#sidemenu h2 {margin:0 0 3% 0;}
.feature_image img {max-width:100%;}
.feature_image h4 {position:relative; bottom:5px; padding-top:6px;}
.sidebar {width:53.1%;}
#sidebar {float:right; width:20%;}
#sidebar p {position:relative; left:3%;}
#sidebar .subquote div {text-align:left; text-transform:none; padding:3%; font-weight:normal; font-size:1.1em;}
#sidebar .subsubquote {font-size:0.8em !important; font-weight:bold !important; text-transform:uppercase !important; padding:5% !important;}
div.sideadvert {background-color: #f1f1f1; padding: 5%; border-radius: 10px; margin-bottom:2em;}
div.sideadvert h1 {font-size:1.5em; line-height:1.2em; margin:0; font-weight:normal;}
div.sideadvert p, div#sideadvert a {font-family: 'Roboto Condensed'; font-size:1.2em; text-transform:none; font-weight:normal;}
div.sideadvert p {margin:3px 0 9px 0; padding:0;}
/********* END LANDING PAGE LAYOUT ************/

/********* CONTENT PAGE LAYOUT ************/
li.pdf {list-style-image: url(../images/pdf.gif);}
li.word {list-style-image: url(../images/word.gif);}
li.pps {list-style-image: url(../images/pps.gif);}
li.video {list-style-image: url(../images/video.gif);}
li.audio {list-style-image: url(../images/audio.gif);}
.content_page {margin-top:0 !important;}
.line-height {line-height:2.5em;}
.content_page h1, h1.content_page {font-size: 1.8em; margin-top:0;}
.content_page h2, h2.content_page, #HCB_comment_box h3 {margin-top:2em; font-size: 1.4em; line-height: 1em; font-weight: normal;}
.content_page h2 {line-height: 1.1em;}
.content_page h1 + h2 {margin-top:0;}
/*.content_page h3 {}
.content_page h4 {}*/
.content_page p, .content_page li {font-size: 1.1em;}
.content_page p a, .content_page li a {font-size: inherit;}
div.image, figure.image {width:35%;}
div.image2, figure.image2 {width:50%;}
div.image3, figure.image3 {width:45%; margin-top:0.5em;}
div.image span, div.image2 span, div.image3 span {display: inline-block; padding: 2% 1% 0 1%;}
figcaption {font-style: italic; padding:2%;}
.youtube_iframe {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;} 
.youtube_iframe iframe, .youtube_iframe object, .youtube_iframe embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.greybox {background-color: #f1f1f1; padding: 10px 0; border-radius: 10px;}
.greybox .roboto {padding:0 1em; padding-top:1%;}
.greybox .sheading1 {font-size:1.9em;}
.greybox .sheading2 {font-size:1.3em; text-transform:none; font-weight:normal;}
.wwlbox {width:90%; padding: 1em 2em;}
.wwlbox .wwlimage {float:right; margin: 1em 0;}
/********* END PAGE LAYOUT ************/

/********* NEWS LAYOUT ************/
div.sharebuttons div {display:inline-block; vertical-align:top;}
div.sharebuttons {text-align:right;}
/********* END NEWS LAYOUT ************/

/********* HEADER ************/
.head_2_1 {width:49.2%;}
.head_2_2 {width:49.2%; text-align:right;}
.head_2_1 {margin-left:0;}
.logo {float:left; max-width:75% !important;}
.smicons {margin-bottom:10px;}
.smicons img {opacity:0.6; filter:alpha(opacity=60);]}
#search_block {width:191px; height:25px; margin:0; position:relative; display:inline-block; overflow:hidden;}
#search_block, #navdropdown {border:1px solid #482970;}
#search_image, #navdropdown, #search_block, .wwlimage img {border-radius:3px;}
#terms2, #search_block input {border:none; width:185px; display:block; padding-left:5px; padding-top:0 !important; margin-top:5px; position:relative; float:right; outline:none;}
#search_image {position:relative; right:5px; border-top-left-radius:0; border-bottom-left-radius:0;}
#navdropdown {cursor:pointer; width:100%; padding:7px; margin:10% 0; box-shadow:0 0 0 rgba(); -moz-box-shadow:0 0 0 rgba(); -webkit-box-shadow:0 0 0 rgba(); /*outline:none;*/}
/********* HEADER ************/

/********* FOOTER ************/
#footer * {color:#fff; text-align:left;}
#footer-wrapper, #footer .col_4_1 div {background-color:#494458;}
#footer .col_4_1 div {padding-right:3%;}
#footer .col_4_1 div:first-child {padding-right:5%;}
.flinks p a, .flinks p {line-height:1em;}
#footer p {font-weight:normal;}
.copywrite {font-size:0.75em; text-align:center !important; clear: both; line-height: 1.8em;}
/********* END FOOTER ************/

/********* COMMENT BOX ************/
#HCB_comment_box * {font-size:1em; text-align:left;}
#HCB_comment_box .submit {margin-top: 2%; float: right; position: relative;}
#HCB_comment_box div.hcb-wrapper {width:100%;}
#HCB_comment_box textarea {height:100px;}
#hcb_msg {font-style:italic;}
.comment {color:#464646;}
#hcb_form_name {float:left; margin: 0 0 3% 0;}
#HCB_comment_box a {color:#fff !important; position:absolute; top:-9999px; left:-9999px;}
.admin-link, #HCB_comment_box .likes, #HCB_comment_box .hcb-flag, #HCB_comment_box .hcb-like, .home-desc {display:none;}
.hcb-shadow-m {padding-bottom:7px;}
.hcb-icon {}
.hcb-link [title~=next]{content:url(../../images/commentbox_next.png);}
.hcb-link [title~=previous]{content:url(../../images/commentbox_back.png);}
/********* END COMMENT BOX ************/

.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}

#header-wrapper {background:#fff}
#header-wrapper, #slider-wrapper, #main-wrapper, #footer-wrapper {width:100%;}
#header, #slider, #main, #footer {width:973px; margin:0 auto;}
#navdropdown {display:none; margin-left:auto; margin-right:auto;}

/********* MEDIA QUERIES ************/
@media only screen and (min-width:768px) and (max-width:959px) {
#header, #slider, #main, #footer {width:714px!important;}
#footer .col_4_1:last-child {overflow:visible;}
.story_image {margin-bottom: 0;}
.content_page h2 {line-height: 1.3em;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
#header, #slider, #main, #footer {width:420px!important;}
.col_4_1, .col_2_1, .col_2_2, .col_3_1, .head_2_1, .head_2_2, .feature_image, .feature_text, .med_2_1 {width:100%;}
.feature_image {margin-bottom: 1.5em;}
.rhs_menu {width:100% !important;}
.col_4_1:first-child {margin-left:1.6%;}
.med_2_1 {margin-left:0;}
.icons div {padding:1% 10%;}
.icons p {font-family: roboto condensed; font-size: 1.3em; padding:0 6%;}
#sidebar, .sidebar {width:100%;}
.divider {margin-bottom:3%; clear:both;}
.news_divider {margin:3% 0 6% 0; display:block;}
.subquote {margin-bottom:5%;}
.icons img {max-width:40%;}
.hero:first-child, .hero {width:90%; margin-left:auto; margin-right:auto; float:center;}
div.herobox {margin-top:7%; margin-right:3%;}
.floatleft, .floatright {margin-bottom:1em !important;} 
#sidemenu {display:none;}
.content_page h2 {line-height: 1.3em;}
.story_image {margin-bottom: 0;}
#navdropdown {display:block; float:right; margin-top:1%; margin-bottom:3%;}
.menu {border:none; display:none;}
.smicons {display:none;}
#header span.button {display:none;}
#pgvc, #sideadvert {display:none;}
.wwlbox {width:80%;}
.wwlbox .wwlimage {float:none; text-align:left;}
}

@media only screen and (min-width:320px) and (max-width:479px) {
#header, #slider, #main, #footer {width:290px!important;}
.col_4_1, .col_2_1, .col_2_2, .col_3_1, .head_2_1, .head_2_2, .feature_image, .feature_text, .med_2_1 {width:100%;}
.rhs_menu {width:100% !important;}
.col_4_1:first-child {margin-left:1.6%;}
.med_2_1 {margin-left:0;}
.icons div {padding:1% 10%;}
#sidebar, .sidebar {width:100%;}
.divider {margin-bottom:3%;}
.news_divider {margin:3% 0 6% 0; display:block;}
.icons img {max-width:40%;}
.hero:first-child, .hero {width:90%; margin-left:auto; margin-right:auto; float:center;}
div.herobox {margin-top:7%;}
.floatleft, .floatright {margin-bottom:1em !important;} 
#sidemenu {display:none;}
.content_page h2 {line-height: 1.3em;}
.story_image, .feature_image {width: 100%; margin-bottom: 1.5em;}
.story_text {width:100%; float:left;}
#navdropdown {display:block; float:right; margin-top:1%; margin-bottom:3%;}
.menu {border:none; display:none;}
.smicons {display:none;}
#header span.button {display:none;}
#cookiesdirective div {display:none !important;}
#pgvc, #sideadvert {display:none;}
.button2 {display: table; margin: 5% auto; padding:0; left:0;}
div.image, div.image2, div.image3, figure.image, figure.image2, figure.image3 {width:100%;}
.wwlbox {width:77%;}
.wwlbox .wwlimage {float:none; text-align:left;}
}
/********* END MEDIA QUERIES ************/

/********* COOKIE EU ************/
#epd #cookiesdirective {opacity:1.0 !important; filter:Alpha(opacity=100) !important; /* IE8 and earlier */ background-color: #2f2c3a !important; padding:1em 0;}
#epd #cookiesdirective div, #cookiesdirective a, #impliedsubmit { font-size:1em !important; background-color: #2f2c3a !important;
color:#FFFFFF !important; font-family: 'Roboto Condensed' !important; width:auto !important; }
#impliedsubmit {font-size:1em !important; border:1px solid #ffffff; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding: 5px 15px;}
#epdsubmit {color:#fff; width:auto; padding:5px 15px; font-size:1em; font-weight:bold; text-decoration:none; border:1px solid #65319e; background:#5c2d90; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #492a70), color-stop(100%, #392157)); background:-webkit-linear-gradient(#492a70, #392157); background:-moz-linear-gradient(#492a70, #392157); background:-o-linear-gradient(#492a70, #392157); background:linear-gradient(#492a70, #392157); -webkit-border-radius:5px; -moz-border-radius:5px;
-ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; text-transform:uppercase; font-size:12px;}
#cookiesdirective a { color:#FFFFFF !important; width:auto !important; font-weight:normal !important; font-size:1em !important;}
#epdnotick span {color:red !important;}
/********* COOKIE EU ************/

/********* ANALYTICS ************/
iframe[name="google_conversion_frame"] {position:absolute !important;}

/********* SURVEY MONKEY ************/
.smcx-modal-title, .smcx-powered-by, .smcx-branding {display:none !important;}
/********* END SURVEY MONKEY ************/

/********* TO BE REMOVED ***********
@media only screen and (max-width:479px) {
#lightbox {display:none !important;}
.overlay {display:none !important;}
}*/

/********* JOSHD ADDITIONS ************/
ul.block-list {padding:0;list-style:none;}

ul.block-list:after {content:'';clear:both;display:block;}

ul.block-list li {
   display: block;
   box-sizing: border-box;
   float: left;
   margin: 0 0 0.5em 0;
   padding: 0.5em;
   background: #e5e4e7;
   width: 100%; /* 1col and fallback for 2col/3col if browsers don't support calc() */
}

ul.b-l-2col li {width:calc(50% - 0.25em);}
ul.b-l-2col li:nth-of-type(even) {margin-left:0.25em;}
ul.b-l-2col li:nth-of-type(odd) {margin-right:0.25em;clear:both;}

ul.b-l-3col li:nth-of-type(3n + 1) {margin-right:0.25em;width:calc(33.3% - 0.25em);clear:both;}
ul.b-l-3col li:nth-of-type(3n + 2) {margin-left:0.25em;margin-right:0.25em;width:calc(33.3% - 0.5em);}
ul.b-l-3col li:nth-of-type(3n) {margin-left:0.25em;width:calc(33.3% - 0.25em);}

@media only screen and (min-width:768px) and (max-width:959px) {
   ul.b-l-2col li:nth-of-type(n), ul.b-l-3col li:nth-of-type(n) {width: 100%;margin: 0 0 0.5em 0;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
   ul.b-l-2col li:nth-of-type(n), ul.b-l-3col li:nth-of-type(n) {width: 100%;margin: 0 0 0.5em 0;}
}

@media only screen and (min-width:320px) and (max-width:479px) {
   ul.b-l-2col li:nth-of-type(n), ul.b-l-3col li:nth-of-type(n) {width: 100%;margin: 0 0 0.5em 0;}
}
/********* END JOSHD ADDITIONS ************/