@import url('zero.css');
@import url('jquery.lightbox.css');

body, table { font: 12px/1.4 "Times New Roman", "Times", serif; color: black; }

body { background: #D0D0D0; margin: 0; padding: 40px 0; }
#outer { background: url(../images/background.jpg) no-repeat top center; width: 1027px; margin: 0 auto; height: 842px; }
	#container { padding: 48px 33px; }

img { border: 0; }

a { text-decoration: none; }
    a:hover { text-decoration: underline; }

.first { margin-top: 0 }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.content { }
	.content h2 { font-size: 120%; color: #575199; }

#header { position: relative; }
	#header .copyright { position: absolute; bottom: 0; right: 0; text-transform: uppercase; color: #575199; }

#nav { margin: 20px 0 55px 0; padding: 15px 0; border-top: 1px dotted #575199; border-bottom: 1px dotted #CE3E23; }
	#nav #logo { width: 263px; height: 16px; background: url(../images/american_logo.png); text-indent: -5000px; margin-bottom: 15px; }
	#nav ul { }
		#nav li { display: inline; font-size: 14px; letter-spacing: 0.5px; margin-right: 2px; color: #6C6BA5;}
      #nav li a {color: #6C6BA5;}
      #nav li a:hover {color: #CE3E23; text-decoration: none;}

#left { width: 300px; float: left; }
	#left .content { padding-top: 115px; color: #CF3D24 }

#right { width: 635px; float: right; }
	#banner { margin-bottom: 7px; }
	#teasers { }
		#teasers a { display: block; float: left; margin-left: 7px; }
		#teasers a.first { margin-left: 0; }
#button {float:left; margin-left: 18px;}

#christmas-banner{
  display: inline;
  float: left;
  margin: 10px 10px 35px 35px;
}