/* general tag styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 70%;
	background: #B0B0B0;
}

p, td, li, form, label {
	font-size: 1em;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 130%;
	padding: 0 0 10px 0;
	color: #fff;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  height: 1px;
} 

h1, h2 {
    font-size: 2.3em;
	line-height: 120%;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h3, h4 {
	font-size: 1.5em;
	line-height: 120%;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(/75years/images/bullet_h3.png) left top no-repeat;
	padding: 0 0 10px 25px;
	behavior: url(/75years/css/iepngfix.htc);
	text-indent: 0;
	height: 1%;list-style; outside;
}

h3 img {
	vertical-align: middle;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #fff;
}

a:hover {
	color: #fff;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

sup {
    font-size: 1em;
    vertical-align: baseline;
    position: relative;
   	bottom: 0.36em;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

th {
	color: #fff;
	padding: 0 10px 0 0;
	vertical-align: top;
	text-align: right;
}

input, textarea {
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	padding: 3px;
	width: 280px;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 949px;
	padding: 0 17px;
	background: #B0B0B0 url(/75years/images/bg.jpg) left top repeat-y;
}

/* header */

#header a {
	color: #126DAA;
}

#header #logo-empire {
	padding: 13px 0 0 0;
	float: left;
}

#header #logo {
	float: left;
	padding: 0 13px 0 10px;
}

#header #util {
	float: right;
	padding: 13px 20px 0 0;
	color: #126DAA;
}

/* top navigation */

#nav {
	text-align: right;
	margin: -35px 0 0 0;
	position: relative;
	z-index: 5;
}

#nav-about {
	position: relative;
	z-index: 4;
}

#nav-celebrate {
	margin: 0 0 0 -9px;
	position: relative;
	z-index: 3;
}

#nav-celebrate-on {
	margin: 0 0 0 -9px;
	position: relative;
	z-index: 5;
}

#nav-empire {
	margin: 0 0 0 -9px;
	position: relative;
	z-index: 2;
}

#nav-empire-on {
	margin: 0 0 0 -9px;
	position: relative;
	z-index: 5;
}

#nav-newsroom {
	margin: 0 0 0 -13px;
	position: relative;
	z-index: 1;
}

#nav-newsroom-on {
	margin: 0 0 0 -13px;
	position: relative;
	z-index: 5;
}

/* content */

#content-container {
	background: url(/75years/images/content_top.png) right top no-repeat;
	behavior: url(/75years/css/iepngfix.htc);
	margin: -10px 0 0 0;
	padding: 14px 0 0 0;
	position: relative;
	z-index: 6;
	height: 100%;
}

#content-bg {
	background: #578FB9 url(/75years/images/colors.jpg) left top repeat-y;
	height: 100%;
}

#content-container-steps {
	background: url(/75years/images/content_top.png) right top no-repeat;
	behavior: url(/75years/css/iepngfix.htc);
	margin: -10px 0 0 0;
	padding: 24px 0 0 0;
	position: relative;
	z-index: 6;
	height: 100%;
}

#content-container-subpage {
	background: url(/75years/images/content_top.png) right top no-repeat;
	behavior: url(/75years/css/iepngfix.htc);
	margin: -10px 0 0 0;
	padding: 8px 0 0 0;
	position: relative;
	z-index: 6;
	height: 100%;
}

#content-container-subpage {
	background: url(/75years/images/content_top.png) right top no-repeat;
	behavior: url(/75years/css/iepngfix.htc);
	margin: -10px 0 0 0;
	padding: 8px 0 0 0;
	position: relative;
	z-index: 6;
	height: 100%;
}

#content-container-subpage #content-r  {
	margin: 6px 0 0 0;
}

#content-container-steps #content-r  {
	margin: -10px 0 0 0;
}

#content-bg-steps {
	background: #578FB9 url(/75years/images/steps_yellow.jpg) left top repeat-y;
	height: 100%;
}

#content-bg-steps #content-l {
	background: url(/75years/images/steps_top.jpg) left top no-repeat;
	margin: 0;
	padding: 15px 16px 0 0;
	width: 707px;
}

#content-bg-subpage {
	background: #578FB9 url(/75years/images/subpage_bg.jpg) left top repeat-y;
	height: 100%;
}

#content-bg-subpage .spacer {
	float: left;
	height: 700px;
	width: 1px;
}

#content-bg-subpage #content-l {
	background: url(/75years/images/subpage_top.jpg) left top no-repeat;
	margin: 0;
	padding: 15px 16px 0 0;
	width: 707px;
}

#content-l {
	float: left;
	width: 723px;
}

#content-r {
	float: left;
	width: 216px;
	padding: 10px 0 0 10px;
}

.feature-bottom {
	background: url(/75years/images/feature_bottom.jpg) left bottom no-repeat;
}

.feature-top {
	background: url(/75years/images/feature_top.jpg) left top no-repeat;
	width: 715px;
	position: relative;
	z-index: 1;
}

.feature {
	padding: 79px 20px 0 300px;
	height: 100%; /* IE6 fix */
}

.feature .spacer {
	float: left;
	height: 300px;
	width: 1px;
}

.feature p {
	color: #666;
	font-size: 1em;
	height: 100%;
}

#feat-home {
	background: url(/75years/images/home_feat.jpg) left bottom no-repeat;
}

#feat-about {
	background: url(/75years/images/about_feat.jpg) left bottom no-repeat;
	padding: 69px 20px 0 340px;
}

.blurb {
	font-size: 1.6em !important;
	color: #333 !important;
	padding: 0 0 5px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
}

.blurb a {
	color: #333 !important;
	text-decoration: none;
}

.blurb a:hover {
	color: #333 !important;
	text-decoration: underline;
}

#feat-celebrate {
	background: url(/75years/images/celebrate_feat.jpg) left bottom no-repeat;
	padding: 69px 20px 0 340px;
}

#feat-celebrate p {
	color: #fff;
}

#feat-celebrate .button a {
	background: url(/75years/images/btn_pink_r2.jpg) right top no-repeat;
}

#feat-empire {
	background: url(/75years/images/empire_feat.jpg) left bottom no-repeat;
	padding: 69px 20px 0 340px;
}

#feat-newsroom {
	background: url(/75years/images/newsroom_feat.jpg) left bottom no-repeat;
	padding: 69px 20px 0 342px;
}

.indent {
	padding: 0 0 0 40px;
}

.indent a {
	color: #23557B;
	text-decoration: none;
	font-size: 0.9em;
}

.indent a:hover {
	color: #23557B;
	text-decoration: underline;
	font-size: 0.9em;
}

.content-indent {
	padding: 0 0 0 169px;
	width: 530px;
}

.step {
	background: url(/75years/images/grey_dot.gif) left bottom repeat-x;
	padding: 15px 0 0 40px;
}

.step-expanded {
	background: #fff url(/75years/images/grey_dot.gif) left bottom repeat-x;
	padding: 15px 0 0 40px;
}

.step-text p {
	color: #666;
}

.step-text {
	float: left;
	width: 500px;
	padding: 0 25px 0 0;
}

.note {
	font-size: 0.9em;
}

.no {
	float: left;
	width: 75px;
	font-size: 3.6em;
	color: #999999;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.exp {
	float: right;
	width: 65px;
	margin: -20px 0 0 0;
}

.exp a {
	color: #23557B;
	text-decoration: none;
	font-size: 0.9em;
}

.exp a:hover {
	color: #23557B;
	text-decoration: underline;
}

.exp img {
	vertical-align: 0.1em;
}

.expand-all {
	text-align: right;
	margin: -20px 15px 0 0;
}

/* content */

.content {
	margin: -19px 0 0 0;
	padding: 40px 0 0 0;
	background: url(/75years/images/content_bg.jpg) left top no-repeat;
	height: 100%;
}

.content .spacer {
	float: left;
	height: 250px;
	width: 1px;
}

.column-l {
	float: left;
	padding: 0 50px 0 80px;
	width: 285px;
}

.column-r {
	float: left;
	padding: 0;
	width: 285px;
}

.column-r .text-r {
	float: left;
	width: 170px;
	margin: 0 0 10px 0;
}

.column-r .img-flush-left, .column-l .img-flush-left {
	margin-bottom: 10px;
}

#about-content .column-l, #empire-content .column-l {
	float: left;
	padding: 0 45px 0 15px;
	width: 392px;
}

#feat-home .text-r {
	padding: 0;
	float: left;
	width: 235px;
}

#feat-home {
	padding: 49px 20px 20px 300px;
}

#about-content .column-l .text-r,#empire-content .column-l .text-r {
	float: left;
	width: 215px;
}

#about-content .column-r, #empire-content .column-r {
	float: left;
	padding: 0;
	width: 225px;
}

#celebrate-content .column-l {
	padding: 0 50px 0 15px;
	width: 350px;
}

#celebrate-content .column-l .text-r {
	float: left;
	width: 235px
}

#newsroom-content .column-l {
	padding: 0 20px 0 15px;
	width: 350px;
}

#newsroom-content .column-l .text-r {
	float: left;
	width: 235px
}

#newsroom-content .column-r {
	float: left;
	padding: 0;
	width: 315px;
}

#newsroom-content .column-l .gallery {
	float: left;
	width: 235px;
	margin: 0 0 20px 0;
}

#newsroom-content .column-r .gallery .img-flush-left {
	margin: 0 3px 10px 0;
}

.content a {
	font-weight: bold;
	font-size: 1.1em;
}

.schedule {
	background: #467BA4;
	width: 238px;
	padding: 0 5px;
	color: #fff;
}

.schedule td {
	font-size: 1.1em;
	background: url(/75years/images/dot.gif) left bottom repeat-x;
	padding: 5px 0 5px 0;
}

.schedule td a {
	font-size: 1em;
}

.schedule td.rt {
	font-size: 1em;
}

/* left navigation */

#lnav {
	float: left;
	width: 137px;
	margin: 0 30px 0 0;
}

#lnav img {
	behavior: url(/75years/css/iepngfix.htc);
}

.lnav-list {
	background: url(/75years/images/lnav_bg.png) left top repeat;
	behavior: url(/75years/css/iepngfix.htc);
	padding: 0 0 1px 0;
}

.lnav-list ul {
	margin: 0;
}

.lnav-list ul li {
	background: url(/75years/images/grey_dot.gif) left bottom repeat-x;
	padding: 1px 0 2px 0;
}

.lnav-list ul li.last, .lnav-list ul li.last-selected {
	background: none;
	padding: 1px 0 2px 0;
}

.lnav-list ul li a, .lnav-list ul li a:hover {
	color: #002D51;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 10px 7px 15px;
	display: block;
}

.lnav-list ul li.selected a, .lnav-list ul li.selected a:hover {
	background: #002D51;
	color: #fff;
}

.lnav-list ul li a:hover {
	background: #002D51;
	color: #fff;
}

.lnav-list ul li.last-selected a, .lnav-list ul li.last-selected a:hover {
	background: #002D51;
	color: #fff;
}

.lnav-list ul li.level2 a {
	font-size: 1em;
	padding: 3px 10px 3px 25px;
}

.lnav-list ul li.level2 a:hover {
	font-size: 1em;
	padding: 3px 10px 3px 25px;
}

.content-subpage {
	width: 510px;
	float: left;
	padding: 10px 0 0 0;
}

/* buttons */

.btn-l {
	float: left;
	margin: 0 0 5px 0;
}

.button {
	padding: 0 0 0 9px;
	margin: 0;
}

.btn-l img {
	behavior: url(/75years/css/iepngfix.htc);
	vertical-align: -0.1em;
}

.button {
	background: url(/75years/images/btn_r.png) right top repeat;
	behavior: url(/75years/css/iepngfix.htc);
	float: left;
	padding: 0;
}

.button img {
	vertical-align: -0.1em;
}

.button a {
	text-decoration: none;
	font-size: 1em;
	padding: 3px 19px 4px 9px;
	float: left;
}

.callout .button a {
	font-size: 1em;
}

.feature .button a {
	background: url(/75years/images/btn_pink_r.jpg) right top no-repeat;
	padding: 3px 15px 3px 4px;
	font-weight: bold;
	float: left;
	display: block;
	text-decoration: none;
}

.feature .text-r {
	float: left;
	width: 310px;
}

/* callouts */

.callout {
	padding: 10px 10px 10px 0;
}

.callout .date {
	font-size: 0.9em;
}

.callout a {
	font-weight: bold;
	font-size: 1.1em;
}

.callout  ul li {
	font-size: 0.9em;
}


/* otehr styles */

.dotted-line {
	background: url(/75years/images/dot.gif) left top repeat-x;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0 0 10px 0;
}

.more {
	font-size: 0.8em;
	font-weight: bold;
}

.dotted-line {
	background: url(/75years/images/dot.gif) left top repeat-x;
	font-size: 1px;
	line-height: 1px;
	padding: 0;
	margin: 0 0 10px 0;
}

ul {
	list-style: none;
	overflow: hidden;        
	margin: 0 0 10px 0;
}

ul li {
	background: url(/75years/images/arrow.gif) left top no-repeat;
	padding: 0 0 5px 10px;
	list-style: none outside none;
	text-indent: 0;
	height: 1%;
	font-size: 0.9em;
}

.content-subpage ul.bullets li {
	font-size: 1em;
	color: #fff;
}

.content-subpage ul li {
	font-size: 1em;
	color: #fff;
}

.content-subpage, .content-subpage p {
	color: #fff;
}

.yellow li {
	background: none;
	padding: 0 0 5px 0;
	color: #fff;
	font-size: 1em;
}

.yellow a, .yellow a:hover {
	color: #DDD612;
	font-size: 1.1em;
}

ul.bullets li {
	background: url(/75years/images/bullet.jpg) left top no-repeat;
	padding: 0 0 5px 10px;
	list-style: none outside none;
	text-indent: 0;
	height: 1%;
	font-size: 0.9em;
}

.img-flush-left {
	float: left;
	margin: 0 10px 5px 0;
}

.font12px {
	font-size: 1.1em;
}

.dark-grey {
	color: #333 !important;
}

.index  {
	padding: 50px;
}

.index li a, .index li a:hover {
	color: #002D51;
	font-size: 1.1em;
}

.send td {
	padding: 0 0 4px 0;
}

.send .btn {
	width: auto;
}

.back {
	float: right;
	margin: 7px 0 0 20px;
}

.history td {
	padding: 0 10px 0 0;
}

.sitemap li.level2 {
	margin: 0 0 0 20px;
}

.sitemap li.level3 {
	margin: 0 0 0 40px;
}

/* footer */

#footer {
	background-color: #333333;
	color: #898989;
	padding: 6px 12px 0 12px;
	width: 925px;
}

#footer p {
	float: right;
	padding: 0 0 5px 0;
}

#footer p a {
	color: #fff;
	text-decoration: none;
}

#footer p a:hover {
	color: #fff;
	text-decoration: underline;
}

.error-message{
	color: #ffffff ;
}
