@charset "utf-8";
/* CSS Document */

/* --------------------
		Reset Styles
-------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

em {
   font-style: italic;
}

strong {
   font-weight: 900;
}

/* --------------------
		Main Styles
-------------------- */

html, body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

html {
   overflow-y:scroll;
}

h1 {
   color: #0061aa;
   font-size: 14px;
   padding: 2px 0 5px 0;
}

h2 {
   color: #f7931e;
   font-size: 14px;
   padding: 2px 0 5px 0;
}

h3 {
   color: #000;
   font-size: 12px;
   font-weight: bold;
   padding: 1px 0 3px 0;
}

p {
   padding-bottom: 15px;
   text-align: justify;
}

a {
   color: #f7931e;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

.clear {
   clear: both;
}

ul.bullet-list {
   display: block;
   margin-left: 30px;
   margin-top: 0;
   margin-bottom: 0;
   list-style-type: disc;
   list-style-position: outside;
   padding-bottom: 15px;
}

#wrapper {
   width: 770px;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -385px;
}

#heading .management-header {
   width: 750px;
   padding: 10px;
   background-color: #0061aa;
}

#heading .management-header span {
   display: block;
   padding-top: 5px;
   font-size: 24px;
   font-weight: bold;
   color: #fff;
   float: right;
}

#heading .left {
   float: left;
   width: 271px;
   height: 155px;
   padding: 67px 22px 0 22px;
   background-color: #0061aa;
}

#heading .left .search-area {
   font-size: 10px;
   padding: 50px 0 0 115px;
   color: #FFFFFF;
}

#heading .left .search-area input.searchbox {
   font: 900 10px Arial, Helvetica, Sans-Serif;
   width: 80px;
	height: 12px;
	padding-left: 2px;
	border: 1px solid #D0D0D0;
}

#heading .left .search-area input.submit {
   border: none;
   background: transparent;
   padding: 1px;
	font-size: 9px;
	color: #F5911E;
	font-weight: 900;
	letter-spacing: 2px;
}

#heading .image-wrapper {
   float: left;
}

#navigation {
   width: 770px;
}

#navigation li {
   background: none;
   float: left;
   text-align: center;
   margin: 0;
   padding: 0;
   position: relative;
   z-index: 900;
}

#navigation ul {
   background: #fff;
   border-left: 1px solid #fff;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
   display: none;
   list-style-type: none;
   position: absolute;
   top: 25px;
   left: 0;
   margin: 0;
   padding: 0;
}

#navigation > ul {
   top: auto;
   left: auto;
}

#navigation li:hover > ul {
   display: block;
}

#navigation li.over ul {
   display: block;
}

#navigation ul li {
   background-image: none;
   display: inline;
   float: none;
   font-size: 11px;
   line-height: 1.1em;
   margin: 0;
   padding: 0;
}

#navigation a:link,
#navigation a:visited {
   display: block;
   width: 127px;
   height: 25px;
   background: #e6e5e3;
   border-right: 1px solid #fff;
   font-size: 10px;
   line-height: 25px;
   text-align: center;
   color: #000;
   font-weight: bold;
   text-decoration: none;
   margin: 0;
}

#navigation a:hover,
#navigation a:active {
   background: #fff !important;
   /* color: #f7931e !important; */
}

#navigation li a {
   display: block;
}

#navigation ul li a:link,
#navigation ul li a:visited {
   display: block;
   width: 128px;
   border-top: 1px solid #fff;
   height: auto;
   text-align: center;
   text-indent: 0;
   background: #e6e5e3 !important;
   color: #000 !important;
   font-size: 10px;
   line-height: normal;
   padding: 5px 0;
   font-weight: bold;
   text-decoration: none;
   margin: 0;
}

#navigation ul li a:hover,
#navigation ul li a:active {
   background: #fff !important;
   /* color: #000 !important; */
}

#navigation li a.extra-pixel {
   width: 129px;
}

#navigation li a.no-bar {
   background-image: none;
   border-right: none;
   width: 128px;
}

#footer {
   width: 770px;
   height: 35px;
   padding-top: 60px;
   background: #0061aa url(/images/footer-curves.jpg) top left no-repeat;
   color: #fff;
   font-size: 10px;
}

#footer .company-name {
   float: left;
   height: 20px;
   padding-top: 5px;
   padding-left: 30px;
}

#footer .links {
   float: left;
   height: 20px;
   padding-left: 30px;
}

#footer .links img {
   padding: 0 3px;
}

#footer .links a {
   color: #fff;
   text-decoration: none;
}

#footer .links a:hover {
   text-decoration: underline;
}

#footer .copyright {
   float: right;
   height: 20px;
   padding-top: 5px;
   padding-right: 30px;
}

#content-wrapper {
   padding: 25px 20px 5px 20px;
}

#news-column {
   float: left;
   width: 300px;
   padding-right: 20px;
   background: url(/images/content-divider.gif) center right no-repeat;
   font-size: 10px;
}

#news-column marquee {
   height: 270px;
}

#page-content {
   float: left;
   width: 390px;
   padding-left: 15px;
}

#secondary-page-sidebar {
   display: none;
   /*

   side-bar is disabled until there is a need for it

   float: left;
   width: 165px;
   min-height: 230px;
   padding-right: 20px;
   background: url(/images/content-divider.gif) top right no-repeat;
   */
}

#secondary-page-content {
   /* Use only when sidebar is enabled
      float: left;
      width: 530px;
      padding-left: 15px;
   */
}

#site-map-column {
   float: left;
   padding-right: 15px;
}

#site-map-column ul li a {
   font-size: 14px;
   font-weight: bold;
}

#site-map-column ul li ul li {
   list-style: circle;
}

#site-map-column ul li ul li a {
   font-weight: normal;
}

#news-column .newsletter {
   width: 120px;
   height: 21px;
   background: transparent url("/images/newsletter-button.gif") top left no-repeat;
}

#news-column .newsletter p {
   text-align: center;
   position: relative;
   top: 5px;
}

#news-column .newsletter a:link,
#news-column .newsletter a:visited {
   font-size: 9px;
   color: #000000;
   text-decoration: none;
}

#news-column .newsletter a:hover {
   color: #F5911E;
   text-decoration: underline;
}

.featured-video-thumbnail {
   float: left;
   width: 70px;
   text-align: center;
}

.featured-video-summary {
   float: left;
   width: 305px;
   padding-left: 15px;
}

.featured-video-content {
   float: left;
   width: 570px;
}

.featured-video-images {
   float: left;
   width: 140px;
   padding-left: 15px;
}


.featured-video-images img {
   padding-bottom: 10px;
}

.timeline-row {
   clear: both;
}

.timeline-row .year {
   float: left;
   height: 105px;
   padding-top: 45px;
   vertical-align: middle;
}

.timeline-row .photo {
   float: left;
   height: 140px;
   padding: 10px 20px 0 20px;
   border-bottom: 2px solid #000;
}

.timeline-row .info {
   float: left;
   height: 100px;
   border-bottom: 2px solid #000;
   font-size: 16px;
   padding-top: 50px;
}

.blizzard {
   padding: 20px 0;
   text-align: center;
}

.blizzard img {
   padding: 0 20px;
}

.photo-left,
.photo-right {
   clear: both;
   text-align: center;
   padding: 3px;
   border: 1px solid #000;
}

.photo-left {
   float: left;
   margin: 2px 5px 2px 2px;
}

.photo-right {
   float: right;
   margin: 2px 2px 2px 5px;
}

.photo-right img,
.photo-left img {
   padding-bottom: 3px;
}

span.button-link {
   display: block;
   float: left;
   height: 21px;
   background: url(/images/button-center.gif) top left repeat-x;
}

span.button-link .left-side {
   display: block;
   height: 21px;
   background: transparent url(/images/button-left.gif) top left no-repeat;
}

span.button-link .right-side {
   display: block;
   height: 21px;
   background: transparent url(/images/button-right.gif) top right no-repeat;
}

span.button-link a {
   display: block;
   font-size: 9px;
   text-align: center;
   padding: 5px 7px 0 7px;
   color: #000;
   text-decoration: none;
}

span.button-link a:hover {
   color: #F5911E;
   text-decoration: underline;
}