/* High Flying Flag Co. CSS */

body             { color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.65em; background-image: url("images/bg-striped.gif"); text-align: center; margin: 0; padding: 0 }

#hhflags        { background: url("images/content-back.gif"); text-align: left; margin: 0 auto; padding: 0; position: relative; width: 742px; border-right: 0 solid #fff; border-left: 1px solid white; voice-family: inherit       }
html>body #hhflags      { width: 742px }

a    { color: #a31c05; font-weight: normal; text-decoration: underline }
a:hover    { color: #1b466f; text-decoration: none }

a.cr     { color: #9c9c9c; font-weight: normal; text-decoration: underline }
a.cr:hover   { color: #62625d; text-decoration: none }

#header         { text-align: center; padding: 0; height: 155px }  
#header img { border: 0 }
#header a { border: 0 }
/* Hides from IE-mac \*/
 * html #header    { margin-bottom: 0 }
/* End hide from IE5/mac */
#blue  { width: 251px; height: 25px; float: left }
#footer        { color: #9c9c9c; font-size: 9px; line-height: 16px; text-align: center; margin-top: 30px; margin-bottom: 10px; padding: 5px 0; width: 465px; border-top: 1px solid #ebebe9; border-bottom: 1px solid #ebebe9 }  
#copyright  { color: #9c9c9c; font-size: 9px; line-height: 16px; text-align: center; margin-bottom: 20px }

span.quiet { display: none }

#main     { background-color: white; margin: 0; padding: 0; width: 490px; float: left }
  * html #main    { width: 489px }
#content       { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; margin: 0; padding: 0 10px 5px; width: 470px }

#quotebox { background-image: url("images/pam-andersen-quote.jpg"); margin-top: 15px; margin-bottom: 15px; width: 469px; height: 118px }
#quote { color: #323232; text-align: justify; padding-top: 10px; padding-left: 15px; width: 335px }
.lt { color: #828282 }
#usflags  { margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebe9 }
#flag-photo  { width: 120px; height: 75px; float: left }
#blurb  { text-align: justify; margin-top: 10px; padding-left: 8px; width: 330px; float: left }
#blurb h3   { margin-left: 0 }
#intro   { text-align: justify; padding-top: 40px; padding-right: 10px }
#intro h2 { margin-top: 0; margin-bottom: 5px }
#flag-brochure      { background-image: url("images/flag-brochure.jpg"); margin-top: 0; margin-bottom: 0; margin-left: 2px; width: 462px; height: 156px }
#flag-brochure h3  { color: #a31c05; margin-bottom: 2px; margin-left: 0 }
#flag-brochure .arrow-list li   { margin-top: 2px; margin-left: 10px }
#quote2  { color: #323232; text-align: justify; padding-top: 32px; padding-left: 15px; width: 324px }
#lftlist     { margin-top: 10px; margin-left: 15px; width: 200px; float: left }
#rtlist    { margin-top: 10px; margin-left: 10px; position: relative; float: left }
.flag-list li	   { color: #a31c05; list-style: circle; display: list-item; margin-left: 15px }

#flag-supply  { text-align: center; margin-top: 15px; margin-bottom: 0 }
#flagpoles    { margin: 20px 8px 0 }
#flagpoles h2 { margin-left: 5px }
#flag-project { background-color: #eef2f3; margin-right: 7px; margin-bottom: 20px; margin-left: 5px }

.arrow-list li	 { background: url("images/arrow.gif") no-repeat 0 50%; list-style-type: none; list-style-image: none; display: list-item; padding-left: 12px }
#photo { float:right; width:234px; height: 172px; margin: 0 0 0 1.5% }
.print-list li	   { background: url("images/arrow.gif") no-repeat 0 50%; list-style-type: none; list-style-image: none; display: list-item; margin-bottom: 15px; margin-left: 20px; padding-left: 12px }

#featured { text-align: center; margin-top: 10px; padding-top: 20px; padding-bottom: 15px }
#flag-quote { text-align: justify; padding-right: 25px; padding-bottom: 20px; padding-left: 25px }
#left  { text-align: center; margin-bottom: 20px; width: 221px; float: left }
#right  { text-align: center; margin-bottom: 20px; padding-left: 10px; width: 221px; float: left }
#flags2 { margin: 20px 8px 0 }
#flags3  { text-align: justify; margin: 20px 8px 0 }
#flags3 h2 { margin-top: 15px; margin-right: 0; margin-bottom: 10px }
#flags3 h5 { margin-top: 22px; margin-left: 0 }
#map-list { margin-left: 30px; width: 400px }
.map-list li   { color: #595959; line-height: 1.5em; white-space: normal; list-style-type: decimal; list-style-position: inside; display: list-item }
#map { color: #9c9c9c; font-size: 10px; text-align: center }
#map a { color: #9c9c9c; text-decoration: underline }
#sidebarWrap         { text-align: justify; padding-top: 0; padding-bottom: 20px; width: 251px; float: left }
#sidebar     { font-size: 11px; line-height: 1.5em; padding-right: 0; padding-left: 0; width: 251px }
#break   { padding: 12px 20px 15px 22px }
#main-break   { padding: 12px 20px 15px 22px }
#main-break .arrow-list li    { margin-top: 2px; margin-left: 10px }
#snapshots { margin-top: 15px; margin-left: 14px }
#snapshots .arrow-list li { margin-left: 12px }
ul           { color: #a31c05; list-style-type: none; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0 }

#sidebar p    { color: #595959; font-family: Verdana, Arial, Helvetica, sans-serif }
#sidebar ul  { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
#sidebar h3   { font-size: 12px; font-weight: bold; margin: 0 0 7px }


p      { color: #595959; margin: 0 }
h2          { color: #1b466f; font-size: 12px; font-weight: bold; margin: 15px 0 20px }
h3            { color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 8px }
h3 a { font-weight: bold }
h4     { color: #62625d; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 4px; padding-top: 5px; padding-left: 15px }
h5  { color: #a31c05; font-size: 11px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 10px }
.bold { font-weight: bold }
.bold2  { font-weight: bold; margin-right: 5px }


#menu            { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 }
/* Overcome margin bug in IE/Win floats, 
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #menu { margin-top: 0px }
#menu ul    { text-align: center; list-style-type: none; margin: 0; padding: 0; border: 0 }
#menu ul li { padding: 0; margin: 0; float: left; text-align: center; display: block }
#menu ul li a         { color: #fff; font-weight: bold; line-height: 25px; text-decoration: none; background-color: #1b466f; text-align: center; display: block; margin: 0; padding: 0; width: 115px; height: 25px; border-right: 1px solid #fff }
#menu ul li#home a	  { width: 75px }
#menu ul li#about a	  { width: 105px }
#menu ul li#flags a	  { width: 191px }
#menu ul li a:hover, #menu ul li a:hover.selected    { color: white; text-decoration: none; background: #3082bb; margin: 0; padding: 0 }
#menu ul li a.selected   { color: #a31c05; background: #fff; margin: 0; padding: 0 }