@charset "UTF-8";
/* :::::::::::: <AppSoft> Stylesheet 
 -----------------------------------------------------------------  
 :: StyleSheet  : Second Level Page
 :: Version     : 1.0.0
 :: Author      : James Gober
 :: Company     : App Soft Development
 :: Company URL : http://appsoftdevelopment.com
 -----------------------------------------------------------------
     Copyright  : (C) 2014 App Soft Development.
*/



/*
 : Main Banner
 *****************************************************************/
.level_banner{
    height: auto;
}  

.level_banner img{ margin: 0; padding: 0; max-height: 566px;}

h2{padding-top: 10px; padding-bottom: 5px; color: #00658e;}
h3{padding-bottom: 15px; color: #00658e; }
p.larger_font{font-size: 16px;}


#poll_comment{width: 100%; margin-top: 3%; border: 1px solid #d3d3d3; Padding: 2%;}


/*
 : Search Bar
 *****************************************************************/
 div#strech_search_bar{
    height: auto;
    min-height: 47px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 9%;
    padding-right: 9%;
    display: block;
    overflow: hidden;
    background-color: #00658e;
    text-align: center;
} 

div.secondary_search{
    width: 250px;
    height: 25px;
    display: block;
    overflow: hidden;
    float: left;
    position: relative;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 0px;
}

div.secondary_search .searchbar{
    width: 250px;
    height: 25px;
    padding-right: 30px;
    display: block;
    border: none;
    background-color: #ffffff;
    text-indent: 3px;
    color: #555555;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.secondary_search input[type='submit']{
    width: 30px;
    height: 28px;
    display: block;
    border: none;
    background-color: #ffffff;
    text-align: center;
    font-size: 20px;
    color: #f1763a;
    position: absolute;
    top: -3px;
    left: 220px;
}

div.subscribe{
    width: 250px;
    height: 27px;
    padding-top: 1px;
    display: block;
    background-color: #ef783b;
    overflow: hidden;
    float: left;
    position: relative;
    -moz-border-radius: 7px;
    border-radius: 7px;
    left: 10px;
}

div.subscribe a.subscribe_button{
    color: #ffffff; font-size: 16px;
}


@media screen and (max-width: 550px){
	
div.secondary_search{width: 98%;}
div.secondary_search input[type='text']{width: 98%;}
div.secondary_search input[type='submit']{left: 95%;}
div.subscribe{ width: 98%; margin-top: 10px; left: 0px;}
}




/*
 : body Section
 *****************************************************************/
 
div#level2_content{
    height: auto;
    min-height: 100px;
    padding-top: 10px;
    padding-bottom: 2%;
    padding-left: 8%;
    padding-right: 8%;
}


div.article_feed{
    height: auto;
    margin-bottom: 20px;
}

div.article_feed img{
    width: 30%;
    height: auto;
    margin-right: 2%;
    margin-bottom: 5px;
    display: block;
    float: left;}

@media screen and (max-width: 1100px){div.article_feed img{width: 30%;}}
@media screen and (max-width: 991px){div.article_feed img{width: 40%;}}
@media screen and (max-width: 640px){div.article_feed img{width: 100%;}}
@media screen and (max-width: 500px){div.article_feed img{width: 100%;}}


.side_blog{
    height: auto;
    padding-top: 15px;
    margin-bottom: 25px;
}

.side_blog img{
    width: 42%;
    height: auto;
    margin-right: 2%;
    margin-bottom: 5px;
    display: block;
    float: left;
}

.side_blog p{
    width: 53%;
    height: auto;
    margin-bottom: 4px;
    float: left;
    font-size: 14px;
}

.side_blog a{ color: #333333; }
.side_blog a:hover{ color: #00658e; }

@media screen and (max-width: 400px){
    .side_blog img{ width: 100%; height: auto; margin-right: 0; float: none; }
    .side_blog p{ width: 100%; height: auto; float: none; font-size: 12px; }
}



/*
 : Contact Page
 *****************************************************************/
div.contact_fields{
    height: auto;
    min-height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
}

div.form{
    height: auto;
    padding-right: 3%;
    padding-bottom: 2%;
    display: block;
}

div.form_field .type_text{  
    width: 100% !important;
    height: 40px;
    margin-top: 10px;
    padding-left: 3%;
    display: block;
    font-size: 16px;
    border: 1px solid #dadada;
}

div.form_field .gray{
    width: 100% !important;
    height: 40px;
    margin-top: 10px;
    padding-left: 3%;
    display: block;
    font-size: 16px;
    border: 1px solid #ccc;
    background-color: #faf8f6;
}

div.form_field .gray2{
	float:left;
    width: 93% !important;
    height: 40px;
    margin-top: 10px;
    padding-left: 3%;
    display: block;
    font-size: 16px;
    border: 1px solid #ccc;
    background-color: #faf8f6;
}

div.form_field .liveResult {

	float:left;
	width: 40px !important;
    margin-top: 10px;
    margin-left: 10px;
    height: 40px;
    display: block;
    font-size: 16px;
    border: 0px solid #fff;
    background-color: #fff;

}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #717171;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #717171;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #717171;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #717171;
}

div.form_field textarea{
    width: 100% !important;
    height: 130px;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 1%;
    display: block;
    font-size: 16px;
    border: 1px solid #dadada;
}

div.form_field .gray_text{
    width: 100% !important;
    height: 130px;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 1%;
    display: block;
    font-size: 16px;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.select-style {
    padding: 0;
    margin: 0;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;
    display: inline-block;
    float: left;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

div.form_field input[type='submit']{ 
    width: 30%;
    height: 33px;
    margin-top: 10px;
    background-color: #00658e;
    color: #ffffff;
    border: none;
}div.form_field input[type='submit']:hover{background-color: #f1763a;}

div.form_field .smallsub{ 
    width: 20% !important;
    height: 33px;
    margin-top: 10px;
    background-color: #00658e;
    color: #ffffff;
    border: none;
}div.form_field .smallsub:hover{background-color: #f1763a;}

div.half_container div.halfie{
    width: 48% !important;
    display: inline-block;
    float: left;
}div.half_container div.halfie:last-child{float: right;}
div.half_container div.halfie input[type='text']{padding-left: 6%;}



/*
 : Content Pages
 *****************************************************************/
 div.full_page{
    padding-bottom: 30px;
 }
 
 div.page_thirds{
    padding-bottom: 30px;
 }
 
 img.content_img{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
 }
 
ul.sidebar_links{margin-left: 10px;}
ul.sidebar_links li.Sidebar_nav{list-style: none;}
ul.sidebar_links li.Sidebar_nav a{font-size: 20px; color: #9e9e9e; font-weight: 200;}
ul.sidebar_links li.Sidebar_nav a span{padding-left: 10px;}

div.small_img img{width: 100%; height: auto; margin-right: 0; float: none;}




/*
 : Subscribe Pages
 *****************************************************************/
div#sub{
    height: auto;
    min-height: 100px;
    padding-top: 1%;
    padding-bottom: 2%;
    padding-left: 8%;
    padding-right: 8%;
}
div.account h2{border-bottom: 1px solid #eaeaea; text-transform: uppercase; margin-bottom:40px;}
div.account i{padding-right: 15px; fontweight: lighter;}
div.acct_status{margin-top: 25px; border: 1px solid #eaeaea; padding: 3%;}
i.leftspace{padding-right: 0px !important; margin-right: 0px;  padding-left: 15px;}
ul li{list-style: none; padding-bottom: 4px;}
ul li a{font-size: 110%;}
div.borderleft{border-right: 1px solid #eaeaea; }
div.seps{height: 160px;}
div.form_small{width: 50%; display: inline-block; float: left; margin-bottom: 15px;}
div.form_large{width: 100%; display: block; float: left; margin-bottom: 15px;}
div.form_small input[type="text"]{width: 95%; height: 35px; margin-left: 10px; padding-left: 10px;}
div.form_large input[type="text"]{width: 98%; height: 35px; margin-left: 10px; padding-left: 10px;}
div.login_sub img{width: 100%; height: auto; margin-right: 0; float: none;}
div.gallry{padding-bottom: 50px;}


#acct_submit{
    width: 30%;
    height: 33px;
    margin-top: 10px;
    background-color: #00658e;
    color: #ffffff;
    border: none;
}#acct_submit:hover{background-color: #f1763a;}
#subscribe_submit{
    width: 30%;
    height: 33px;
    margin-top: 10px;
    background-color: #00658e;
    color: #ffffff;
    border: none;
}#subscribe_submit:hover{background-color: #f1763a;}
@media screen and (max-width: 800px){div.borderleft{border-right: none;}
}

div#sub h2{border-bottom: 1px solid #eaeaea; text-transform: uppercase;}
div.sub_button{
    width: 50%; 
    margin-top: 3%; 
    margin-bottom: 2%;
    padding: 1%; 
    background-color: #f1763a; 
    text-align: center; 
    float: left;
}div.sub_button:hover{background-color: #00658e}
div.sub_button a{color: #ffffff; font-size: 150%;}

div.tags{ 
    margin-top: 1%; 
    margin-left: 1%;
    padding: 1%; 
    background-color: #f1763a; 
    text-align: center; 
    float: left;
}div.tags:hover{background-color: #00658e} 

div.tags a{color: #ffffff;}
form{padding-bottom: 5%;}
input[type='radio']{ margin-top: 10px;}
label.radio div.sub_plan{padding-top: 1%; font-size: 120%; font-weight: normal; margin-right: 3%;}
span.bold{font-weight: bold; font-size: 130%; padding-right: 3%; margin-left: 10px;}


#subscribe_submit{ 
    width: 30%;
    height: 33px;
    margin-top: 10px;
    background-color: #00658e;
    color: #ffffff;
    border: none;
}#subscribe_submit:hover{background-color: #f1763a;}



/*
 : Subscribe Pages
 *****************************************************************/
div.staff_section{padding-top: 2%;}

div.staff{padding-top: 1%; padding-bottom: 2%;}




div#get_support{
    height: auto;
    min-height: 100px;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #e3e3e3;
}

p.support_link{font-size: 200%; color: #036799; text-align: center;}
a.orange{color: #f58322;}a.orange:hover{color: #0180bf;}

div.steps{
    padding-left: 0;
    background-color: #b8b8b8;
    overflow: hidden;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 200%; 
}

div.steps span.blue{
    height: 100% !important;
    margin-right: 1%;
    padding: 2%;
    background-color: #3e6e9b; 
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 150%;   
}


form.larger_form{padding-top: 5%; padding-bottom: 4%;}
input[type='radio']{ margin-right: 2%; margin-left: 1%;}
div.sub_plan{padding-top: 1%; font-size: 140%;}
span.bold{font-weight: bold; font-size: 130%; padding-right: 1%;}

#small_submit{ 
    padding-top:2%;
    padding-bottom: 5%;
    margin-top: 4%;
    margin-left: 5%;
    background-color: #d47741;
    color: #ffffff;
    border: none;
    font-size: 150%;
}#small_submit:hover{background-color: #3e6e9b;}

div.top{padding-top: 3%;}

.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


img.smaller_img{width: 30%; height: auto; margin-bottom: 20px;}
@media screen and (max-width: 1100px){
.jumbotron{width: 80%;}
img.smaller_img{width: 45%; height: auto;}
form.larger_form{padding-top: 10%;} 
div.sub_plan{padding-top: 1%; font-size: 120%;}
span.bold{font-weight: bold; font-size: 150%; padding-right: 1%;}
}
@media screen and (max-width: 800px){
.jumbotron{width: 100%;}
img.smaller_img{width: 60%;}
form.larger_form{padding-top: 10%;} 
div.steps{font-size: 100%;} div.steps span.blue{font-size: 120%;}
input[type='radio']{ margin-right: 2%; margin-left: 1%;}
div.sub_plan{padding-top: 1%; font-size: 100%;}
span.bold{font-weight: bold; font-size: 130%; padding-right: 1%;}
} 

h2.lineh{line-height: 50px;}
div.spacing_box{margin-bottom: 20px;}


div.signin{
    padding-bottom: 4%;
}
.btn {
  background: #00658e;
  margin-right: 5px;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 3px 20px 3px 20px;
  text-decoration: none;
}

.btnorange{
  margin-top: 4px;
  background: #f1763a;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #0174a3;
  text-decoration: none;
}

.btnorange:hover {
  background: #f1903a;
  text-decoration: none;
}

div.current_issue{padding-bottom: 25px;}

h2.title{
    width: auto;
    height: auto;
    display: inline-block;
    float: left;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

form#searbar{height: 60px;}
#sb-search {margin-top: 20px;}
.sb-search {
	float: right;
}

.sb-search-input {
	border: 1px solid #dedede;
	outline: none;
	background: #fff;
	width: 100%;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #e67e22;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #da6d0d;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}



/*
 : Advertisment
 *****************************************************************/
div.ads{
    margin-top: 2%;
    padding-top: 1%;
    border-top: 1px solid #f1f1f1;
}
 
a.ad_banners{
    margin-bottom: 1%;
    color: #c0c1c1;
    font-weight: 400;
    font-size: 120%;
    text-transform: uppercase;
    letter-spacing: 1px;
}a.ad_banners:hover{color: #515151;}

a.ad_banners span{color: #f1763a;}




/*
 : Blog
 *****************************************************************/
/* Posts */

span.bump_right{margin-right: 10px;}

section.sidewidget{
    padding-top: 20px;
    padding-left: 2%;
}

div.blog-posts article {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 50px;
    padding-bottom: 10px;
    margin-right: 5%;
}div.blog-posts article:last-child{border-bottom: none;}



div.blog-posts div.pagination {
    margin: -10px 0 20px;
}



div.single-post article {
    border-bottom: 0;
    margin-bottom: 0;
}



/* Post */



div.post_size{
    width: 100% !important;
}

article.post div.post-meta {
    font-size: 0.9em;
    margin-bottom: 7px;
}



article.post div.post-meta > span {
    display: inline-block;
    padding-right: 8px;
}



article.post div.post-meta i {
    margin-right: 3px;
}

/* Sidebar */
aside ul.nav-list > li > a {
	color: #666;
	font-size: 0.9em;
}

ul.nav-list.primary > li a {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
background-image: url('../images/body/list-primary.png');
background-position: 0px 12px;
background-repeat: no-repeat;
border-bottom: 1px solid #EDEDDE;
padding: 1px 20px;
transition: all 0.3s;
}



/* Post Date */

article.post div.post-date {
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	float: left;
	margin-right: 10px;
	text-align: center;
}



article.post div.post-date span.month {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	background: #3e6e9b;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0 10px 2px;
}



article.post div.post-date span.day {
	-moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
	background: #F4F4F4;
	border-radius: 2px 2px 0 0;
    color: #3e6e9b;
	display: block;
	font-size: 16px;
	font-weight: 500;
	font-weight: bold;
	padding: 10px;
}

div.post-block {
border-top: 1px solid #DDD;
margin: 15px 0 0 0;
padding: 20px 0 15px 0;
}


