html {
margin: 0; padding: 0;
}

body {
background: #054205 url('images/background_nfl.gif') repeat-x;
color: #000;
font: 13px/17px verdana, sans-serif;
margin: 0; padding: 0;
}

a:link {color:#060; background: transparent; font-weight: bold; text-decoration:none; }
a:visited {color:#060; background: transparent; font-weight: bold; text-decoration:none; }
a:hover {text-decoration:underline;}
a:active {color:#fff; background: #900; font-weight: bold; text-decoration:none; }

div#backdrop {
width: 742px;
color: #000;
background: #fff url('images/backdrop.gif');
margin: 0 auto 0 auto;
padding: 0;
}

div#container {
display: block;
width: 700px;
color: #000;
background: transparent;
margin: 0 auto 12px auto;
padding: 0 12px 12px 12px;
}

/*-- This is the CSS code for the tabbed navigaton table below the banner --*/


table.navbar	{
width: 100%;
border: 0;
margin: 0;
padding: 0;
color: #000;
background: #000;
text-align: center;
}

td.navbar1	{
height: 21px;
vertical-align: middle;
color: #060;
background: #fff;
font: bold 16px/16px arial, helvetica, sans-serif; 
border-bottom: 3px #fff solid;
}

td.navbar2	{
height: 21px;
vertical-align: middle;
color: #060;
background: #fc3;
font: bold 16px/16px arial, helvetica, sans-serif; 
border-bottom: 3px #fc3 solid;
}

td.navbar3	{
width: 100%;
height: 21px;
vertical-align: middle;
color: #060;
background: #093;
font: bold 16px/16px arial, helvetica, sans-serif; 
border-bottom: 3px #fc3 solid;
}

a.navbar:link {color:#060; background: transparent; text-decoration:none;}
a.navbar:visited {color:#060; background: transparent; text-decoration:none;}
a.navbar:hover {color:#fff; background: transparent; text-decoration:none;}
a.navbar:active {color:#fff; background: transparent; text-decoration:none;}


/*-- The is all the CSS code the makes the navigation links behave like JavaScript rollovers (it doesn't take much, does it?) --*/

div#navlinks {
width: 100%;
margin-top: 15px;
}

div#navlinks a {
color: #060;
background: #fc3 url('images/button.gif');
font: bold 13px/13px arial, helvetica, sans-serif; 
text-align: center;
text-decoration: none;
display: block;
padding: 3px 3px 5px 3px;
margin: 0;
}

div#navlinks a:hover {
color: #666;
background: #fc3 url('images/button2.gif');
text-decoration: none;
}

div#navlinks a:active {
color: #fff;
background: #fc3 url('images/button3.gif');
text-decoration: none;
}

div#navlinks a.yourhere {
color: #060;
background: #fc3 url('images/button3.gif');
text-decoration: none;
}






table#content {
width: 100%;
}

td.content1 {
color: #000;
background: #fff;
width: 496px;
vertical-align: top;
padding: 0;
}

td.content2 {
color: #000;
background: #fff;
width: 15px;
vertical-align: top;
padding: 0;
}

td.content3 {
color: #000;
background: #fc3;
width: 189px;
vertical-align: top;
padding: 9px;
}

div#sidebar {
color: #000;
background: #ccc;
width: 180px;
height: 1050px;
float: right;
margin: 0 0 0 15px;
padding: 9px;
}

div.dotted {
color: #000;
background: #bb6;
margin: 0 12px 0 12px;
padding: 3px 6px 0 6px;
border-top:  #fff 1px solid;
border-right:  #999 2px solid;
border-bottom:  #666 2px solid;
border-left:  #fff 1px solid;
}

div.acrobat {
color: #000;
background: #fff;
margin: 9px 12px 0 9px;
padding: 3px 6px 6px 6px;
border-top:  #999 1px solid;
border-right:  #666 2px solid;
border-bottom:  #333 2px solid;
border-left:  #999 1px solid;
}

div#breadcrumb {
font: 10px/12px verdana, sans-serif;
margin: 6px 0 9px 0;
}


div.breadbox {
margin: 24px 0 12px 0;
padding: 3px 15px 15px 15px;
border: #999 1px solid;
}

div#copyright {
color:#060;
background: transparent;
text-align: center;
font: 9px/10px verdana, sans-serif;
padding: 3px 0 0 0;
border-top: #ccc 2px solid;
margin: 0;
}

div.center {
display: block;
text-align: center;
}

div.weather {
display: block;
text-align:center;
width: 270px;
height: 175px;
margin-top: 18px;
margin-bottom: 18px;
margin-left: 110px;
}

div#dontshow {
display: none;
}

h1 {
color:#060;
background: transparent;
font: normal bold 24px/27px arial, geneva, sans-serif;
text-align: center;
margin: 36px 0 18px 0;
}

h1.a {
color:#060;
background: transparent;
font: normal bold 36px/36px impact, arial, geneva, sans-serif;
text-align: center;
margin: 36px 0 18px 0;
}

h2 {
color:#060;
background: transparent;
font: normal bold 18px/21px arial, geneva, sans-serif;
text-align: left;
margin: 36px 0 0 0;
}

h2.center {
color:#060;
background: transparent;
font: normal bold 18px/21px arial, geneva, sans-serif;
text-align: center;
margin: 0;
}

h3 {
color:#060;
background: transparent;
font: normal bold 16px/19px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 9px 0 0 0;
}

h4 {
color:#000;
background: transparent;
font: normal bold 14px/16px arial, verdana,geneva, sans-serif;
text-align: center;
margin: 6px 0 6px 0;
}


/* Be kind to Netscape 4* /

p, td, ol, ul, li, dl, dt, dd {font-family: verdana, sans-serif;}

/* Done being kind to Netscape 4 */


p {
margin: 7px 0 0 0;
}

p.indent {
margin: 7px 36px 0 36px;
}

p.a {
margin: 15px 0 0 0;
}

p.center {
text-align: center;
}

p.right {
margin: 28px 0 0 0;
text-align: right;
}

p.indent {
margin: 7px 24px 0 24px;
}

p.sm11 {
font: 11px/14px verdana, sans-serif;
margin: 18px 0 0 0;
}

p.sm11indent {
font: 11px/12px verdana, sans-serif;
margin: 18px 72px 0 72px;
}

p.sm {
font: 10px/11px verdana, sans-serif;
margin: 6px 0 0 0;
}

p.xsm {
font: 10px/12px verdana, sans-serif;
margin: 3px 0 0 0;
text-align: center;
}

p.smcenter {
font: 10px/12px verdana, sans-serif;
text-align: center;
margin: -4px 0 0 0;
}

input {
font: 9px/9px verdana, sans-serif;
}

ol, ul {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

li {
background: url('images/bullet.gif') left top no-repeat;
color: #000;
margin-top: 7px;
padding-left: 15px;
}

span.smallcaps {
font-variant: small-caps;
}

span.sm {
font-size: 11px;
}

span.red {
color: #f00;
background: transparent;
font-weight: bold;
}

span.green {
color: #060;
background: transparent;
font-weight: bold;
}

span.white {
color: #fff;
background: transparent;
font-weight: bold;
}

img {
border: 0;
}

img.center {
display: block;
text-align: center;
margin: 12px auto 12px auto;
}

img.center2 {
display: block;
text-align: center;
margin: 12px auto 0 auto;
}

img.gallery {
margin: 12px auto 12px 84px;
}

img.left {
margin: 9px 9px 6px 0;
float: left;
}

img.right {
margin: 9px 0 6px 9px;
float: right;
}

div.guided {
display: block;
width: 409px;
margin: 9px auto 12px 33px;
}

td.guidedhead {
padding: 3px;
text-align:center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
border-bottom: #030 2px solid;
}

td.guideddata {
padding: 3px;
text-align:center;
vertical-align: middle;
border-bottom: #030 1px dotted;
}

td.guideddata1 {
padding: 3px;
text-align:center;
vertical-align: middle;
width: 165px;
border-bottom: #030 1px dotted;
}

td.guideddata2 {
padding: 3px;
text-align:center;
vertical-align: middle;
width: 122px;
border-bottom: #030 1px dotted;
}


div.prices {
display: block;
width: 480px;
margin: 9px auto 12px 0;
}

td.pricehead {
padding: 3px 0 3px 0;
text-align:center;
vertical-align: middle;
font-size: 9px;
font-weight: bold;
border-bottom: #030 2px solid;
}

td.pricedata {
padding: 3px 0 3px 0;
text-align:center;
vertical-align: middle;
border-bottom: #030 1px dotted;
}

td.pricedata1 {
padding: 3px 0 3px 0;
text-align:center;
vertical-align: middle;
width: 228px;
border-bottom: #030 1px dotted;
}

td.pricedata2 {
padding: 3px 0 3px 0;
text-align:center;
vertical-align: middle;
width: 84px;
border-bottom: #030 1px dotted;
}