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

/* Ground zero formatting */
* { margin:0; padding:0; }
html { -webkit-text-size-adjust:none; overflow:auto; }
html, body { width:100%; height:100%; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; }
ul, ol, dl { padding:0; margin:0; }
input:focus, textarea:focus { outline:none; }
img { border:none; }
abbr, acronym { border-bottom-width:0 !important; text-decoration:none; }

/* Universal formatting */
@font-face {
	font-family:'Tambor Black';
	src:url('../fonts/tamborblack-webfont.eot?#iefix') format('embedded-opentype'), 
	    url('../fonts/tamborblack-webfont.woff') format('woff'), 
	    url('../fonts/tamborblack-webfont.ttf') format('truetype'),
	    url('../fonts/tamborblack-webfont.svg#svgFontName') format('svg');
}

body { background:#001a00; text-align:left; font:100%/1.4 Arial MT, Arial, Helvetica, sans-serif; color:#000; }
a:link, a:visited { color:#a2552e; text-decoration:underline; }
a:hover, a:active, a:focus { text-decoration:none; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

/* Background image */
#full-screen-background-image {
	display:block; z-index:-999; min-height:100%; min-width:1360px;
	width:100%; height:auto; position:fixed; top:0; left:0;
}

/* App frame */
.app-frame, .app-container { height:auto; min-height:inherit; } .app-frame { top:0; min-width:768px; background:#fff; }
.app-container { background:url(../graphics/2x/app-devices.jpg) no-repeat; background-position:bottom left; background-size:256px; }
.app-text { padding-bottom:5px; margin-left:35%; width:65%; }

/* Main layout */
#layout_main {
	width:1024px; /*height:100%;*/ display:block; overflow:hidden; margin:0 auto;
	background:#faf7f2; border-top:5px solid #99471f; border-bottom:5px solid #99471f;
	-moz-box-shadow:0 0 10px 2px black; -webkit-box-shadow:0 0 10px 2px black; box-shadow:0 0 10px 2px black;
} #layout_main #prnthdr { display:none; }

/* Top section of main layout */
#layout_main #top {
	position:relative; z-index:6; height:153px/*150px*/;
	-moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black; box-shadow:0 0 6px black;
	background:#faf7f2; background:url(../graphics/bklayout.jpg) no-repeat; background-size:cover; background-position:top;
} #skipnav a, #skipnav a:hover, #skipnav a:visited {
	position:absolute; top:-500px; left:0; width:1024px; text-align:center; 
} #skipnav a:active, #skipnav a:focus {
	position:absolute; top:0;
} #layout_main #top header {
	height:124px/*121px*/; border-bottom:5px solid #99471f;
} /*#layout_main #top header #hdr_logo {
	float:left; width:253px; height:100px; margin:10px 0 7px 7px; background:url(../graphics/logo.png) no-repeat; cursor:pointer;
}*/ header .logo { float:left;
} .nav, .nav ul {
	margin:0; padding:0; list-style:none;
} .nav {
	position:absolute; float:left; top:129px/*126px*/; left:0; width:100%; height:23px; 
	background:#00448c; border-bottom:1px solid #555580;
} .nav ul {
	position:absolute; left:-999em; top:23px; z-index:598; width:245px; background-color:#002b59; border-bottom:1px solid #555580;
} .nav li.ltl {
	position:relative; float:left; margin-right:28px;
} .nav li.rtl {
	position:relative; float:right; margin-right:0;
} .nav li > a {
	float:left; height:16px; padding:4px 16px 3px 16px;
	font:12px Arial MT Bold, Arial, Helvetica, sans-serif; color:#faf7f2; letter-spacing:2px; text-decoration:none;
	text-shadow:0 0 1px black; background-color:transparent;
} .nav li.rtl > a {
	float:right;
} .nav li > a:hover, .nav li > a:focus, .nav li:focus > a, .nav li:hover > a {
	background-color:#002b59;
} .nav li:hover ul, .nav li:focus ul, ul.show-menu {
	left:0;
} .nav ul li {
	float:none;
	position:static;
} .nav ul a {
	float:none; display:block; padding:4px 16px 3px 16px;
	font:11px Arial MT Bold, Arial, Helvetica, sans-serif; color:#faf7f2; letter-spacing:1px; text-decoration:none;
	background-color:transparent; border-top:1px solid #555580;
	-webkit-transition:0.1s linear all;
} .nav ul a:hover, .nav ul a:focus {
	background-color:#1f1f1f;
} @-moz-document url-prefix() {
	.nav li > a { font-weight:normal; }
}

.secnav { position:absolute; float:right; top:28px; right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.secnav .icon { display:inline-block; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.secnav .membership { width:121px; height:74px; margin:0 10px 0 0; background:url('../graphics/btn-membership.png') 3px 3px no-repeat; }
.secnav .donate { width:84px; height:88px; margin:0 10px 0 10px; background:url('../graphics/btn-donate.png') 3px 3px no-repeat; }
.secnav .jointeam { width:146px; height:74px; margin:0 20px 0 10px; background:url('../graphics/btn-jointeam.png') 3px 3px no-repeat; }
.secnav .icon:hover, .secnav .icon:focus { border:1px solid #e5d0c0; padding:2px; background-color:#faf7f2; background-position:2px 2px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/*#layout_main #top header nav #secnav {
	position:relative; float:right; margin-top:15px;
} #layout_main #top header nav #secnav .icons {
	float:left;
} #layout_main #top header nav #secnav .membership {
	margin:17px 20px 0 0;
} #layout_main #top header nav #secnav .donate {
	margin:10px 20px 0 0;
} #layout_main #top header nav #secnav .jointeam {
	margin:17px 18px 0 0;
} #layout_main #top header nav #secnav .icon {
	padding:3px; display:block; cursor:pointer;
} #layout_main #top header nav #secnav .icon:hover {
	border:1px solid #e5d0c0; padding:2px; background:#faf7f2;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}*/

#layout_main #subnav {  
    position:relative; top:-125px/*-126px*/; right:0; z-index:599; float:right; list-style:none; padding:2px 0 3px 0; 
	background:#99471f; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px;
} #layout_main #subnav li {  
    float:left; display:block; margin:0; border:none;  
	font:11px Arial MT, Arial, Helvetica, sans-serif; letter-spacing:1px;
} a.mediacenter, a.faqs, a.quickfind, a.contactus, a.search {  
	color:#faf7f2; text-decoration:none; margin-right:10px; height:14px;
	-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;
} #layout_main #subnav li a.mediacenter {
	padding:2px 4px 3px 19px; background:#99471f url('../graphics/sprites-subnav.png') 0 0 no-repeat;  
	-webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; border-top-left-radius:0;
	-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px;
} #layout_main #subnav li a.faqs {
	padding:2px 4px 3px 15px; background:#99471f url('../graphics/sprites-subnav.png') 0 -15px no-repeat;  
} #layout_main #subnav li a.quickfind {
	padding:2px 4px 3px 18px; background:#99471f url('../graphics/sprites-subnav.png') 0 -30px no-repeat;  
} #layout_main #subnav li a.contactus {
	padding:2px 4px 3px 19px; background:#99471f url('../graphics/sprites-subnav.png') 0 -45px no-repeat;  
} #layout_main #subnav li a.search {
	margin-right:6px; padding:2px 4px 3px 21px; background:#99471f url('../graphics/sprites-subnav.png') 0 -60px no-repeat;  
} #layout_main #subnav li a.mediacenter:hover,
#layout_main #subnav li a.faqs:hover,
#layout_main #subnav li a.quickfind:hover,
#layout_main #subnav li a.contactus:hover,
#layout_main #subnav li a.search:hover {  
	background-color:#663014;
} #layout_main #subnav .dropdown_1, #layout_main #subnav .dropdown_2 {  
    width:257px; margin:1px 0 0 0; display:none;  
    position:absolute; z-index:600; top:17px;  
    right:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:1px 2px 4px 4px; background:#fff;  
    border:2px solid #99471f; border-top:0; border-right:0;
	-webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px;
} @-moz-document url-prefix() {
	#layout_main #subnav .dropdown_1, #layout_main #subnav .dropdown_2 { width:256px; top:18px; }
} #layout_main #subnav li:hover .dropdown_1 {  
    right:0; display:block;
} #layout_main #subnav li:hover .dropdown_2 {  
    right:0; display:block; padding-top:3px;
} .search_field {
	float:left; width:210px; height:20px; padding-left:5px; background:#faf7f2; border:1px solid #e5d0c0;
	font-size:11px; -webkit-appearance:none; -webkit-border-radius:0; 
	-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px;
} .search_btn {
	float:right; width:30px; height:22px; margin-right:4px; padding-bottom:1px; background:#faf7f2; border:1px solid #e5d0c0;
	font-size:11px; color:#99471f; text-transform:uppercase;
	-webkit-appearance:none; -webkit-border-radius:0; cursor:pointer; 
	-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px;
}

/* Mid section of main layout */
#layout_main #mid {
	width:1024px; background:#663014;
}

/* Bottom section of main layout */
#layout_main #btm {
	position:relative; z-index:5; border-top:5px solid #99471f; 
	-moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black; box-shadow:0 0 6px black;
	background:#faf7f2; background:url(../graphics/bklayout.jpg) no-repeat; background-size:cover; background-position:bottom;
} #layout_main #btm #social {
	float:left; padding:55px 0 0 278px;
} #layout_main #btm #social .txt {
	float:left; margin:8px 2px 0 0; font-size:13px; color:#99471f; text-transform:uppercase; letter-spacing:3px;
} #layout_main #btm #social .icons {
	float:left; width:34px; height:35px; margin:0 0 0 6px; cursor:pointer;
} #layout_main #btm #social .facebook {
	background:url('../graphics/sprites-social.png') 0 0 no-repeat;
} #layout_main #btm #social .facebook:hover {
	background:url('../graphics/sprites-social.png') 0 -41px no-repeat;
} #layout_main #btm #social .twitter {
	background:url('../graphics/sprites-social.png') -40px 0 no-repeat;
} #layout_main #btm #social .twitter:hover {
	background:url('../graphics/sprites-social.png') -40px -41px no-repeat;
} #layout_main #btm #social .youtube {
	background:url('../graphics/sprites-social.png') -80px 0 no-repeat;
} #layout_main #btm #social .youtube:hover {
	background:url('../graphics/sprites-social.png') -80px -41px no-repeat;
} #layout_main #btm #association {
	float:left; padding-left:30px;
} #layout_main #btm #association #logo-aza {
	float:left; width:126px; height:50px; margin:46px 0 0 0; cursor:pointer;
	background:url('../graphics/sprite_logo-aza.png') 0 0 no-repeat;
} #layout_main #btm #association #logo-aza:hover {
	background:url('../graphics/sprite_logo-aza.png') -126px 0 no-repeat;
} #layout_main #btm #association #logo-apga {
	float:left; width:72px; height:103px; margin:19px 0 0 13px; cursor:pointer;
	background:url('../graphics/sprite_logo-apga.png') 0 0 no-repeat;
} #layout_main #btm #association #logo-apga:hover {
	background:url('../graphics/sprite_logo-apga.png') -72px 0 no-repeat;
} #layout_main #btm .footer {
	padding:20px 5px 5px 5px; font-size:11px; color:#a2552e; letter-spacing:1px; text-align:center;
}

/* Pixel ratio of 1.5. Background-size is 1/1.5 = 66.67% (of a 150px image) */
@media
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	header .logo { background:url('../graphics/2x/logoNEW.png'); background-size:contain; }
/*	header #hdr_logo { background: transparent url(/assets/graphics/1_5x/logo.png) no-repeat; background-size:contain; }
	header #hdr_logo img { display:none; }*/
	.secnav .membership { background:url('../graphics/1_5x/btn-membership.png') 3px 3px no-repeat; background-size:115px 68px; }
	.secnav .donate { background:url('../graphics/1_5x/btn-donate.png') 3px 3px no-repeat; background-size:78px 82px; }
	.secnav .jointeam { background:url('../graphics/1_5x/btn-jointeam.png') 3px 3px no-repeat; background-size:140px 68px; }
	#btm #social .facebook { background:url(/assets/graphics/1_5x/sprites-social.png) 0 0 no-repeat; background-size:114px 76px; }
	#btm #social .facebook:hover { background:url(/assets/graphics/1_5x/sprites-social.png) 0 -41px no-repeat; }
	#btm #social .twitter { background:url(/assets/graphics/1_5x/sprites-social.png) -40px 0 no-repeat; background-size:114px 76px; }
	#btm #social .twitter:hover { background:url(/assets/graphics/1_5x/sprites-social.png) -40px -41px no-repeat; }
	#btm #social .youtube { background:url(/assets/graphics/1_5x/sprites-social.png) -80px 0 no-repeat; background-size:114px 76px; }
	#btm #social .youtube:hover { background:url(/assets/graphics/1_5x/sprites-social.png) -80px -41px no-repeat; }
	#btm #association #logo-aza { background:url(/assets/graphics/1_5x/sprite_logo-aza.png) 0 0 no-repeat; background-size:252px 50px; }
	#btm #association #logo-aza:hover { background:url(/assets/graphics/1_5x/sprite_logo-aza.png) -126px 0 no-repeat; }
	#btm #association #logo-apga { background:url(/assets/graphics/1_5x/sprite_logo-apga.png) 0 0 no-repeat; background-size:144px 103px; }
	#btm #association #logo-apga:hover { background:url(/assets/graphics/1_5x/sprite_logo-apga.png) -72px 0 no-repeat; }
}

/* Pixel ratio of 2. Background-size is 1/2 = 50% (of a 200px image) */
@media
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	header .logo { background:url('../graphics/2x/logoNEW.png'); background-size:contain; }
/*	header #hdr_logo { background: transparent url(/assets/graphics/2x/logo.png) no-repeat; background-size:contain; }
	header #hdr_logo img { display:none; }*/
	.secnav .membership { background:url('../graphics/2x/btn-membership.png') 3px 3px no-repeat; background-size:115px 68px; }
	.secnav .donate { background:url('../graphics/2x/btn-donate.png') 3px 3px no-repeat; background-size:78px 82px; }
	.secnav .jointeam { background:url('../graphics/2x/btn-jointeam.png') 3px 3px no-repeat; background-size:140px 68px; }
	#btm #social .facebook { background:url(/assets/graphics/2x/sprites-social.png) 0 0 no-repeat; background-size:114px 76px; }
	#btm #social .facebook:hover { background:url(/assets/graphics/2x/sprites-social.png) 0 -41px no-repeat; }
	#btm #social .twitter { background:url(/assets/graphics/2x/sprites-social.png) -40px 0 no-repeat; background-size:114px 76px; }
	#btm #social .twitter:hover { background:url(/assets/graphics/2x/sprites-social.png) -40px -41px no-repeat; }
	#btm #social .youtube { background:url(/assets/graphics/2x/sprites-social.png) -80px 0 no-repeat; background-size:114px 76px; }
	#btm #social .youtube:hover { background:url(/assets/graphics/2x/sprites-social.png) -80px -41px no-repeat; }
	#btm #association #logo-aza { background:url(/assets/graphics/2x/sprite_logo-aza.png) 0 0 no-repeat; background-size:252px 50px; }
	#btm #association #logo-aza:hover { background:url(/assets/graphics/2x/sprite_logo-aza.png) -126px 0 no-repeat; }
	#btm #association #logo-apga { background:url(/assets/graphics/2x/sprite_logo-apga.png) 0 0 no-repeat; background-size:144px 103px; }
	#btm #association #logo-apga:hover { background:url(/assets/graphics/2x/sprite_logo-apga.png) -72px 0 no-repeat; }
}

@media only screen and (orientation:portrait), only screen and (max-width:1023px) {
	#layout_main { width:768px; }
	#layout_main #mid, #skipnav a, #skipnav a:hover, #skipnav a:visited { width:768px; }
	.nav-btn { padding:3px 15px 0 15px; margin:0 0 0 1px; }
	.nav li > a { letter-spacing:1px; }
	.nav li.ltl { margin-right:8px; }
	.nav li > a { letter-spacing:1px; }
	.nav li.ltl > a, .nav ul a { padding:4px 10px 3px 10px; }
	.nav li.rtl > a { padding:4px 11px 3px 11px; }
	#layout_main #btm #social { padding-left:148px; }
}

#layout_mobile { display:none; }

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
#layout_main #top header, #layout_main #top nav, #layout_main #btm footer { display:block; }

@media only screen and (min-width:1024px) {
	.app-container { max-width:1024px; height:180px;  }
	.app-text { margin-left:25%; width:75%; }
}