*								{ margin: 0px; padding: 0px; outline: none; }

body							{ background: #e5e6e6 url(images/pagebg.gif) repeat-x top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; }
.clear							{ clear: both; }

/* container1 is the 1px high repeating background for the page. container2 is the top of the page (logos, top shadow, badges/stickers) */
#container1						{ width: 816px; background: url(images/pagemiddle.gif) repeat-y; margin: 0px auto; font-size: 11px; }
#container2						{ width: 816px; background: url(images/pagetop.jpg) no-repeat; }

/* ------- Header Styles ------- */
#header							{ padding: 55px 50px 0px 60px; height: 118px; width: 706px; }
#header h1#logo					{ display: block; width: 181px; height: 67px; float: left; font-size: 0.01em; padding-top: 51px; }
#header h1#logo a				{ display: block; width: 181px; height: 67px; text-indent: -9999px; }
#header a#about					{ width: 115px; height: 85px; text-indent: -9999px; font-size: 0.01em; float: right; display: block; }
#header a#contact				{ width: 95px; height: 93px; text-indent: -9999px; font-size: 0.01em; float: right; display: block; }
h4 { margin-bottom: 0.8em; }

/* ------- Nav Styles ------- */
#nav							{ width: 730px; height: 30px; margin: 10px auto 0px; text-align: center; text-transform: uppercase; font-size: 1.0em; letter-spacing: -0.04em; }
#nav a							{ color: #032c95; text-decoration: none; }
#nav a:hover					{ color: #FC595E; }
#nav ul							{ padding-top: 5px; }
#nav li							{ display: inline; list-style: none; padding: 0px 10px 0px 14px; border-left: 1px solid black; }
#nav li.first					{ border: none; }

/* ------- Photo and Welcome Text ------- */
#content-home					{ width: 700px; background: url(images/delivering-the-world.jpg) no-repeat top right; margin: 0px auto; color: #454444; margin-top: 15px; padding-top: 15px; min-height: 237px; height: auto !important; height: 237px; }
#content-home p					{ width: 215px; margin-bottom: 10px; line-height: 15px; }


/* ------- Tools and Services ------- */
#mid-home						{ width: 685px; height: 80px; margin: 0px auto; background: url(images/midbg.gif) no-repeat; }
#mid-home .left					{ width: 175px; float: left; }
#mid-home .left h3				{ height: 14px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; }
#mid-home a						{ height: 50px;  text-indent: -9999px; font-size: 0.01em; display: block; width: 87px; float: left; }
#mid-home a.airplane			{ background: url(images/airplane.gif) no-repeat top center; }
#mid-home a:hover.airplane		{ background: url(images/airplane.gif) no-repeat bottom center; }
#mid-home a.luggage				{ width: 88px; background: url(images/luggage.gif) no-repeat top center; float: right; }
#mid-home a:hover.luggage		{ background: url(images/luggage.gif) no-repeat bottom center; }
#mid-home .right				{ width: 460px; float: right; margin-right: 0px; color: #666; font-size: 1.2em; letter-spacing: 0.05em; }
#mid-home .right h3				{ height: 11px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; }
#mid-home .right ul				{ list-style-position: inside; }
#mid-home ul.ul-left			{ width: 260px; float: left; margin: 7px 0px 0px 20px; line-height: 21px; font-size: 0.85em; }
#mid-home ul.ul-right			{ width: 150px; float: right; margin: 7px 0px 0px 10px; line-height: 21px; font-size: 0.85em;  }


#description					{ width: 734px; background: #f6f6f6; border-top: 1px solid #dcd9cc; border-bottom: 1px solid #dcd9cc; margin: 15px auto 0px; }
#description #info				{ width: 200px; float: left; color: #454444; line-height: 15px; padding: 15px 0px 0px 20px; }
#description #info h3			{ color: #000000; text-transform: uppercase; font-size: 1.35em; margin-bottom: 10px; }
#description #photo				{ width: 500px; float: right; }

#description #tools				{ width: 183px; height: 80px; background: url(images/tools.gif) no-repeat top left; margin-top: 15px; margin-left: 0px; } 
#description #tools h3			{ height: 5px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; }
#description #tools a			{ height: 50px;  text-indent: -9999px; font-size: 0.01em; display: block; width: 87px; float: left; }
#description #tools a.airplane	{ background: url(images/airplane.gif) no-repeat top center; }
#description #tools a:hover.airplane { background: url(images/airplane.gif) no-repeat bottom center; }
#description #tools a.luggage	{ width: 88px; background: url(images/luggage.gif) no-repeat top center; float: right; }
#description #tools a:hover.luggage { background: url(images/luggage.gif) no-repeat bottom center; }


#subcontent						{ width: 674px; min-height: 207px; height: auto !important; height: 207px; margin: 0px auto; padding: 20px 40px 0px 20px; color: #454444; line-height: 15px; background: url(images/subgradient.gif) repeat-x top; }
#subcontent span				{ font-size: 1.35em; }
#subcontent a					{ color: #FC595E; text-decoration: none; }
#subcontent p					{ margin-bottom: 18px; font-size: 13px; line-height: 150%; }
#subcontent ul					{ margin-bottom: 13px; margin-left: 18px; }
#subcontent li					{ margin-bottom: 10px; font-size: 12px; line-height: 165%; }
#subcontent h2					{ margin-bottom: 22px; font-size: 18px; color: #333;}
#subcontent h3					{ margin-bottom: 16px; font-size: 15px; color: #666; }

/* ------- Bottom of the page (logos, bottom shadows wrapped into one background JPEG) ------- */
#bottom							{ width: 816px; min-height: 298px; height: auto !important; height: 298px; background: url(images/footerbg.jpg) no-repeat bottom; }

/* ------- Polaroids ------- */
#photos							{ width: 779px; height: 225px; margin-left: 20px; background: url(images/photos.jpg) no-repeat; padding-top: 12px; }
#photos a						{ display: block; float: left; height: 160px; text-indent: -9999px; }
#photos a.one					{ width: 245px; }
#photos a.two					{ width: 240px; margin-left: 23px; }
#photos a.three					{ width: 245px; float: right; }


/* ------- Footer Styles ------- */
#footer							{ width: 816px; height: 56px; text-align: center; color: #004461; letter-spacing: 0.1em; padding-top: 65px; clear: left; }
#bottom.home #footer			{ padding-top: 5px; } /* because of the placement of the polaroids, the bottom logos are included in the polaroid JPEG. it's complicated, but the 65px margin is needed on subpages and not on the homepage. take it out in #footer and see what happens. */
#footer span					{ padding: 0px 12px; }

/* ------- Travel Resources Page ------- */
#travel-resources				{ position: relative; width: 695px;}
#security-related 				{ width: 211px;	float: left; display: block; padding-left: 20px; }
#us-government 					{ width: 211px; float: left; display: block; padding-left: 20px; }
#health-related 				{ width: 211px; float: left; display: block; padding-left: 20px;}

#contact {float: left; width: 404px;}
#address {float: left; width: 270px;}
#access {display: none;}
#raccoon {width: 0; height: 0; border: 0 none; margin: 0; padding: 0;}
td {font-size: 13px; padding-right: 10px; padding-bottom: 15px;}
td.right {text-align: right; vertical-align: top;}
td span {color: red}
a#onwired { color: #999; text-decoration: none; }