/**************************************************
 * CUSTOM CSS - Custom styles used by the
 *     Innovator Mobile
 *
 * Programmer:  David L. Ross
 * Copyright (c) 2016 ARA. All Rights Reserved.
 *
**************************************************/

/**************************************************
 * General Styles
**************************************************/
@font-face {
    font-family: 'CenturyRegular';
    src: url('../font/century_gothic/GOTHIC.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyBold';
    src: url('../font/century_gothic/GOTHICB.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyItalic';
    src: url('../font/century_gothic/GOTHICI.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyBoldItalic';
    src: url('../font/century_gothic/GOTHICBI.TTF');
    font-weight: normal;
    font-style: normal;
}

body * {
    font-family: "CenturyRegular";
    text-shadow: none;
}


h2 {
    font-size: 1.7em;
}

button {
  font-family: "CenturyRegular";
}

h3 {
    font-family: "Century";
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 0;
}

p b {
    font-size: 1.2em;
}

li {
    margin-bottom: .75em;
}

li a {
    font-weight: 900 !important;
}

.largerText {
    font-size:larger;
}

.activeMenuLink a {
    border-top: 0.1em solid #5aebff !important;
}

a {
    text-decoration: none;
}


/**************************************************
 * Search Highlight Style
**************************************************/
.highlight {
    background-color: rgba(100, 170, 255, 0.50) ;
}

.highlight.current {
    background-color: rgba(128, 194, 66, 0.85) ;
}

#searchInput {

}
.ui-input-text, .ui-input-search {
 background: url("../../images/search.jpg") 1% no-repeat !important;
 background-color: #3d7ead !important;
 box-shadow: none;
 text-shadow: none;
 outline: 0
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ddd;
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ddd;
   opacity:  1;
   font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ddd;
   opacity:  1;
   font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ddd;
   font-style: italic;
}

/**************************************************
 * CUSTOM PAGE STYLES
**************************************************/
#issueText {
    font-size: 1em;
    text-align:center;
    margin: 0 auto;
    padding-bottom:.2em;

}

#menu_page {
    background-color: #0b4671;
    color: #FFFFFF;

}

.menu_content {
    margin-top: -3em !important;
    padding: 1em !important;
}

#menu_page .ui-last-child a {
    margin-bottom: 1em;

}

#menuHeading {
    font-size: 1.5em;
    font-weight: 600;
    background-color: #80c242;
    padding: .5em;
    margin-top: 0;
    margin-bottom: .65em;
    border-bottom: .25em solid #578fa5;
}

#nav-panel li a {
    font-family: "CenturyRegular";
    font-weight: normal !important;
    text-shadow: none;
    white-space: normal;
}

#menu_page li a {
    font-family: "CenturyRegular";
    font-weight: normal !important;
    text-shadow: none;
    white-space: normal;
    margin: 0 .85em;
}

#popupPanel li a {
    font-family: "CenturyRegular";
    font-weight: normal !important;
    text-shadow: none;
    font-size: 0.8em !important;
}


#titleLogoMenu {
    margin-top: 0em;

    width:100%;
    
}

#menu_page a:visited {
    background-color: rgb(59, 113, 144);
}

.heading_img {
    margin-bottom: 0;
    width: 100%;
    background-color: #568fa4;
}

.heading_p {
    margin: -.2em 0 0 0;
    font-size: 1.7em;
    font-weight: 600;
    padding: .5em;
    background-color: #568fa4;

    color: #FFFFFF;
}

.about_heading_p {
    margin: -.2em 0 0 0;
    font-size: 1.7em;
    font-weight: 600;
    padding: .5em;
}

.share_container {
    margin: 1em 0 1em auto;
}

.share_text {
    width: 4em;
}

.share_img {
    width: 2em;
}

 a.share_link {
    vertical-align:top;
    margin: 0 .25em;
}

.content_img {
    margin-top: 0.7em;
    margin-bottom: 1em;
    width: 80%;
    max-width: 50em;
}

.menu_content .content_img {
    margin-bottom: 0;
}

.subheading_p {
    margin: 0;
    font-size: 1.7em;
    font-weight: 300;
    padding: .5em .3em;
}

.subheading_p b {
    font-size: 1em;
    font-weight: 600;
    text-shadow: none;
}


.bodytext_p {
    margin: 0;
    padding: .5em;
}

.bodytext_p a {
    font-weight: 900 !important;
}

.bodytext_bold {
    font-size: 1em;
	font-weight: 900;
}
a.bodytext_bold {
	font-weight: 900 !important;
}

.bodytext_sub_p {
    padding: 0 .5em .5em .5em;
    margin: -.4em 0 0 0;
}


iframe {
    border: 0;
}

.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}

.video_link {
    background: url('../img/video_icon.png') 50% 50% no-repeat;
    background-color: #648c1a !important; 
    background-size: 4em 2em;
    width: 40%;
    height: 3em;
    margin: 1em !important;
}

.extend_bar {
    margin-bottom: 0;
    margin-top: 1em;
    width: 100%;
    background-color: #568fa4;
    color: #FFFFFF;
}

.extend_bar a:hover {
    color: #caf5fb;
}

.img_credit {
    position:relative;
    margin-top: -2em;
    margin-left:.5em;
    font-size:0.6em;
	font-variant:normal;
	font-weight:normal;
	line-height:1.3;
	text-align:left;
    color: #fff;
    text-shadow: .1em .1em .5em #000;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;     
}

.center .img_credit {
    position: relative;
    margin-top: -3.5em;
    margin-left: 10%;
    padding-bottom: 1.2em;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 0.6em;
	font-variant: normal;
	font-weight: normal;
	line-height:1.3;
	text-align: left;
    color: #fff;
    text-shadow: .1em .1em .5em #000;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    width: 80%;    
}


.subcaption_p {
    padding: 0 .5em .5em .5em;
    margin: -.75em 2em .75em 2em;
    font-size: .9em;
    font-style:italic;
    text-align: justify;
}

.heading_subcaption_p {
    padding: 0 .5em .5em .5em;
    margin: 0 2em 0 2em;
    font-size: .9em;
    font-style:italic;
    text-align: justify;
}


.quote_block {
    border-top: 0.15em solid #afc2da;
    border-bottom: 0.15em solid #afc2da;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #b7cde9;
    text-align: center;
}

.quote {	
	font-size: 1.2em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.286;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:6px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
        color: #568fa4;
}
.quote-name {	
	font-size:0.8em;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:1.3;
	margin-bottom:9px;
	margin-left:0;
	margin-right:18px;
	margin-top:5px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:right;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
        color: #568fa4;
}

.ui-footer {
    border-style: none;
    max-height: 1em;
    height: 1em;
}

.ui-header {
    border-style: none;
    background-color: #0b4671;
    height: 2.5em;
}

.ui-btn {
    border-style: none;
}

.big-icon-button {
    background-color: transparent;
    border: 0;
}
.big-icon-button:after {
    height: 2em;
    width: 2em;
    background-size: 1.5em 1.5em;
    margin-left: -1em;
    margin-top: -1em;
}

.pageBottomLinks {
    font-family: "CenturyRegular";
    font-weight: normal !important;
    font-size: 1.2em;
    text-shadow: none;
    white-space: normal;
    text-align: left;
    
}

.gotoNextFooterLink {
    width:95%;
    border-top: 0.15em solid #afc2da;
    margin:auto;
    margin-top: 1em;
    overflow:auto;    
}

.subscribeToFooterLink {
    width:95%;
    border-top: 0.15em solid #afc2da;
    border-bottom: 0.15em solid #afc2da;
    margin-top: 1em;
    margin:auto;
    margin-bottom: 0.5em;
    overflow:auto;    
}

.footerLinkInner {
    width:100%;
    height:100%;
    float: left;
    overflow:auto; 
    
    padding:0; 
}

.footerLinkInner_p {
    float: left;
    width:80%;
    margin:0;    
    padding: .5em 0 .5em 1em;

    color: #b7cde9;
    font-size: 1.3em;
    text-align: left;

    color: #568fa4;
}

.footerLinkInner_imgDiv {
    margin: .8em 1em .8em auto;
    text-align: right;
}

.footerLinkInner_img {
    width: 1.5em;
    height: 1.5em;
}