/*----------------------------------------------------------
    NGC Blue: #0F75BC
    Highlighter color: #D2EBFB
    Grey header bg: #E8E8EC
    Possible new header bg: #ddE7F3 or this purple one: #E2E8f5
    Dark blue border color: #022233
    Washed out footer blue: #3A5466
----------------------------------------------------------*/
html {background-color:#022233; /* #052c46; */ color: #fff; }
body
{
    background-color: #fff;
    font-size: 100%;
    font-family: Georgia, Verdana, Helvetica, Sans-Serif; /* TODO: perhaps PT Serif and PT Sans combo */
    margin: 0;
    padding: 0;
    color: #333;
}

html.ie8 img { max-width: none;} /* avoids ie8 setting height of images to 0 */
img {max-width: 100%;}


.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.amp {
    font-family: "Baskerville Win95BT";
    font-weight: bold;
    font-style: italic;
/* font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; 
font-weight: normal;
font-style: italic;*/

}

.highlighter { background-color: #D2EBFB;}

.info-box {
    font-style: italic;
    padding: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #E8E8EC;
    border: thin solid #3A5466;
    padding-left: 60px;
    position: relative;
    min-height: 50px;
}

.info-box-symbol {
    position: absolute;
    left: 10px;
    top: 10px;
    display: table;
    width: 40px;
	height: 40px;
	background: #3A5466;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.info-box-symbol:after {
    content: "i";
    font-weight: bold;
    font-style: normal;
    font-size: 40px;
    line-height: 40px;
    color: #E8E8EC;
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
}

@media screen and (max-width: 500px) {
    .info-box { padding-left: 5px;}
    .info-box-symbol { float: left;position: relative;top: 0;left: 0;margin-right: 5px;}
}
.lt-ie8 .info-box { padding-left: 5px; min-height: 1em;}

.lt-ie8 .info-box-symbol { display: none;}


.allowBreaks a
{
    -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit
     word-break: break-word; */ /* Chrome working better without this */

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
}

a:link { color: #0F75BC; text-decoration: underline; }
a:visited { color: #3C6F91; }
a:hover { color: #0F75BC; text-decoration: none; }
a:active {color: #269EEE; }
a img {border: none;}

a.moreButton
{
    display: inline-block;

    padding: 0px 5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background-color: #B7C3CB;
    color: #41505A;
    text-decoration: none;
}

a.moreButton:hover {color: white;background-color: #052C46;}

.intro { font-size: 150%;font-style: italic;}

p, ul, dl
{
    /* margin-bottom: 20px;*/
    line-height: 1.6em;
}

ul.unstyled, ol.unstyled {list-style: none; margin-left: 0; padding-left: 0;line-height: inherit;}
ul.unstyled.no-margins {margin:0;}
ul.unstyled ul {list-style-type: disc;}
ul.unstyled li {margin-top: 1em;}
ul.unstyled.no-margins li {margin-top: 0;}
ul.unstyled li li {margin-top: 0;}
ul.unstyled p {margin-bottom: 1em;} /* IE made the p margin seem too big */

fieldset.unstyled {border: none; margin: 1em 0; padding: 0;}

.skipLink {position: absolute;}

dt {font-weight: bold;}
dd { margin-left: 0;padding-left: 0;}
dd + dt {margin-top: 1em;}

dl.withSidebar {margin-left: 88px;}
dl.withSidebar dt a.sideLink {float: left;margin-left: -88px; }
dl.withSidebar dt { clear: left;}

img.roundedShadow {display: inline-block;
            -moz-box-shadow: 1px 1px 2px #777;
            -webkit-box-shadow: 1px 1px 2px #777;
            box-shadow: 1px 1px 2px #777;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;}

header nav a, nav.subnavigation, .breadcrumbs, h1, .h1, .standalone a {font-family: "Franklin Gothic Demi", "Franklin Gothic", "Helvetica Neue Bold", HelveticaNeue-Bold, Arial, Helvetica, sans-serif;}
.breadcrumbs { margin-top: 1em;}
.breadcrumbs a { text-decoration: none;}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6, h1.timeline-Header-title {font-family: "Franklin Gothic Medium", "Franklin Gothic", "Helvetica Neue Condensed Black", Arial, Helvetica, sans-serif;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1.timeline-Header-title
{
    color: #000;
    padding: 0;
    margin: 1em 0 .5em;
}

h1, .h1
{
    margin-top: .5em; /* Should always be the first content item */
    font-size: 2em; /* 24px */
    /* font-family: Georgia, "Times New Roman", Times, serif; */
    /* font-variant: small-caps; */
    letter-spacing: .05em;
}
h2, .h2, h1.timeline-Header-title
{
    font-size: 1.66666666667em; /* 20px */
}
h3, .h3
{
    font-size: 1.25em; /* 15px*/
}
h4, .h4
{
    font-size: 1.1666667em; /* 14px */
}
h5, h6, .h5, .h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#HeaderLogo { padding: 1% 0 0 5%; float: left;}
@media screen and (min-width: 90em) {
    #HeaderLogo {padding-left: 10%;}
}
.Content
{
    clear: both;
    padding: 0 5%;
    background-color: white;color: #333;
}

@media screen and (min-width: 90em) {
    .Content {padding: 0 10%;}
}

header img {display: block;}

/* #HeaderSearch {margin: 0; padding: 0; position: absolute; top: 68px; right: 10px; height: 41px; line-height: 41px;} */
#HeaderTopBar {background-color: #0F75BC /*#022233*/; color: #ddd;height: 42px;padding: 0 5%;position: relative;}
#HeaderSearch 
{
    margin: 0; padding: 0; position: absolute; top: 0; right: 5%; height: 41px; line-height: 41px;
}
@media screen and (min-width: 90em) {
    #HeaderSearch {right: 10%;}
}

#HeaderSearch #qHeader {padding-right: 23px;padding-left: .5em;border: none; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
#HeaderSearch #qHeader:focus { outline: 0;}
#HeaderSearch #MagnifyingGlass { /* now a button/img combo */
    position: absolute; 
    top: 4px; right: -5px;
    padding: 5px;
    background: #0F75BC;border: none; 
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    border: 2px solid white;
    background-clip: padding-box; /* background color bleed around border */
    cursor: pointer;
}
html.ie8 #HeaderSearch #MagnifyingGlass {border-color: #0F75BC; /* looks better without border when the border isn't rounded, ie8 and below */}
html.lt-ie8 #HeaderSearch #MagnifyingGlass { border: none; width: 26px}
#HeaderSearch label {background-color:#202c32; color: #fff; padding: 3px;}
#HeaderSearch label.positioned {position: absolute; top: 0; left: .5em; color: #777; background-color: Transparent; padding: 0 0 0 3px; font-style: italic;}
#HeaderSearch label.hidden {position: absolute; top: 0; left: 0; background-color: Transparent; padding: 0; width: 1px; height: 1px; overflow: hidden; text-indent: -1000px;}

header.interior { background-color:#E8E8EC; border-bottom: 2px solid #022233;}
header.homepage { background-color: transparent;border: none;}

header nav { text-align: center; }
header nav ul {margin: 0; padding: 0; list-style: none; text-align: left; display: inline-block;}
header.homepage nav ul {font-size: 115%; margin-top: .85em;} /* remove margin for table */
header nav li { float: none; margin-left:0;}
header nav a { background-color: transparent;}
header nav a:link, header nav a:visited, header nav a:hover, header nav a:active {text-decoration: none;color: #022233;}

@media screen and (min-width: 441px) and (max-width: 1029px)
{
    header.interior nav li.selected { position: relative;}
    header.interior nav li.selected a:before {content: " "; display: block; background-color: #7BAED4; height: .5em; width: .5em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: .5em; left: -1em; }
    .NavSectionPrimaryPage header.interior nav li.selected a:before {background-color: #0F75BC;}
}

@media screen and (min-width: 1030px) 
{
    header.interior nav { float: right; margin-right: 5%;}
    header.interior nav ul {display: block; margin: 60px 0 0 0;} /* change for table */
    header.interior nav li { float: left;margin-left: 1.5em;}
    header.interior nav a { display: block;margin: .1em .75em 0;background-color: transparent;}
    header.interior nav li.selected a { border-bottom: .35em solid #7BAED4;}
    .NavSectionPrimaryPage header.interior nav li.selected a { border-bottom: .35em solid #0F75BC;}
}

@media screen and (min-width: 90em) {
    header.interior nav {margin-right: 10%;}
}

@media screen and (max-width: 640px) 
{
    header.homepage #HeaderLogo { float: none;text-align: center;margin-right: 5%;}
    header.homepage #HeaderLogo img { display: inline-block;}

    header.homepage nav ul {font-size: 100%; display: block; margin-top: 1%;}
    header.homepage nav a { display: block; padding: .1em 5%; border-bottom: 1px solid #031827; border-top: 1px solid #F0F2F4; background-color: #E8E8EC;}
    .intro { font-size: 120%;}
}

@media screen and (max-width: 440px) 
{
    header.interior { border-bottom: none; background-color: transparent;}

    header.interior #HeaderLogo { float: none;text-align: center;margin-right: 5%;}
    header.interior #HeaderLogo img { display: inline-block;}

    header.interior nav ul { display: block; margin-top: 1%;}
    header.interior nav a { display: block; padding: .1em 5%; border-bottom: 1px solid #031827; border-top: 1px solid #F0F2F4; background-color: #E8E8EC;}
}

#main {}

footer {
    background-color: #022233;
    color: white;
    margin-top: 1em;
    font-family: Verdana, Helvetica, Sans-Serif;
}
.footerLists { float: right;}
footer dl { margin-top: 0; display: inline-block;vertical-align: top;text-align: left;}
footer dt 
{
    border-bottom: thin dotted #3A5466;
    padding-right: 2em;
    font-family: "Franklin Gothic Medium", "Franklin Gothic Demi", "Franklin Gothic", HelveticaNeue-Medium, "Helvetica Neue Bold", HelveticaNeue-Bold, Arial, Helvetica, sans-serif;
}
footer dd { margin-left: 0;padding-left: 0;}
#footerPadding { padding: 1em 5% 0;}
@media screen and (min-width: 90em) {
    #footerPadding { padding: 1em 10% 0;}
}
#footerPadding dl:first-child { margin-right: 2em;}
.footerLogos { white-space: nowrap;float: left;}
.footerLogos a { display: inline-block;}
#BJALogoLink { margin-right: 15px; margin-bottom: 1em;}
footer ul {margin: 0; padding: 0; list-style: none;}
footer li {margin: 0; padding: 0 .75em; display: inline; white-space: nowrap;}
footer a:link, footer a:visited, footer a:hover, footer a:active {color: #fff;text-decoration: none;}

footer .bottom {margin-top: 1em; text-align: center;background-color: #3A5466; clear: both;padding: .25em 5%;}

@media screen and (min-width: 501px) and (max-width: 1010px) 
{
    footer { text-align: center; }
    .footerLogos, .footerLists { float: none;}
}
@media screen and (max-width: 500px) 
{
    footer { text-align: left; }
    .footerLogos, .footerLists { white-space: normal; float: none;}
    footer li { padding: 0;white-space: normal;}
    footer .bottom { text-align: left; }
    footer .bottom a { display: block; line-height: 1.1;padding: .35em 0; }
}

.ImageRight {float: right; margin: 0 0 1em 1em;}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 0 1em 1em;
    border: 1px solid #CCC;
}

/* FORMS   
----------------------------------------------------------*/
form.standard { -webkit-text-size-adjust: 100%;}
form.standard .form-group { margin-bottom: 1.5em;}
form.standard .control-label {font-family: "Franklin Gothic Medium", "Franklin Gothic", "Helvetica Neue Condensed Black", Arial, Helvetica, sans-serif;}
form.standard input[type="text"], 
form.standard input[type="email"], 
form.standard input[type="url"], 
form.standard input[type="tel"], 
form.standard input[type="number"], 
form.standard textarea, 
form.standard select.wide 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 25em;
}
form.standard textarea.wide { max-width: 50em;}
form.standard input[type=number]::-webkit-inner-spin-button,
form.standard input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

form.standard input, form.standard textarea, form.standard select {font-family: "Courier New", Courier, monospace; font-size: 112.5%;}

form.standard input[type="submit"] {    
	-webkit-appearance: button; /* allow Safari to style */
    color: #000a4c;
    font-family: Arial,Verdana,Helvetica,Sans-Serif;
    font-size: 115%;
    font-weight: bold;
    padding: 8px 12px;
    text-transform: uppercase;
    cursor: pointer;
}
form.standard input[type="checkbox"] {margin-left: 0; margin-bottom: 0; position: relative; top: 1px;}
form.standard label {font-weight: bold;}

form.standard fieldset.normalize {border: none; margin: 0 0 1.5em; padding: 0; position: relative;}
form.standard fieldset.normalize legend {white-space: normal; margin: 0; padding: 0; display: block;width: 100%; color: inherit; font-size: 1.17em; line-height: 1.6em;}
form.standard fieldset.normalize legend span {display: block; width: 100%; font-weight: bold;}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* MESSAGES  
----------------------------------------------------------*/
.MessageBar
{
    margin: .5em -10px;
    padding: 0 10px;
    background-color: #c4eabf;
    color: #000;
    border-bottom: solid 1px #95c18e;
    border-top: solid 1px #ddf9dd;
}

.MessageBar.Approved, .MessageBar.Success {background-color: #bdf4b5; border-bottom: solid 1px #3a7832; border-top: solid 1px #daf8d6;}
.MessageBar.Rejected, .MessageBar.Failure {background-color: #f0a2a2; border-bottom: solid 1px #861515; border-top: solid 1px #f5c5c5;}
.Approved {background-color: #bdf4b5; color: #000;}
.Rejected {background-color: #f0a2a2; color: #000;}

.MessageBarAttention {background-color: #f0f0a2; border-bottom: solid 1px #adb51e; border-top: solid 1px #f5f8d6;}
.MessageBarError {background-color: #f0a2a2; border-bottom: solid 1px #861515; border-top: solid 1px #f5c5c5;}
.MessageBarError .unicode {color: #861515;}

.MessageBar.Warning   {background-color: #f0f0a2; border-bottom: solid 1px #adb51e; border-top: solid 1px #f5f8d6;}
.MessageBar.Info {background-color: #e3983c; border-bottom: solid 1px #9e6116; border-top: solid 1px #f4d8b5;}
.MessageBar.Error     {background-color: #f0a2a2; border-bottom: solid 1px #861515; border-top: solid 1px #f5c5c5;}
.MessageBar .unicode {font-size: 150%; vertical-align: middle;}
.MessageBar .inlineVAMiddle {vertical-align: middle;}

/* MISC  
----------------------------------------------------------*/

/* Basic rounded corners */
.rounded5px 
{
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.unicode 
{
    /* Don't forget to change the Print stylesheet as well */
    /* font-size: 150%;
    line-height: .5em; */
    font-family:"Arial Unicode MS", Code2000, Helvetica, "Linux Libertine", "Lucida Grande", "Lucida Sans Unicode", "Lucida Unicode", sans-serif;
}

a:link.anchorButton, a:visited.anchorButton {color: #333;} /* IE6 */
a.anchorButton 
{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    color: #333;
    text-shadow:1px 1px 0 #fff;
    background: #eee url(./Images/Graphics/Button-background.png) repeat-x center;
    border: 1px solid #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    padding: 4px 10px;
}

a.anchorButton:hover, a.anchorButton:active, a.anchorButton:focus,
.moreSwitch:hover, .moreSwitch:active, .moreSwitch:focus
{
    color: #003;
    border-color: #88f;
    background-image: none;
}

.arrow-right {
	width: 0; 
	height: 0;
    display: inline-block;
    /*xvertical-align: text-bottom;*/
	border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
	border-left: .5em solid black;
}

.arrow-down {
	width: 0; 
	height: 0;
    display: inline-block;
	border-left: .5em solid transparent;
    border-right: .5em solid transparent;
	border-top: .5em solid black;
}

.moreBorder { border: solid 1px #888;
               -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px;
    padding: 4px 10px;}

.moreSwitch 
{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    color: #333;
    background: #eee url(./Images/Graphics/Button-background.png) repeat-x center;
    border: 1px solid #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    padding: 4px 10px;
    position: relative;top: 1px;z-index: 2;
}

.lessSwitch 
{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    color: #333;
    border: 1px solid #888; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
    border-bottom: 1px solid white;
    padding: 4px 10px;
    position: relative;
    top: 1px;
    z-index: 2;
}

span.customValidationMessage {color: #f00; font-weight: normal;}
img.AttentionIcon {vertical-align: text-bottom; margin-right: .5em;}

/* Gang-Related News */
.grnItemContainer {line-height: 1.3em;}
.grnContainerAll .grnItemContainer {margin-left: 60px;}
.grnItemStateMapGraphic {float: left; margin-left: -60px;}
.grnItemSourceLine {font-weight: bold; font-style: italic;}
.grnHr {clear: both; margin: 1.5em 0;}

div.gangNewsPagination {font-weight: bold;}
div.gangNewsPagination a {text-decoration: none; display: inline-block; padding: 2px 3px 4px;}
div.gangNewsPagination .currentPage {border: 2px solid #d4dbd9;}
div.gangNewsPagination a.currentPage {text-decoration: none;}

/* Survey Analyses */
.data {
	text-align: center;	
}
table.data {
	margin-right: auto;
	margin-left:auto;
	border: 1px solid #636466;
	border-right-width: 0;
}
table.data caption {
	text-align: center;
	margin-right:auto; margin-left:auto;
	font-weight: bolder;
	font-size: 120%;
	color: #ffffff;
	background-color: #636466;
	padding: 5px 5px 5px 5px;
}
table.data td, table.data th {
	padding: 5px;
	border: 1px solid #636466;
	border-bottom-width: 0;
	border-left-width: 0;
}
table.data th {
	background-color: #eee;
}
.sectionpaging {
	/*background-color:#eee;*/ /* Problems with IEs 5-6 */ 
	border: 1px solid #ccc; 
	padding: 3px;
	text-align: center;
	clear: right;
	margin-top: 2em;
}
.sectionpaging .next {float: right; width: 10em; text-align: right;}
.sectionpaging .previous {float: left; width: 10em; text-align: left;}

.notes {font-size: 90%;}

.dataTableToggle{text-align:center; cursor: pointer; text-decoration: underline; color: #034af3;}
.dataTableToggle:hover {text-decoration: none;}
div.dataTableToggleButtonContainer {text-align: center; margin-top: 1em;}
div.dataTableToggleButtonContainer.on {
    background-color: #fff;
    
    background-image: -o-linear-gradient(top, #f8faf9 0%, #fff 100%); /* opera */
    background-image: -moz-linear-gradient(top, #f8faf9 0%, #fff 100%); /* ff */
    background-image: -ms-linear-gradient(top, #f8faf9 0%, #fff 100%); /* IE10 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8faf9), color-stop(1, #fff)); /* webkit */
    background-image: -webkit-linear-gradient(top, #f8faf9 0%, #fff 100%); /* chrome 11+ */
    background-image: linear-gradient(top, #f8faf9 0%, #fff 100%); /* w3c */
    
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.dataTableToggleButton{cursor: pointer; position:relative; top: -.75em;}

table.data2 
{
    margin: 0 auto 1em;
    border:1px #ccc solid;
    background-color: #fff;
}
table.data2 caption 
{
    font-weight: bold; 
    font-size: 120%;
    text-align: center;
}
table.data2 thead {vertical-align: bottom;}
table.data2 .borderLeft {border-left: 1px #ccc solid;}
table.data2 .colA, table.data2 .rowA td {background-color: #eff4fa; border-left: 1px #ccc solid;}
table.data2 .colA2 {background-color: #f7fafd; border-left: 1px #ccc solid;}
table.data2 .colB, table.data2 .rowB td {background-color: #faefef; border-left: 1px #ccc solid;}
table.data2 .colC, table.data2 .rowC td {background-color: #f5f9f0; border-left: 1px #ccc solid;}
table.data2 .colD, table.data2 .rowD td {background-color: #f4f2f7; border-left: 1px #ccc solid;}
table.data2 .colE, table.data2 .rowE td {background-color: #fafaef; border-left: 1px #ccc solid;}
table.data2 .colF, table.data2 .rowF td {background-color: #EFFAF4; border-left: 1px #ccc solid;}

table.data2 td, table.data2 th {border-bottom: 1px #ccc solid; text-align: center;}
table.data2 tbody tr:last-child td, table.data2 tbody tr:last-child th {border-bottom: none;}

table.data2 thead th:first-child, table.data2 tbody th {text-align: left;}

/* Newsletter */
#LatestNewsletter 
{
    overflow: auto; /* contain floats */
    
    max-width: 50em;
    padding: 10px;
    
    /* see also IE stylesheet */
    background-color: #F8FAF9;
    /* begin IE9 svg */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGRiZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* end IE9 svg */
    background-image: -o-linear-gradient(top, #f8faf9 0%, #d4dbd9 100%); /* opera */
    background-image: -moz-linear-gradient(top, #f8faf9 0%, #d4dbd9 100%); /* ff */
    background-image: -ms-linear-gradient(top, #f8faf9 0%, #d4dbd9 100%); /* IE10 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8faf9), color-stop(1, #d4dbd9)); /* webkit */
    background-image: -webkit-linear-gradient(top, #f8faf9 0%, #d4dbd9 100%); /* chrome 11+ */
    background-image: linear-gradient(top, #f8faf9 0%, #d4dbd9 100%); /* w3c */

}
#LatestNewsletter h3, #LatestNewsletter p {margin-top: 0; margin-left: 88px; color: #000;}
#LatestNewsletter h3 span {font-size: 80%;font-weight: normal; color: #555;}
.newsletterThumbnail {
    float:left;
    position: relative;
    top: 3px;
    -moz-box-shadow: 10px 5px 5px black;
    -webkit-box-shadow: 10px 5px 5px black;
    box-shadow: 3px 4px 6px #555;
    margin-bottom: 8px;
}                       
#LatestNewsletter.floatLeft {float: left; margin: 0 1em 1em 0;padding: 4px 10px 5px 8px;} /* small box on News page */

/* Other */

.hiddenLabel {position: absolute; height: 1px; width: 1px; overflow: hidden; text-indent: -1000px; }

ol.publications {list-style:none; margin-left: 2em; padding:0;}
ol.publications li{text-indent: -2em; margin-bottom: 1em;}

cite {font-style:italic;}
cite.book {text-decoration: underline; font-style:normal;}

.vaBottom {vertical-align:bottom;}

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.nobr {white-space:nowrap;}

.qc {display: block; 
     border: 2px dashed #0a0; 
     background-color: #f8fff8;
     padding: .5em;}
     
     


/* SUBNAVIGATION MENU
----------------------------------------------------------*/
nav.subnavigation { margin: 1em auto; }
@media screen and (min-width: 1030px) {
    nav.subnavigation { margin: 0 0 0 1em; float: right;}
    nav.subnavigation ul { line-height: 2em;}
}
nav.subnavigation ul
{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	/* white-space: nowrap; */
}

nav.subnavigation li
{
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1; /* hasLayout */
	*display: inline;
	vertical-align: middle;
	list-style:none;
	margin:0;
	padding:0;
}

nav.subnavigation a:link, nav.subnavigation a:visited {color: #fff;}

nav.subnavigation a
{
	color: #fff;
	display:block;
	margin:0;
	padding:.4em 1.5em;
	text-decoration:none;
	line-height:1em;
	background-color:#0F75BC;
	border-color:#f1f1f1;
	border-style:none;
	border-width:1px;
	border-left-style: solid;
}

nav.subnavigation a.first {border-left-style: none;
		border-radius: 1em 0 0 1em;
		-webkit-border-top-left-radius: 1em;
		-webkit-border-bottom-left-radius: 1em;
		-moz-border-radius: 1em 0 0 1em;}

nav.subnavigation li:last-child a {border-radius: 0 1em 1em 0;
		-webkit-border-top-right-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
		-moz-border-radius: 0 1em 1em 0;}

nav.subnavigation li.singleLine a
{
	line-height: 2.6em;
		
}

nav.subnavigation  a:hover, nav.subnavigation  a:focus,
	nav.subnavigation a:hover span, nav.subnavigation  a:focus span
{
	background-image: none;
}

nav.subnavigation li.selected a
	{
	background-image: none;
	background-color: #022233;
	color: #fff;
	}

nav.subnavigation li.selected a:visited, nav.subnavigation li.selected a:link {color: #fff;}/* IE6 fix */

nav.subnavigation a:active
{
	background-color: #022233;
	text-decoration: none;
	background-image: none;
}

@media screen and (max-width: 45em) 
{
    nav.subnavigation a, nav.subnavigation li:last-child a, nav.subnavigation a.first {
        border: none;
    }
    
    nav.subnavigation a, nav.subnavigation a:link, nav.subnavigation a:visited {
        background-color: transparent;
	    color: #022233;
    }
    
    nav.subnavigation li.selected a, nav.subnavigation li.selected a:visited, nav.subnavigation li.selected a:link {
        color: #022233;
        background-color: #E8E8EC;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
    }

}

.thumbnailShadow 
{
    display: block;
    -moz-box-shadow: 1px 1px 2px #777;
    -webkit-box-shadow: 1px 1px 2px #777;
    box-shadow: 1px 1px 2px #777;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* TRAINING CLASS INFO
----------------------------------------------------------*/

.Training-Info-Block {
    position: relative;
    overflow: hidden;
    max-width: 485px;
}

.Training-Info-Block .Class-Info-Block {
    background-color: #E8E8EC; 
    padding: .5em 1.5em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.Training-Info-Block .Class-Info-Block { text-align: center;}
.Training-Info-Block .Class-Info-Separator, 
.Training-Info-Block .Training-Location-Map-Container { display: none; }
.Training-Info-Block .Class-Info-Flyer {margin-bottom: 1em;}

.Training-Info-Block .Class-Info-Location, 
.Training-Info-Block .Class-Info-Date, 
.Training-Info-Block .Class-Info-Table, 
.Training-Info-Block .Class-Info-Row, 
.Training-Info-Block .Class-Info-Flyer, 
.Training-Info-Block .Class-Info-Register-Button { display: block; }

@media screen and (min-width: 481px) {
    .Training-Info-Block {
        display: inline-block;
        max-width: none;
        padding-left: 83px;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
    }

    .Training-Info-Block .Class-Info-Location,
    .Training-Info-Block .Class-Info-Date, 
    .Training-Info-Block .Class-Info-Separator, 
    .Training-Info-Block .Class-Info-Flyer, 
    .Training-Info-Block .Class-Info-Register-Button { display: inline; }

    .Training-Info-Block .Training-Location-Map-Container {
        display: block;
        position: absolute;
        background-color: #022233;
        width: 84px;
        height: 100%;
        top: 0;left: 0;
        overflow: hidden;
    }

    .Training-Info-Block .Training-Location-Map {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 50%; margin-top: -50px;
        left: -8px;
    }

    .Training-Info-Block .Training-Location-Map img { display: block; }

    .Training-Info-Block .Class-Info-Block {
        display: inline-block;
        -moz-border-radius: 0 10px 10px 0;
        -webkit-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
    }
    
    .Training-Info-Block .Class-Info-Table {display: table;width: 100%;text-align: center;}
    .Training-Info-Block .Class-Info-Row { display: table-row; }
    .Training-Info-Block .Class-Info-Flyer, .Class-Info-Register-Button { display: table-cell; }
}