@charset "UTF-8";
/* CSS Document */

/*

cloud grey 		#c3cdd1
button gradient #004f98 - #00305c
red 			#c82128
blue			#004990

*/

html, body, a, div, span, p, ul, li, img, table, tr, td, form, fieldset, legend, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, dl, li, hr, header, footer, article, section, aside, nav {
	padding: 0;
	margin: 0;
	border:none; 
	text-decoration: none;
	outline: none;
	list-style-type: none;
	/*border: 1px solid lime;*/
}

.hidden{
	position: absolute;
	left: -10000px;
	top: auto;
	overflow:hidden;
}

html header, html article, html nav, html footer, html section{
	/* overrides ink's default fonts */
	font: normal 100.01%/1.5 'Roboto', sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6, strong, header li, .contact-button{
	font: normal 100.01%/1.5 'Roboto', sans-serif;
}

header li{ margin: 0;}
html li{ margin: 0;}
html dl, html dt, html dd{
	margin:0;
	padding:0;	
}

.ink-grid{
	max-width: 1100px;
	position:static;
	z-index: 10;
}

html{
	position:relative;	
}

body{
	background: #c3cdd1;
	position: static;	
}

.no-pad{
	padding: 0;
}

/* --------------------------------- HEADER -------------------------- */

#menu-item-90 a{
	text-indent: -9000px;
	background: transparent url("../images/content/airforce-association.jpg") top center no-repeat;
}

.main-nav li{
	position: relative;
	display: inline-block;
	line-height: 31px;
	width: 12.5%;
	margin-left: -4px;
}

.page-header{
	width: 100%;
	background: #FFF;	
}

.page-header ul{
	text-align: center;
}

/* establish style of submenus preventing weird morph-in animation. */

.main-nav li ul.sub-menu li a,
.main-nav li ul.sub-menu li a,
.main-nav li ul.sub-menu li a,
.main-nav li ul.sub-menu li a{
	display:block; 
	padding: 10px;
	border-left: 4px solid #fff;
	border-bottom: none;
	text-decoration:none;
	text-transform: none;
	font-size: 0.9em;
	color: #606060;
}	

.page-header a,
.page-header a:link,
.page-header a:visited{
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 10px;
	border-bottom: 4px solid #fff;
	
	-webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;

}

.page-header a:hover,
.page-header a.hover,
.page-header a:focus,
.page-header a:active{
	text-decoration: none;
	box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	border-bottom: 4px solid #c82128;
	
	-webkit-transition-property: box-shadow;
       -moz-transition-property: box-shadow;
         -o-transition-property: box-shadow;
            transition-property: box-shadow;
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;

}


.main-nav{
	padding: 10px 10px 0 10px;
}


/* ------------------------- SUB MENUS ----------------------------------- */


/* keep the 'next' level invisible by placing it off screen. */
.main-nav ul.sub-menu, 
.main-nav li:hover ul ul,
.main-nav li.hover ul ul,
.main-nav li:hover ul li:hover ul ul,
.main-nav li.hover ul li.hover ul ul,
.main-nav li:hover ul li:hover ul li:hover ul ul,
.main-nav li.hover ul li.hover ul li.hover ul ul,
.main-nav li:hover ul li:hover ul li:hover ul li:hover ul ul,
.main-nav li.hover ul li.hover ul li.hover ul li:hover ul ul
.main-nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,
.main-nav li.hover ul li.hover ul li.hover ul li:hover ul li:hover ul
{position:absolute; left:-9999px; top:-9999px; 
width:0; height:0; margin:0; padding:0; 
list-style:none;
}

.main-nav ul.sub-menu li:hover,
.main-nav ul.sub-menu li.hover{
	border-bottom: 2px solid #e8e8e9;	
}

.main-nav ul.sub-menu li:last-child{
	border-bottom: none;	
}

.main-nav ul.sub-menu ul{
	border-top: 2px solid #e8e8e9;	
}

.main-nav li:hover ul.sub-menu,
.main-nav li.hover ul.sub-menu,
.main-nav li:focus ul.sub-menu,
.main-nav li:active ul.sub-menu{	
	z-index:600;
	position:absolute;
	left: 0;
	top: 100%;
	width: auto;
	height:auto; 
	background-color: #fff;
	box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
	
}

/* only hover ul's that are the direct children of li's*/
.main-nav li:hover ul.sub-menu li:hover > ul,
.main-nav li.hover ul.sub-menu li.hover > ul,
.main-nav li:focus ul.sub-menu li:focus > ul,
.main-nav li:active ul.sub-menu li:active > ul{
	z-index:600;
	position:absolute;
	left: 50px;
	top: 100%;
	width: auto;
	height:auto; 
	background-color: #fff;
	box-shadow: 0px 5px 3px rgba(0,0,0,0.3);
		
}

.main-nav li:hover ul.sub-menu li,
.main-nav li.hover ul.sub-menu li,
.main-nav li:focus ul.sub-menu li,
.main-nav li:active ul.sub-menu li{
	display:block;
	position:relative;
	 
	float:left;
	margin:0;
	width: 220px;
	font-weight:normal;
	text-align:left;
}


.main-nav li:hover ul.sub-menu li a,
.main-nav li.hover ul.sub-menu li a,
.main-nav li:focus ul.sub-menu li a,
.main-nav li:active ul.sub-menu li a{
	display:block; 
	padding: 10px;
	border-left: 4px solid #fff;
	border-bottom: none;
	text-decoration:none;
	text-transform: none;
	font-size: 0.9em;
	color: #606060;
}	

.main-nav li:hover ul.sub-menu li a:hover,
.main-nav li.hover ul.sub-menu li a.hover{
	
	border-left: 4px solid #004990;
}

div.arrow {
	display: inline;
	position: absolute;
	right: 8px;
	top: 5px;
	float: right;
	color:#FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.main-nav li:hover ul li:hover > a.fly { color:#000; } 

/* ---------------------- MOBILE ----------------------------- */

#topbar_menu li{
	padding: 10px;
}

.mobile-navigation a{
	border: none;
}

.mobile-navigation .mobile-item{
	position: relative;
	display: inline-block;
	width: 50%;
}

.mobile-button button.button{
	display: inline;
	height: 63px;
	border-bottom: 4px solid #00305c;
}

.mobile-button button.button:hover{
	border-bottom: 4px solid #00305c;
}

#topbar_menu{
	width: 100%;	
}

#topbar_menu ul{
	padding: 0;
	margin: 0;	
}

#topbar_menu li{
	padding: 0;		
}

#topbar_menu a,
#topbar_menu a:link,
#topbar_menu a:visited{
	border: none;
	padding: 10px;		
}


#topbar_menu a:hover,
#topbar_menu a:focus,
#topbar_menu a:active{
	border: none;
	background: #004990;
	color: #fff;
}

.mobile-logo a,
.mobile-logo a:link,
.mobile-logo a:visited{
	padding: 10px;
	border-bottom: 4px solid #fff;
}

.mobile-logo a:hover,
.mobile-logo a:focus,
.mobile-logo a:active{
	border-bottom: 4px solid #c82128;
}

#topbar_menu .mobile-social li a:hover,
#topbar_menu .mobile-social li a:focus,
#topbar_menu .mobile-social li a:active{
	background-color: #eee;	
}

	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		
		.main-nav li{
			width: 25%; /* 25% medium */
		}
		
	}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.logo-img{
			width: 50%	
		}
		
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.logo-img{
			width: 50%	
		}
		
	}
	

	
/* ------------------------ SOCIAL MEDIA ------------------------- */

.mobile-social li{
	height: 25%;	
}

.social-media{
	position: fixed;
	top: 150px;
	right: -30px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	padding: 5px 10px;
	
	background: rgba(255,255,255,0.5);
	
	z-index:90;
	
	-webkit-transition-property: right;
       -moz-transition-property: right;
         -o-transition-property: right;
            transition-property: right;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
	
}

html .page-header .social-media li{
	padding: 5px 0;
	margin: 0;	
}

.social-media:hover,
.social-media:focus,
.social-media.hover{
	right: 0;
	-webkit-transition-property: right;
       -moz-transition-property: right;
         -o-transition-property: right;
            transition-property: right;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
       -moz-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
}

.social-media a,
.social-media a:link,
.social-media a:visited{
	display:block;
	border:none;
	box-shadow: none;
	padding: 0;
}

.social-media a:hover,
.social-media a:focus,
.social-meida a:active{
	background: transparent url("../images/structure/social-media-over.png") no-repeat;
}

	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.social-media{
			right: -58px;
			padding-left:0;	
		}
		
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.social-media{
			right: -58px;
			padding-left:0;
		}
		
	}

/* --------------- WINDOWS ------------------- */

.header-window{
	width: 100%;
	height: 55%;
	position: absolute;
	left:0;
	
	z-index: -3;
	
	background: transparent url("../images/structure/sky.jpg") no-repeat;
	
	-webkit-background-size: 	100% auto;
    -moz-background-size: 		100% auto;
    -o-background-size: 		100% auto;
    background-size: 			100% auto;
}

.header-space{
	width: 100%;
	height: 350px;
}

.rcafa-logo{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	z-index: 40;	
}

.rcafa-logo img{
	padding-left: 30px;
	margin-bottom: -10px;
}

.rcafa-logo h1{
	padding-left: 10px;
	position: absolute;
	bottom:0px;
	margin-bottom: -15px;
	
	font-weight: bold;
	font-size: 1.4em;
	color: #c82128;
}

.rcafa-heading h1{
	padding-top: 15px;
	font-weight: bold;
	font-size: 1.2em;
	color: #c82128;
}

.header-plane{
	position:absolute;
	right: -20%;
	bottom: -20%;
	z-index:30;
}

.footer-window{
	width: 100%;
	height: 55%;
	position: absolute;
	left:0;
	bottom: 0;
	
	z-index: -2;
	
	background: transparent url("../images/structure/land.jpg") bottom center no-repeat;
	
	-webkit-background-size:	100% auto;
    -moz-background-size: 		100% auto;
    -o-background-size: 		100% auto;
    background-size: 			100% auto;
}

.footer-spacing{
	height: 500px;	
}

.footer-plane{
	position:absolute;
	right:0;
	bottom: 200px;
}

.cloud-strip{
	position: absolute;
	width: 100%;
	height: 500px;
	z-index: -1;
	
	background: transparent url("../images/structure/cloud-strip.png") bottom center repeat-x;
}

	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		.header-space{
			height:300px
		}
		.footer-spacing{
			height: 400px;		
		}
		.footer-plane{
			width: 70%
		}

		
	}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.header-window,
		.footer-window{
			-webkit-background-size: 	initial;
			-moz-background-size: 		initial;
			-o-background-size: 		initial;
			background-size: 			initial;
		}
		.header-space{
			height:300px;
		}
		.header-plane{
			bottom: 100px;
			left: 5%;	
		}
		.footer-spacing{
			height: 300px;	
		}
		.footer-plane{
			width: 70%;
		}
		.rcafa-logo h1{
			bottom:10%;
		}

		
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.header-window,
		.footer-window{
			-webkit-background-size: 	initial;
			-moz-background-size: 		initial;
			-o-background-size: 		initial;
			background-size: 			initial;
		}
		.header-space{
			height:200px;
		}
		.header-plane{
			bottom: 50px;
			left: 5%;	
		}
		.footer-spacing{
			height: 200px;	
		}
		.footer-plane{
			width: 70%;
		}
		
	}

/* ------------------- FEATURE AREA ------------------------------ */

.feature-area{
	width: 100%;
	overflow:hidden;
}

.feature{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
	padding: 0 10px 10px 10px;
	min-height: 1.5em;
}

.embed-link .feature-img-div .feature-icon{
	width: 100%;
	height:100%;
	background: transparent url("../images/structure/video-arrow.png") center center no-repeat;
}

.embed-link .feature-img-div .feature-icon:hover{
	background: transparent url("../images/structure/video-arrow-over.png") center center no-repeat;
}

.slider-bkgd{
	outline: 2px solid #abb8be;
	background: #abb8be url("../images/structure/cloud-strip.png") 0 110px repeat-x;
}

.relative{
	position: relative;	
}

.desc-overlay{
	width: 35%;
	height: 100%;
	background: transparent url("../images/structure/000000-50.png") repeat;
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;		
}

.overlay-link{
	
}

.desc-content{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
		
}

.feature-img-div{
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size:  	cover;
    -moz-background-size: 		cover;
    -o-background-size: 		cover;
    background-size: 			cover;
}

.recaptcha{
	padding-bottom: 1em;	
}

a.button, 
button.button,
.content-area input[type=submit]{

	display: block;
	width: 100%;
	padding: 10px;
	text-align: right;
	color: #fff;
	background: #004f98 url("../images/structure/rcaf-button.jpg") no-repeat;
	background-repeat: no-repeat;
	background-position: -10px top;
	border: none;
	
	-webkit-background-size:  	auto 100% ;
    -moz-background-size: 		auto 100% ;
    -o-background-size: 		auto 100% ;
    background-size: 			auto 100% ;
	
	-webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
	
}

a.button:hover, 
a.button:focus,
a.button:active, 
button.button:hover,
button.button:focus,
button.button:active,
.content-area input[type=submit]:hover{
	background: #004f98 url("../images/structure/rcaf-button-over.jpg") no-repeat;
	background-position: 0px top;
	border: none;
	text-decoration: none;
	-webkit-background-size:  	auto 100% ;
    -moz-background-size: 		auto 100% ;
    -o-background-size: 		auto 100% ;
    background-size: 			auto 100% ;
	
	-webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;

}


	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		
		.feature-img-div{
			height: 350px;
		}
		
	}

	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.desc-overlay{
			width: 100%;
			height: auto;
			position: static;
			background: none;
			color: #000;
		}
		
		.desc-content{
			position: static;	
		}
		.feature-img-div{
			height: 300px;
		}

		
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.desc-overlay{
			width: 100%;
			height: auto;
			position: static;
			background: none;
			color: #000;
		}
		
		.desc-content{
			position: static;	
		}
		.feature-img-div{
			height: 300px;
		}
		
	}
	
/* --------------------	SIDEBAR NAVIGATION --------------------- */

.sidebar-navigation{
	padding-bottom: 10px;	
}

/*
.sidebar-navigation h2{
	padding: 10px;
	display:block;
}*/

.aside strong{
	color:  #606060;
	font-weight: bold;
	padding-bottom: 10px;
}

.aside h1,
.aside h2{
	color:  #606060;
	font-size: 1.3rem;
	font-weight: bold;
	padding-bottom: 10px;
}

.aside h3,
.aside h4{
	color:  #606060;
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 10px;
}

.aside h5,
.aside h6{
	color:  #606060;
	font-size: 1.1rem;
	padding-bottom: 10px;
}

.sidebar-navigation strong{
	color: #FFF;	
}

.sidebar-navigation li{
	margin-bottom: 1px;	
}

.sidebar-navigation .tggl-drawer{
	padding-top: 10px;	
}


.sidebar-navigation a,
.sidebar-navigation a:link,
.sidebar-navigation a:visited,
.sidebar-navigation .container{
	display: block;
	padding: 10px 10px 10px 40px;
	width: 100%;
	
	background-color: rgba(0, 73, 144, 1);
	color: #fff;
	
	-webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.sidebar-navigation .container{
	padding: 0;	
}

.tggl-trigger{
	display: block;
	padding: 10px;
	width: 100%;
}

.sidebar-navigation .container .first-level,
.sidebar-navigation .container .tggl-drawer{
	display: block;
	padding: 10px 10px 10px 40px;
	width: 100%;
}

.sidebar-navigation .container a,
.sidebar-navigation .container .container{
	background-color: rgba(0, 73, 144, 0.8);
}

.sidebar-navigation .container a{
	padding: 10px;
}

.sidebar-navigation a:hover,
.sidebar-navigation a:focus,
.sidebar-navigation a:active,
.sidebar-navigation .container:hover,
.sidebar-navigation .container:focus,
.sidebar-navigation .container:active{
	background-color: rgba(0, 73, 144, 0.3);
	text-decoration: none;
	text-shadow: 1px 3px 2px rgba(0, 43, 83, 1);
	
	-webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.sidebar-navigation li.current-menu-item > a,
.sidebar-navigation li.current-menu-item > .container{
	background-image:url("../images/structure/sidebar-active.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.sidebar-navigation li.current-menu-ancestor a{
	background-image: none;
}

li.sidebar-active > a{
	text-decoration: underline
}

.sidebar-navigation li.current-menu-ancestor.current-menu-item > a{
	background-image:url("../images/structure/sidebar-active-top.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#plus {
	display: inline;
	position: relative;
	margin: 0;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 10px 0 0;
	background-image: url('../images/structure/plus.png');
	background-position: top center;
	background-repeat: no-repeat; 
}

https://netforum.avectra.com/eWeb/Shopping/Shopping.aspx?Site=AFAC&WebCode=Shopping&cart=0

#plus {
	top: 0px;
	left: 0px; 
}

.expand #plus {
	background-position: bottom center;
}

/* --------- SIDEBAR SEARCH ---------- */

#searchform{
	display: block;
	padding: 10px 0;	
}

#searchform input{
	padding: 5px 7px;
	margin-bottom: 10px;
}

#searchform label{
	display:block;	
}

#searchsubmit{
	background:	#004990;
	color: #fff;
}

#searchsubmit:hover{
	background: #00305c;
}


/* ------------------------ INTERIOR PAGE ----------------------- */


.interior-page{
	font-size: 0.9em;	
}

.interior-page .content-area a,
.interior-page .content-area a:link,
.interior-page .content-area a:visited{
	font-weight: bold;
	color: #c82128
}

.interior-page a,
.interior-page a:link,
.interior-page a:visited{
	
}

.interior-page p{
	padding-bottom: 1em;
}

.interior-page .content-area h1,
.interior-page .content-area h2{
	color:  #c82128;
	font-size: 1.3rem;
	font-weight: bold;
}

.interior-page .content-area h3,
.interior-page .content-area h4{
	color:  #c82128;
	font-size: 1.2rem;
	font-weight: bold;
}

.interior-page .content-area h5,
.interior-page .content-area h6{
	color:  #c82128;
	font-size: 1.1rem;
}


.interior-page .content-area table{
	width: 100%;	
}

.interior-page .content-area table tr:nth-child(odd){
    background: transparent url("../images/structure/ffffff-50.png") repeat;
}

.interior-page .content-area .paypal table tr:nth-child(odd){
	background: transparent;	
}

.interior-page .content-area table.magazine-table tr{
	background: transparent;
}

.interior-page .content-area table.magazine-table tr.alternate{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
}

.magazine-table td,
.magazine-table th{
	padding: 5px;
	margin: 5px;
	border: 1px solid #aaa;
}

.paypal input[type=image]{
	border: none;	
}

.interior-page .content-area li{
	margin-left: 1em;
	list-style-type: disc;	
	border: none;
}

.interior-page .content-area ul{
	padding-bottom: 1em;
	padding-left: 1em;
	overflow: hidden;
}

.interior-page .content-area strong{
	font-weight: bold;
}

.interior-page .content-area img.alignleft{
	float:left;	
	margin: 10px 10px 10px 0;
}
.interior-page .content-area img.alignright{
	float:right;
	margin: 10px 0 10px 10px;
}

.interior-page .content-area img.aligncenter{
	display: block;
	margin: 10px auto;
}

.interior-page .content-area .wp-caption.aligncenter{
	display: block;
	margin: 0 auto;	
}


.interior-page .content-area .wp-caption.alignright{
	display: inline-block;
	float: right;
	margin: 20px	
}

.interior-page .content-area .wp-caption.alignleft{
	display: inline-block;
	float: left;
	margin: 20px;	
}


.interior-page .content-area hr{

	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
}

/* interior tggl */

.tggl-trigger{
	cursor: pointer;	
}

.interior-page .interior-container{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
	margin-bottom: 3px;
}

.interior-page .tggl-trigger h2,
.interior-page .tggl-trigger h3{
	font-size: 1.2em;
	color: #333;
		
}

.interior-page .tggl-drawer h2,
.interior-page .tggl-drawer h3{
	font-size: 1.2em;
	color: #c82128
		
}

.interior-page .tggl-drawer{
	padding: 10px;	
}

#plus_interior {
	display: inline;
	position: relative;
	margin: 0;
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 10px 0 0;
	background-image: url('../images/structure/plus_interior.png');
	background-position: top center;
	background-repeat: no-repeat; 
}

#plus_interior {
	top: 0px;
	left: 0px; 
}

.expand #plus_interior {
	background-position: bottom center;
}

/* *** X-LARGE *** */
	@media screen and (min-width: 1261px) {

		.interior-page .content-area{
			padding: 15px;
		}
				
	}
	/* *** LARGE *** */
	@media screen and (min-width: 961px) and (max-width: 1260px) {

		
		.interior-page .content-area{
			padding: 10px;
		}

		
	}
	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		
		.interior-page .content-area{
			padding: 5px;
		}
		
		.table-surround{
			width: 100%;
			overflow-x: scroll;
			cursor: grab;	
		}
		
	}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		
		.interior-page .content-area{
			padding: 0;
		}
		
		.table-surround{
			width: 100%;
			overflow-x: scroll;
			cursor: grab;	
		}
		
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.interior-page .content-area{
			padding: 0;
		}
		
		.table-surround{
			width: 100%;
			overflow-x: scroll;	
			cursor: grab;
		}
		
	}
	
/* ------------------------ SEARCH FORM ------------------------ */

.form-input{
	display:block;	
}

.search-awards label{
	font-size: 0.8rem;
}

.search-awards strong{
	color: #004990;
	padding-bottom: 5px;
}

strong.error-flag{
	color: 	#c82128;
}

.form-section{
	padding-bottom: 15px;	
}

.search-results{
	padding: 5px;	
}

.search-results.alternate{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
}

span.result-section{
	border-left: 2px solid 	#004990;
	padding: 0 0.5rem;
}

.search-awards a{
	padding: 0 5px;	
}

/* ------------------------ HOME PAGE FEEDS ---------------------- */

.homepage-feeds{
	font-size: 0.8em;
}


.interior-page .section,
.homepage-feeds section{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
	width: 100%;
	height: 100%;
	padding: 10px;
}



.homepage-feeds h2{
	font-size: 1.6em;
	font-weight: bold;
	color: #c82128;
}

.feed-item{
	width:100%;
	overflow:hidden;
}

.feed-item .date{
	float:left;
	width:20%; /* adjust the width; make sure the total of both is 100% */
	
	margin: 2.5%;
	background: #fff;
	box-shadow: 2px 2px 5px #070707;
}

.feed-item .date .weekday{
	display:block;
	padding: 3px;
	text-align: center;
	font-size: 0.7em;
	color: #fff;
	background-color: #c82128;
	text-transform:capitalize;
}

.feed-item .date .monthday{
	display: block;
	text-align:center;
	font-size: 2em;
	font-weight: bold;
}

.feed-item .summary{
	float:left;
	width:75%; /* adjust the width; make sure the total of both is 100% */
	margin-top: 2.5%;
	border-bottom: 1px solid #949495;
}

.summary.x100{
	width: 100%
}

.feed-item .summary strong{
	font-weight: bold;
	display:block;
}


/*.news .summary,
.magazine .summary,
.member-login .summary{
	width: 100%;	
}*/

.feed-item .summary a,
.feed-item .summary a:link,
.feed-item .summary a:visited{
	color: #000;
	display:block;
	padding: 5px;
	background-color: rgba(255,255,255,0);
	
	-webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.feed-item .summary a:hover,
.feed-item .summary a:focus,
.feed-item .summary a:active{
	color: #000;
	text-decoration: none;
	background-color: rgba(255,255,255,50);
	-webkit-transition-property: background-color;
       -moz-transition-property: background-color;
         -o-transition-property: background-color;
            transition-property: background-color;
    -webkit-transition-duration: 0.25s;
       -moz-transition-duration: 0.25s;
         -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;

	/*transparent url("../images/structure/ffffff-50.png") repeat;*/
}

.feed-item .summary a:hover .readmore,
.feed-item .summary a:focus .readmore,
.feed-item .summary a:active .readmore,
.feed-item .summary a:hover strong,
.feed-item .summary a:focus strong,
.feed-item .summary a:active strong{
	color: #c82128;
	
	-webkit-transition-property: color;
       -moz-transition-property: color;
         -o-transition-property: color;
            transition-property: color;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}

.feed-item .readmore{
	width: 100%;
	font-size: 0.7em;
	color: #949495;
	display: block;
	padding-top: 7px;
}

/* -------- LOGIN -------- */

.member-login input,
.member-login label{
	display: block;
	width: 100%;
}

.member-login button.button{
	margin: 1em 0;
}
/* -------------------- EVENTS ---------------------- */

.event-date{
	text-transform:capitalize;
	color: #004990;	
}

/*--------------------- NEWS (MOSTLY DIVIDERS) ------------------------ */

.post-border{
	display:block;
	background: transparent url("../images/structure/news-type-line.png") center repeat-x;
	border-left: 2px solid #004990;
	margin: 5px 0;
	min-height: 0.7rem;
}

.post-border span{
	display: inline-block;
	background: #e1e6e8;
	border-right: 2px solid #004990;
	padding: 2px 5px; 
	font-size: 0.7rem;
	font-weight: normal;
}

hr[style],
hr{
	/* Forces the default wordpress horizontal rule to look like the uniform dividers of the rest of the site */
	display:block;
	border: none !important;
	height: 1rem !important;
	background: transparent url("../images/structure/news-type-line.png") center repeat-x !important;
	border-left: 2px solid #004990 !important;
}

.divider{
	display:block;
	height: 1rem;
	background: transparent url("../images/structure/news-type-line.png") center repeat-x;
	border-left: 2px solid #004990;
}

.divider span{
	display: inline-block;
	background: #e1e6e8;
	border-right: 2px solid #004990;
	padding: 2px 5px; 
	font-size: 0.7rem;
	font-weight: normal;
}

/* ----------------- MAGAZINE / DONATIONS  -------------- */

.bottom-section section{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
	height: 100%;
	padding: 10px;		
}

.magazine strong{
	font-size: 0.9em;
	font-weight: normal !important;
}

.magazine-copy{
	padding-left: 10px;	
}

.magazine .magazine-copy ul{
	border-top: 1px solid #949495;
}

.magazine h2,
.member-login h2{
	font-size: 1.6em;
	font-weight: bold;
	color: #c82128;
}

.magazine .subtitle{
	font-size: 1em;
	font-weight: bold;
	font-style:italic;	
}

.magazine .byline{
	display: block;
	font-size: 0.7em;
	font-style: italic;	
}

/* -------------------- WORDPRESS NUMBERED PAGINATION ----------- */

.pagination{
	display: block;
	margin-top: 20px;
}

.interior-page .content-area .pagination ul{
	overflow: visible;
}


.interior-page .content-area .pagination ul li{
 	padding: 0;
	margin: 0;
}

.interior-page .content-area .pagination li a,
.interior-page .content-area .pagination li a:hover,
.interior-page .content-area .pagination li.active a,
.interior-page .content-area .pagination li.disabled {
	color: #FFF;
	text-decoration:none;
	font-weight: normal;
}

.pagination li {
	display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	background-color: #004990;
	border-radius: 3px;
	cursor: pointer;
	padding: 5px 10px;
	border: 2px solid #c3cdd1;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #00305c;
	border: 2px solid #fff;
}


/* ----------------------------- FORMS ----------------------------------- */

.content-area input,
.content-area textarea,
#sidebar input{
	border: 2px solid #aaaaaa;
	padding: 5px;	
}

span.description{
	font-size: 0.8rem;
	font-style: italic;
}

/* ---------------------- SPONSORS ----------------------------- */

.sponsors-area h4{
	color:  #c82128;
	font-size: 1.2rem;
	font-weight: bold;
}

.sponsors-area a{
	display:inline-block;
	padding: 5px 10px;	
}

.sponsors-area a:hover{
	background: transparent url("../images/structure/ffffff-50.png") repeat;
}

/* ----------------------- FOOTER ------------------------------- */

html footer{
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

footer a,
footer a:link,
footer a:visited{
	color: #FFF;	
}

footer a:hover,
footer a:focus,
footer a:active{
	color: #FFF;	
}

/* GUESTBOOK */
#gwolle_gb .gb-entry .author-info{
	padding: 15px 15px 0 15px;
}
#gwolle_gb .gb-entry .author-info .author-avatar {
	display: none;
	padding: 0;
}
html #gwolle_gb .gb-entry .author-info span.author-name {
	padding: 0;
	margin: 0;
}
#gwolle_gb .gb-entry .entry-content {
	padding: 15px;
}