* {font-family: calibri, Georgia, Verdana, Arial, Sans-serif; font-size: 12px; } body {text-align:left; background: #064570;margin: 0 auto; background-image: url(images/NFI_Body.jpg); background-repeat:repeat; padding: 5px 0 5px 0px;} .wrapper_middle {text-align: left; width: 627px; margin: 0 auto; background: white;} .wrapper_inner {float: left; width: 190px; background: white; color: yellow;} .column_left_b {float: left; width: 55px; background: transparent;} .column_wide {background: transparent; width: 780px; float: left; margin: 0 auto; padding: 0px 0 0 15px; font-size: 10px; color: black;} h1 {background-color: transparent; color: #484639; font-size: 14pt; font-weight: bold; text-align: left; font-family: calibri, Georgia, "Times New Roman", Verdana; margin: 15px; border-top: solid 0px #aaa275; border-bottom: solid 0px #aaa275; background-image: url(images/zH1.gif); background-repeat:repeat-x;} h1.small, h2, h3 {color: gray;margin: 5px 15px 5px 15px;font-size: 12pt; display: block; background : white; vertical-align: baseline; border-bottom: gray thin solid; border-top: gray thin solid; font-family: calibri, Georgia, verdana, Arial, Sans-serif;} h4 {background: transparent; color: #484639; font-size: 10pt; font-weight: bold; text-align: left; font-family: calibri, Georgia, "Times New Roman";padding: 0px 0 0px 0;} img {padding: 0px;border: solid 0px black; /* NS: Added these for responsive: */ max-width: 100%; height: auto; width: auto\9; /* ie8 */ display: block; margin-left: auto; margin-right: auto;} img.floatright {padding: 1em; float: right;} img.floatfarright {padding: .1em; float: right; position: relative; top: 0px; right: -300px;} img.floatleft {padding: .1em; float: left;} img.floatfarleft{padding: .1em; float: left; position: relative; top: 0px; left: -300px;} img.portrait {padding: 0 20px 0 25px;} img.normal {padding: 0px; margin: 0px;} img.gallery {padding: 10px 0px 5px 0px;color: #2F250C;letter-spacing: 1px;margin: 0px;clear:both; overflow: hidden;position: static; border: solid 0px white;background-color: #FDD188; float: left;} p {margin: 15px; color: black; text-align: left; line-height: 1.4em; font-size: 18px; } p.homepage {width: 500px; background: white; padding: 0 50px 0 50px; color: gray; text-align: justify; line-height: 16px;} p.leftcolumn {width: 100px; background: blue; padding: 0 0px 0 0px; color: gray; text-align: justify; line-height: 16px;} p.rightcolumn {text-align: left; line-height: 1.5em; text-indent: 0px; font-size: 18px; } p.footnote {margin: 15px; color: #081F7C; } p.footer {background: #FDD188; margin: 0px; color: #000000; text-align: left; padding-left: 30px; background-image: url(images/American_Aviators_bottom.jpg); background-repeat:repeat-x;} li {margin: 15px; line-height: 1.2em; text-indent: 0px; } .emphasis {color: black; text-align: center; font-weight: bold;} .small {color: #30250E; font-variant:small-caps; text-decoration: none; background:#F2F2F2;} .quote {color:#800000; font-style: italic; font-size: 18px; } .caption {color:#1b1a18; font-style: italic; text-align:center; width: 500px;} .clear_across {clear: both; background: transparent; height: 0px; color: white; border-top: solid 0px #C7D6B5; } /* Google Map overrides. */ .column_map {background: transparent; width: 720px; float: left; margin: 0 auto; padding: 0px 0 0 15px; font-size: 16px; color: black;} #map p {font-size: 11px; color: #081F7C; background-color: #f6f6f6;width: 400px;margin: 0px; background-image: url(images/NFI_Background.jpg); background-repeat:repeat-y;} #map {padding: 0px; position:relative; top:0px; left:10px; width:700px; height:550px} #sidebar {float: left; width: 190px; background: transparent; border-left: solid 0px #C7D6B5; margin: 0px;text-align: right; padding: 0 5px 0 7px; background-image: url(images/zAmerican_Aviators_Right.jpg); background-repeat:repeat-y;} a.sidelinks {color: #484639; padding: 0px 0px 0 20px; height: 13px;border: solid 0px #eeeae7; text-align: right; text-transform: none; text-decoration: underline;background-position: left;} a.sidelinks:link {color: blue; height: 13px;background-image:url(images/USAS_Rondel1.gif);background-repeat: no-repeat; } a.sidelinks:visited{color: #484639; height: 13px;background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; } a.sidelinks:hover {color: green; height: 13px;background-image:url(images/USAS_Rondel3.gif);background-repeat: no-repeat;} a.sidelinks:active {color: blue; height: 13px;background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; } a {color: blue; padding: 0 0px 0 0px; height: 10px;border-bottom: dashed 0px gray; text-align: center; padding: 0 20px 0 0; background-position: right; font-size: 18px; } a:link {color: blue; text-decoration: underline; padding: 0;} a:visited {color: #484639; text-decoration: dashed; padding: 0;} a:hover {color: green; text-decoration: underline; padding: 0;} a:active {color: blue; text-decoration: underline; padding: 0;} a.bodyLinksBlock3 {color: #484639; padding: 7px 0px 0 0px; height: 26px;border: solid 0px #eeeae7; text-align: right; display: block; text-transform: none; text-decoration: underline;background-position: left; width: 133px; font-size: 14px; } a.bodyLinksBlock3:link {color: blue; background-image:url(images/USAS_Rondel1.gif);background-repeat: no-repeat; } a.bodyLinksBlock3:visited{color: #484639; background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; } a.bodyLinksBlock3:hover {color: green; background-image:url(images/USAS_Rondel3.gif);background-repeat: no-repeat;} a.bodyLinksBlock3:active {color: blue; background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; } a.bodyLinksBlock2 {color: #484639; padding: 7px 0px 0 0px; height: 15px;border: solid 0px #eeeae7; text-align: right; display: block; text-transform: none; text-decoration: underline;background-position: left; width: 133px; font-size: 14px;} a.bodyLinksBlock2:link {color: blue; height: 15px;background-image:url(images/USAS_Rondel1.gif);background-repeat: no-repeat; } a.bodyLinksBlock2:visited{color: #484639; height: 15px;background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; } a.bodyLinksBlock2:hover {color: green; height: 15px;background-image:url(images/USAS_Rondel3.gif);background-repeat: no-repeat;} a.bodyLinksBlock2:active {color: blue; height: 15px;background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; } a.bodyLinksBlock {color: blue; padding: 0 0px 0 0px; border-bottom: dashed 0px gray; text-align: center; padding: 0 20px 0 0; background-position: right;font-size: 18px; } a.bodyLinksBlock:link {color: blue; text-decoration: underline; background-image:url(images/USAS_Rondel1.gif);background-repeat: no-repeat; padding: 0 20px 0 0;} a.bodyLinksBlock:visited{color: #484639; text-decoration: dashed;background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat;padding: 0 20px 0 0;} a.bodyLinksBlock:hover {color: green; text-decoration: underline;background-image:url(images/USAS_Rondel3.gif);background-repeat: no-repeat;padding: 0 20px 0 0;} a.bodyLinksBlock:active {color: blue; text-decoration: underline;background-image:url(images/USAS_Rondel2.gif);background-repeat: no-repeat; padding: 0 20px 0 0;} .ppform {margin-left: 10px; text-align:left;} a.text {margin: 0px 0px 0px 0px; color: blue;font-size: 15px;text-decoration: underline; background-position: right; padding: 0 20px 0 0;} a.text:link {text-decoration: underline; color: blue; letter-spacing: 0px;background-image:url(images/USAS_German.jpg);background-repeat: no-repeat;} a.text:visited {text-decoration: underline; color: #484639;background-image:url(images/USAS_Rondel2.jpg);background-repeat: no-repeat;} a.text:hover {text-decoration: underline; color: blue;background-image:url(images/USAS_Rondel.jpg);background-repeat: no-repeat;} li {color:black;} p.footer a {font-size: 15px; color:blue;} i {color: gray;} a.centered {text-align: center; font-weight: 100; text-decoration: underline; color: gray; padding: 0 0 4px 0; width: 100%; margin: 0 0 4px 0; display: block; border: solid 0px gray; background: transparent;} img.AAM1 {padding: 5px; background-image:url(images/AAM_Frame1.gif);background-repeat: no-repeat; } img.AAM2 {padding: 25px; background-image:url(images/AAM_Frame2.gif);background-repeat: no-repeat; } img.AAM3 {padding: 25px; background-image:url(images/AAM_Frame3.gif);background-repeat: no-repeat; } img.AAM4 {padding: 25px; background-image:url(images/AAM_Frame4.gif);background-repeat: no-repeat; } img.AAM5 {padding: 25px; background-image:url(images/AAM_Frame5.gif);background-repeat: no-repeat; } /* Many of these aren't being used yet... */ .col1, .col1b, .col1c, .col2, .col3, .col4, .col5 {border-bottom: solid 0px gray;float: left; padding: 0px; text-align: center; background-repeat: no-repeat;background: #F2EAC5;} .col1 {width: 380px; } .col2 {width: 380px; } .col3 {width: 150px; background: #F3F3EF;} .col4 {width: 150px; background: #F3F3EF;} .col5 {width: 100px; background: #F3F3EF;} .column_right a {width: 130px; border-top: dashed 0px; } /* for PayPal combo boxes, etc. */ form, table {display: inline-block;text-align: center;} /* for icontact form */ .link,#SignUp .signupframe { color: #000000; font-family: Arial, Helvetica, sans-serif; } .link { text-decoration: none; } #SignUp .signupframe { border: 1px solid #E3DE17; background: #FFFFFF; } .signupframe { width: 130px; } @media screen and (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ .wrapper_outer {text-align: left; width: 100%; margin: 0 auto; background: white; border: 0px black solid; background-image: url(images/NFI_Background.jpg); background-repeat:repeat-y; } .column_center {background: transparent; width: 90%; float: left; padding: 0px; font-size: 11px; color: black;margin: 5%;} .column_left {display: none;} .column_right,.column_right2 {display: none;} #header_banner {height: 150px; padding: 0; z-index: 50; background-image:url(images/American_Aviators_Banner_320.jpg); background-repeat: no-repeat; background-position: center center;} } @media screen and (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ } @media screen and (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ #header_banner {height: 324px; padding: 0; z-index: 50; background-image:url(images/American_Aviators_Banner.jpg);background-repeat: no-repeat;} } @media screen and (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ .wrapper_outer {text-align: left; width: 960px; margin: 0 auto; background: white; border: 0px black solid; background-image: url(images/NFI_Background.jpg); background-repeat:repeat-y; } .column_center {background: transparent; width: 550px; float: left; padding: 0px; font-size: 11px; color: black;margin: 0 15px 0 20px;} .column_left {display: inline; float: right; width: 130px; background: transparent; margin: 0 60px 0 25px;} .column_right,.column_right2 {display: inline; float: left; width: 130px; background: transparent; border-left: solid 0px #C7D6B5; margin: 0px;text-align: right; padding: 0 5px 0 7px; background-image: url(images/zAmerican_Aviators_Right.jpg); background-repeat:repeat-y; } .column_right2 {display: inline; background: #F3F3EF; } #sideNavigationDiv {float: left; width: 200px; background: transparent; color: white; padding: 130px 15px 0px 15px;} #TopNavigationDiv {text-align: right; float: right; width: 200px; background: transparent; color: white; margin: 0px 0px 0px 315px;} } @media screen and (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ } @media screen and (min-width:1281px) { /* hi-res laptops and desktops */ }