body {
	background-image: /*url("aopaimages/global/2012/bg-1.png"), url("aopaimages/global/2012/bg-3.png") url("aopaimages/global/2012/bg-2.png")*/;
	background-color:#cccccc/*e5e5e5*/;
	background-position:/*center top, left top, */center 49px, center bottom;
	background-repeat:repeat-x;
	color: #333;
	font: normal 75%/1.4 arial, helvetica, sans-serif;
/*	text-align: center;*/
}

#page {
	margin: 0px auto 0px auto;
	text-align: left;

}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#wrapper {
	padding: 0px;
	position: relative;
	margin: 0px auto 0px auto;
	width: 1020px;
}

#header {
	background: url("aopaimages/aopa-back-logo.png") no-repeat 480px 0px;
	height: 90px;
	/*position: relative;*/
	width: 1020px;
	margin: 10px auto 0px auto;
}

#branding a {
	background: url("aopaimages/aopa-sprite.png") no-repeat 10px 0px;
	display: block;
	height: 73px;
	width: 538px;
	text-indent: -10000px;
	margin-top:0px;
	
}

#content {
	background: #fff ;
	box-shadow: rgba(0,0,0, 0.4) 0px 5px 5px; 
	-moz-box-shadow: rgba(0,0,0, 0.4) 0px 5px 5px; 
	-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 5px 5px; 
	-o-box-shadow: rgba(0,0,0, 0.4) 0px 5px 5px; 
	padding-top:0px;
	width: 1020px;
	float:left;
}
#content.wide-nonav {
	background: #fff;
}


/*footerLinks**********************************************************************/


/*FlyQ CSS styles 2012*/   
/*Universal*/
#flyQheader{} 
#flyQheader .phoneHeader, #flyQheader .plannerHeader, #flyQheader .efbHeader{background:url("aopaimages/shadow.jpg") -1px 0px repeat-y #fff; border-left:1px solid #ccc; min-height:240px;}
#flyQheader p{font-family:"Ubuntu", sans-serif;}
.flyQbtn {display:block; width:220px; height:20px; margin:0px 20px 20px 20px; padding:10px 0px 10px 0px; background-color:#333; border-radius:5px;} 
.flyQbtn span{text-align:left;}
.flyQbtn span a{font-size:16px; color:#fff; text-shadow:1px 1px #666; font-weight:bold; }  
.flyQbtn p{text-align:center; }
.flyQbtn p a{font-size:16px; color:#fff; text-shadow: 1px 1px #741066; font-weight:bold; font-family:"Ubuntu", sans-serif;}

.featuresHeader{background-color:#333; box-shadow:0px 0px 8px #000 inset;}
.featuresHeader h3{text-align:center; font-size:1.6em; color:#fff; text-shadow:1px 1px #000;}
.features ul li{text-align:left; font-family:"Ubuntu", sans-serif; color:#666; font-size:13px; margin:20px 20px 20px 20px; }

/*Phone*/
#flyQheader .phoneHeader h2{color:#f7941e; font-size:3em;}
.phoneLogo{margin:20px 0px 0px 40px;}
.flyQbtn.phoneBtn{background-color:#f7941e; box-shadow:0px 4px 0px #aa7638; background-image:none;}
.featuresHeader.phone{background-color:#f7941e; box-shadow:0px 0px 8px #aa7638 inset;}
.featuresHeader.phone h3{text-shadow:1px 1px #aa7638; font-size:2em;}
#airportDirectory, #aviationWX, #flightPlanner{background-image:url("aopaimages/phone-app.jpg"); background-repeat:no-repeat;  }
#airportDirectory{padding-top:410px; background-position:60px 10px; }
#aviationWX{padding-top:410px; background-position:-290px 10px; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#flightPlanner{padding-top:410px; background-position:-630px 10px;}
#flyQfooter.phone{box-shadow:0px 0px 4px #aa7638 inset; background-color:#f7941e; padding:20px 0px;  }

.productPhone{margin:20px 0px 25px 40px;}
.productPlanner{margin:0px 0px 12px 30px;}
.productTablet{margin:0px 0px 12px 70px;}

.features h4{text-align:center; color:#f7941e; font-size:2.5em;}
.features h4.oldPrice{text-align:center; color:#333; font-size:2.5em; text-decoration:line-through;}
.features p{text-align:center; font-family:"Ubuntu", sans-serif; color:#666; font-size:12px; padding:0px 20px 20px 20px; margin:0px;}

/*Planner*/
#flyQheader .plannerHeader h2{color:#79bde9; font-size:3em;}
.plannerLogo{margin:20px 0px 20px 40px;}
#flyQheader .planner h2{color:#79bde9; font-size:4em;}
.featuresHeader.planner{background-color:#79bde9; box-shadow:0px 0px 8px #4481a8 inset;}
.featuresHeader.planner h3{text-shadow:1px 1px #4481a8; font-size:2em;}
.flyQbtn.plannerBtn{background-color:#79bde9; box-shadow:0px 4px 0px #4481a8; background-image:none;}
#flyQfooter.planner{box-shadow:0px 0px 4px #4481a8 inset; background-color:#79bde9; padding:20px 0px;}
#airportDirectoryPlanner, #aviationWXPlanner, #flightPlannerPlanner{background-image:url("aopaimages/product-planner.jpg"); background-repeat:no-repeat; padding-top:320px; background-position:30px 20px; }

/*#airportDirectoryPlanner{padding-top:410px; background-position:-630px 10px; }
#aviationWXPlanner{padding-top:410px; background-position:-290px 10px;}
#flightPlannerPlanner{}*/

/*EFB*/
#flyQheader .efbHeader h2{color:#a74599; font-size:3em;}
.efbLogo{margin:20px 0px 20px 40px;}
#flyQheader .efb h2{color:#a74599; font-size:4em;}
.featuresHeader.efb{background-color:#a74599; box-shadow:0px 0px 8px #741066 inset;}
.featuresHeader.efb h3{text-shadow:1px 1px #741066; font-size:1.5em; text-align:left;}
.flyQbtn.efbBtn{background-color:#a74599; box-shadow:0px 4px 0px #741066; background-image:none;  text-shadow: 1px 1px #741066; width:299px;}
.flyQbtn.efbBtn2{background-color:#a74599; box-shadow:0px 4px 0px #741066; background-image:none;  text-shadow: 1px 1px #741066; width:299px;margin-left:60px; }
.ul{color:Red ;}
#flyQfooter.efb{box-shadow:0px 0px 4px #741066 inset; background-color:#a74599; padding:20px 0px;  }
#airportDirectoryEFB, #aviationWXEFB, #flightPlannerEFB{background-image:url("aopaimages/tablet-app.jpg"); background-repeat:no-repeat; padding-top:380px; }
#airportDirectoryEFB{ background-position:40px 10px; }
#aviationWXEFB{background-position:-290px 10px;}
#flightPlannerEFB{background-position:-630px 10px;}
/*Footer*/
#flyQfooter{}
#flyQfooter ul{margin-left:20px;}
#flyQfooter ul li a {font-family:"Ubuntu", sans-serif;  color:#fff; font-size:14px; font-weight:bold; text-shadow: 1px 1px #741066;}
#flyQfooter ul li{float:left; margin:0px 20px 0px 0px; /*box-shadow:0px 0px 8px #aa7638 inset; border-radius:15px; padding:3px 10px; background-color:#c27112;*/}
.footerCopyright{ float:left;  margin:10px 0px 0px 20px; font-family:"Ubuntu", sans-serif;  color:#fff; font-size:11px; font-weight:bold; text-shadow: 1px 1px #741066;}}    

/*FlyQ Nav*/
#flyQNav{box-shadow:0px 0px 4px #aa7638 inset; background-color:#f7941e; padding:10px 0px; display:block; height:20px; margin-top:-40px;} 
#flyQNav ul{margin-left:20px;}
#flyQNav ul li a {font-family:"Ubuntu", sans-serif;  color:#fff; font-size:14px; font-weight:bold; text-shadow: 1px 1px #741066;}
#flyQNav ul li{float:left; margin:0px 20px 0px 0px; /*box-shadow:0px 0px 8px #aa7638 inset; border-radius:15px; padding:3px 10px; background-color:#c27112;*/}
#flyQNav.planner{background-color:#79bde9; box-shadow:0px 0px 8px #4481a8 inset;}                                                                                                    
#flyQNav.efb{box-shadow:0px 0px 4px #741066 inset; background-color:#a74599;  } 
/*2012-----------------------------sign up form */
.signUpForm{background-image:url("aopaimages/flyq/sign-up-bg.gif"); background-position:589px 0px; background-repeat:no-repeat; float:left; width:878px; height:132px; margin-left:70px;}

.signUpForm h2{font-size:28px; border:none; color:#ee8f1d; text-transform:none; float:left;  display:block; margin-right:20px;}

.signUpForm span, .footerSignUp span{float:left; width:270px; display:block; margin-top:0px; font-size:15px; color:#999; font-style:italic;}
.signUpForm span a, .footerSignUp span a{ color:#ee8f1d;}

.form1, .form2{float:left; width:270px; margin-left:20px;}
.form2{ margin-left:0px; margin-top:10px;}

#flyQheader input.submitForm{background-color:#a74599; color:#fff; text-transform:uppercase; height:32px; margin:0px 0px 20px 5px; padding:2px 5px; border:none; width:70px; float:left; cursor:pointer; font-style:none; text-shadow:1px 1px #333; -webkit-border-radius:0px; -webkit-appearance: none;}

#flyQheader input{border:1px solid #999; height:30px; display:inline; color:#333; width:150px; padding:0px 0px 0px 5px; float:left; -webkit-border-radius:0px; -webkit-appearance: none;}

.signUpEfb {margin-left: 0px}

ol, ul {
    list-style: none outside none;
	margin:0px;
	padding:0px;
}


/*Grid Styles*/

/*1020px GRID SYSTEM**********************/

.container_12{}

/*TYPOGRAPHY STYLES*/

.container_12 h1, .container_12 h2, .container_12 h3, .container_12 h4, .container_12 h5, .container_12 h6, .container_12 .article h2, .container_12 .article h3, .container_12 .article h4{margin:.5em 20px 10px 20px; line-height:1.5em; font-family:"Ubuntu", sans-serif; }
.container_12 h1{font-size:2.8em;}
.container_12 h2{font-size:2.5em;}
/*.container_12 h3{font-size:2.2em; }*/
.container_12 h4{font-size:1.9em;}
.container_12 h5{font-size:1.2em;}
.container_12 h6{font-size:1.1em;}

.container_12 p{font-family:"Volkhorn", Georgia, serif; font-size:1.2em; margin:0px 20px 10px 20px; line-height:1.5em;}
.container_12 .article p .byLine{margin-left:20px; font-family:Georgia, serif;}
.container_12 p.byLine{color: #666; font-family:"Ubuntu", sans-serif; font-weight: normal; font-size: 11px;line-height: 16px; z-index: 100;}

.container_12 p.sourceDate{color: #666; font-family:"Ubuntu", sans-serif; font-weight: normal; font-size: 11px; line-height: 16px; font-style:italic; margin:-5px 0px 15px 40px;}
.article p.msg_head{cursor:pointer; color:#0075cc; font-size:12px;}
.container_12 ol{
	font-family: "Volkhorn", Georgia,"Times New Roman",Times,serif;
    list-style: decimal outside none;
    margin: 0 0 1em;
    padding-left: 25px;
    padding-right: 25px;}

.featureHeader{margin:20px 0px 20px 0px; }
.featureHeader:after{border-color:  #003366 #fff #fff #003366;
    border-style: solid;
    border-width: 4px; 
    content: "";
	float:left;
 }
.featureHeader h2{font-family:"Ubuntu"; color:#fff; background-color:#003366;/*border-bottom:4px solid #0075cc;*/ margin:0px 0px 0px 0px; padding-left:20px;}

.container_12 .border_l {border-left:#CCC 1px solid ; /*margin-left:-1px;*/}
.container_12 .border_r {border-right:#CCC 1px solid ; /*margin-left:-1px;*/}
.container_12 .margin_l {margin-left:-1px;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 
{
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;

}

.grid_13 
{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	width: 100%;

}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {width: 85px;}
.container_12 .grid_2 {width: 168px;}
.container_12 .grid_3 {width: 255px;}
.container_12 .grid_4 {width: 339px;}
.container_12 .grid_5 {width: 424px;}
.container_12 .grid_6 {width: 510px;}
.container_12 .grid_7 {width: 593px;}
.container_12 .grid_8 {width: 679px;}
.container_12 .grid_9 {width: 763px;}
.container_12 .grid_10 {width: 848px;}
.container_12 .grid_11 {width: 933px;}
.container_12 .grid_12 {width: 1020px;}

.col_1 {margin-left:57px;width: 424px;display:inline ;float:left;}
.col_2 {margin-left:57px;width: 424px;display:inline;float:left;position:relative}
.gridcontainer
{
width: 1020px;
margin: 0 auto;
overflow: hidden;
}