html {padding:0;margin:0;background:url(../Images/site-bg.gif) repeat-x #cdd1d6;}
body {padding:0;margin:0;font-family:arial;color:#000000;font-size:12px; background:url(../Images/site-graphic.jpg) top center no-repeat;}

.siteWrapper {width:945px;height:800px;margin:0 auto;}

.siteHeader {width:945px;height:134px;background:url(../Images/site-header-bg.jpg) no-repeat;position:relative;}
.siteHeader .logo {position:absolute;top:50px;left:35px;}
.siteHeader .links {color:#b4b4b4;font-size:11px;text-align:right;position:absolute;top:55px;right:45px;}
.siteHeader .links a {color:#313131;}
.siteHeader .tagline {margin:20px 0 0 0;color:#005fb9;font-size:16px;font-family:Helvetica;font-weight:bold;}

.siteMenu {width:925px;height:39px;padding:0 10px;background:url(../Images/menu-bg.gif) no-repeat;position:relative;z-index:999;}

.siteContent {width:945px;height:520px;}
.siteContent .leftBorder {width:10px;font-size:0.1em;background:url(../Images/site-border-left.gif) top no-repeat;}
.siteContent .rightBorder {width:10px;font-size:0.1em;background:url(../Images/site-border-right.gif) top no-repeat;}
.siteContent .middleContent {width:925px;background:url(../Images/content-gradient.gif) repeat-x #FFFFFF;}
.siteContentClose {width:945px;height:20px;font-size:0.1em;background:url(../Images/site-border-bottom.gif) no-repeat;}
.siteContentClose2 {width:945px;height:37px;font-size:0.1em;background:url(../Images/site-border-bottom2.gif) no-repeat;}

.siteFooter {width:925px;margin:10px auto;color:#636769;text-align:center;font-size:11px;}
.siteFooter a {color:#636769;}

img {border:0;}
a {color:#0055a5;text-decoration:none;}
a:hover {color:#000000;}
h2 {margin:10px 0;color:#005cb5;font-size:16px;}

/* homepage */
.homeFlash {width:925px;font-size:0.1em;line-height:0.1em;}
.homeSpotlights {width:925px;height:120px;background:url(../Images/home-spotlights-bg.gif) no-repeat top;}
.homeSpotlights .column1 {width:298px;}
.homeSpotlights .column2 {width:312px;}
.homeSpotlights .column3 {width:315px;}
.homeSpotlights .column1 .content, .homeSpotlights .column2 .content, .homeSpotlights .column3 .content {margin:0 25px;line-height:18px;}
.homeSpotlights h2 {margin:5px 0 20px 0;font-size:15px;color:#FFFFFF;font-weight:normal;}
.homeSpotlights a {font-size:11px;font-weight:bold;color:#000000;text-decoration:none;}
.homeSpotlights a:hover {text-decoration:underline;}

/* two column content */
.middleContent .leftContent {width:210px;margin:30px 0 0 15px;float:left;}
.middleContent .leftContent .leftNav {width:210px;margin:0;padding:0;list-style:none;}
.middleContent .leftContent .leftNav li {margin:0;padding:0;}
.middleContent .leftContent .leftNav li a {display:block;padding:10px 10px 10px 30px;color:#000000;text-decoration:none;border-bottom:1px solid #dadcdf;}
.middleContent .leftContent .leftNav li a:hover {color:#0055a5;}
.middleContent .leftContent .leftNav li.leaf a {color:#0055a5;font-weight:bold;}
.middleContent .leftContent .leftNav li.group a {color:#0055a5;font-weight:bold;}

.middleContent .rightContent {width:660px;margin:30px 15px 20px 0;line-height:18px;float:right;}
.middleContent .rightContent .textArea {width:620px;padding:0 20px;}
.middleContent .rightContent .textArea strong {color:#0055a5;}
.middleContent .rightContent .textArea ul {margin:0;padding:0 0 0 18px;}
.middleContent .rightContent .news ul {list-style:none;margin:0;padding:0;}
.middleContent .rightContent .news ul li {list-style:none;margin:0;}
.middleContent .rightContent h1 {padding:10px 20px 14px 20px;font-size:20px;color:#FFFFFF;background:url(../Images/h1-bg.gif) no-repeat;}
.middleContent .rightContent hr {height:1px;margin:15px 0;border:none;border-collapse:collapse;background:#dadcdf;}

.serviceEntry {width:202px;margin:0 2px 25px 2px;text-align:center;font-weight:bold;float:left;}
.serviceEntry .thumb {margin-bottom:5px;position:relative;}
.serviceEntry .thumb div {position:absolute;top:0;left:0;display:none;}

/* photo slide */
.slideContainer {width:611px;margin:20px 0;overflow:auto;}
.slideContainer .slideTop {width:611px;height:45px;background:url(../Images/slide-top.gif) no-repeat;position:relative;}
.slideContainer .slideTop .tabLeft {width:15px;height:33px;background:url(../Images/slide-tab-left.gif) no-repeat;float:left;}
.slideContainer .slideTop .tabText {height:33px;padding:8px 0 0 0;background:url(../Images/slide-tab-span.gif) repeat-x;float:left;}
.slideContainer .slideTop .tabRight {width:15px;height:33px;background:url(../Images/slide-tab-right.gif) no-repeat;float:left;}
.slideContainer .slideContent {width:581px;padding:5px 15px 0 15px;background:url(../Images/slide-span.gif) no-repeat bottom;}
.slideContainer .slideContent img {margin-bottom:5px;}
.slideContainer .slideContent td {padding-bottom:10px;}

/* single column content */
.middleContent .fullContent {width:895px;margin:30px auto 0 auto;line-height:18px;}
.middleContent .fullContent .textArea {width:865px;padding:0 15px;}
.middleContent .fullContent .textArea ul {margin:0;padding:0 0 0 18px;}
.middleContent .fullContent h1 {padding:10px 20px 14px 20px;font-size:20px;color:#FFFFFF;background:url(../Images/h1-bg-long.gif) no-repeat;}
.middleContent .fullContent hr {width:865px;height:1px;margin:15px 0;border:none;border-collapse:collapse;background:#dadcdf;}

/* ship to shelf */
.shipContent {width:925px;height:713px;background:url(../Images/ship-shelf-bg.jpg) no-repeat;}
.galleryContainer {width:925px;height:673px;padding-top:40px;position:relative;}
.galleryContainer #prev, .galleryContainer #next{width:53px; height: 54px;position:absolute;top:320px;background-position: 0 0;background-repeat:no-repeat;overflow:hidden;text-indent:-9999px}
.galleryContainer #prev {left:20px;outline:0;background-image: url(../images/ship-shelf-prev.gif)}
.galleryContainer #next {right:20px;outline:0;background-image: url(../images/ship-shelf-next.gif)}
.galleryContainer #prev:hover, .galleryContainer #next:hover{background-position: 0 -54px;}
.galleryContainer #photoArea, .galleryContainer h1 {width:720px;margin:0 auto;}
    .galleryContainer h1{margin-bottom: 10px;}
.galleryContainer #photoArea #photo {width:718px;height:505px;border:1px solid #FFFFFF;}
.galleryContainer #photoArea #caption {width:678px;padding:20px;color:#FFFFFF;line-height:18px;background:#0055a5;border:1px solid #FFFFFF;border-top:none;}
    .galleryContainer #photoArea #caption ul{list-style-type:none;margin:0;padding:0;position:relative;overflow:auto;min-height:40px}
        .galleryContainer #photoArea #caption li{display: none;margin:0;padding:0;position:absolute;top:0;left:0}
/* basic table */
.basicTable {width:100%;}
.basicTable th {padding:5px 10px;text-align:left;color:#FFFFFF;background:url(../Images/table-basic-th-bg.gif) repeat-x bottom #2f8de6;}
.basicTable td {padding:5px 10px;text-align:left;vertical-align:top;background:url(../Images/table-basic-td-bg.gif) repeat-x bottom #fbfbfb;}

.basicTableRed {width:100%;}
.basicTableRed th {padding:5px 10px;text-align:left;color:#FFFFFF;background:url(../Images/table-basic-th-bg-red.gif) repeat-x bottom #f68d8e;}
.basicTableRed td {padding:5px 10px;text-align:left;vertical-align:top;background:url(../Images/table-basic-td-bg.gif) repeat-x bottom #fbfbfb;}

/* timeline */
.timelineWrap{width: 612px;}
        #timeline, #timelineNavigation{list-style-type: none;margin:0;padding:0;display:block;overflow:auto;}
            #timeline{height:260px;margin-bottom: 40px}
            #timeline li{position: relative;margin:0;padding:0;display:none}
                #timeline li img{position: absolute; top: 0; left: 0;}
        #timelineNavigation{background: url(../Images/timeline/timelineLine.gif) no-repeat left ;margin: 0 auto;width: 500px}
            #timelineNavigation li{float: left; display: block;padding: 0 118px 0 0; height:70px }
            #timelineNavigation li.last{padding-right: 0;}
                #timelineNavigation li a{font-size: 16px; font-family: arial; color: #666; text-decoration: none;text-align: center;
                                            background:url(../Images/timeline/offYear.png) no-repeat 12px 30px;height:20px;padding-bottom:50px;outline: 0}
                #timelineNavigation li a.on{background-image: url(../Images/timeline/onYear.png);color: #000}

/* accordian */
.accordian {width:620px;}
.accordian h4 {margin:0 0 1px 0;padding:5px 15px;font-size:12px;cursor:pointer;font-weight:bold;color:#FFFFFF;background:url(../Images/table-basic-th-bg.gif) repeat-x bottom #2f8de6;}
.accordian h4.off {margin:0 0 1px 0;padding:5px 15px;font-size:12px;cursor:pointer;font-weight:bold;background:url(../Images/table-basic-th-bg-black.gif) repeat-x bottom;}
.accordian h4.on {margin:0 0 1px 0;padding:5px 15px;font-size:12px;cursor:pointer;font-weight:bold;color:#ffffff;background:url(../Images/table-basic-th-bg-black.gif) repeat-x  bottom #3c3c3d;}

.accordian div {width:620px;margin:0 0 1px 0;border-bottom:5px solid #020a12;}
.accordian div div {width:590px;padding:5px 15px;font-size:12px;background:#f0f1f3;border-bottom:none;}

/* default contact form styling */
.contactForm { }
.contactForm .labelColumn {width:110px;}
.contactForm .fieldColumn {width:190px;}
.contactForm .labelRow { } /* section headers */
.contactForm .fieldColumn .textboxField {width:180px;}
.contactForm .fieldColumn .textareaField {width:180px;}
.contactForm .fieldColumn .dropdownlistField { }
.contactForm .fieldColumn .checkboxlistField { }
.contactForm .fieldColumn .radiobuttonlistField { }
.contactForm .buttonRow { }
.contactForm .buttonRow .submitButton { }

