img {
    border: none;
}

body {
    background-color: #336A9B;
    margin: 0;
}

#container {
    background: #FFCB22;
    margin: 0 auto;
    /* position relative here allows elements within container
    to be positioned absolutely relative to container */
    position: relative;
    width: 740px;
}

#top {
    height: 55px;
    margin-bottom: 243px;
    min-height: 55px;
}

#home-slide-container {
    background: #FFF;
    left: 0;
    position: absolute;
    top: 55px;
    width: 738px;
}

#home-slide-img {
    border: 1px solid #FECB22;
}

#under-slide-bg {
	background: url(../img/under_slide_bg.png) repeat-x;
	height: 45px;
	left: 0;
	position: absolute;
	top: 317px;
	width: 740px;
}

#slide-show {
    display: none;
}

#top-nav {
    background: url(../img/content_bg.png) repeat-y 16px 0;
    height: 45px;
    left: 20px;
    position: absolute;
    top: 298px;
    width: 701px;
}

#top-nav ul.dropdown {
    background: url(../img/top_nav.png) no-repeat 0 -37px;
    height: 45px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#top-nav li {
    float: left;
}

#top-nav ul.dropdown a {
    background-image: url(../img/top_nav.png);
    background-repeat: no-repeat;
    display: block;
    height: 37px;
    text-indent: -9000px;
}

#top-nav-home {
    background-position: 0 -37px;
    width: 87px;
}

#top-nav-home:hover, .hover #top-nav-home {
    background-position: 0 0;
}

#top-nav-why {
    background-position: -87px -37px;
    width: 139px;
}

#top-nav-why:hover, .hover #top-nav-why {
    background-position: -87px 0;
}

#top-nav-promotions {
    background-position: -226px -37px;
    width: 120px;
}

#top-nav-promotions:hover, .hover #top-nav-promotions {
    background-position: -226px 0;
}

#top-nav-resources {
    background-position: -346px -37px;
    width: 122px;
}

#top-nav-resources:hover, .hover #top-nav-resources {
    background-position: -346px 0;
}

#top-nav-gallery {
    background-position: -468px -37px;
    width: 109px;
}

#top-nav-gallery:hover, .hover #top-nav-gallery {
    background-position: -468px 0;
}

#top-nav-contact {
    background-position: -577px -37px;
    width: 115px;
}

#top-nav-contact:hover, .hover #top-nav-contact {
    background-position: -577px 0;
}

/**
 * Drop-down menu at top
 */
ul.dropdown {
    position: relative;
}

ul.dropdown ul {
    background: #FFCB22;
    border: 2px solid #204475;
    border-bottom: none;
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 37px;
    width: 150px;
    z-index: 2;
}

#top-nav ul.dropdown ul li {
    border-bottom: 2px solid #214575;
    float: none;
    font: bold 12px Arial, sans-serif;
}

#top-nav ul.dropdown ul a {
    background-image: none;
    color: #214575;
    display: block;
    height: auto;
    padding: 2px 8px;
    text-decoration: none;
    text-indent: 0;
}

#top-nav ul.dropdown ul a:hover {
    background: #214575;
    color: #FFCB22;
}

ul.dropdown li.hover, ul.dropdown li:hover {
    position: relative;
}

#content-container {
    background: url(../img/content_bg.png) repeat-y;
    clear: left;
    margin: 0 0 0 36px;
    padding: 48px 0 12px;
    position: relative;
    width: 668px;
}

#content-container h1 {
    margin-top: 0;
}

/* Rule below allows left nav to be longer than content and not break layout */
#content-container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#left-nav {
    background: url(../img/left_nav_bottom_bg.png) no-repeat bottom;
    float: left;
    left: -12px;
    margin-top: 16px;
    position: relative;
    width: 158px;
}

#left-nav-photo-container {
    background: url(../img/left_nav_top_bg.png) no-repeat;
    height: 95px;
    padding: 8px 0 0 33px;
    position: relative;
    top: -11px;
}

#left-nav-photo-border {
    left: 33px;
    position: absolute;
    top: 8px;
}

#left-nav ul {
    list-style: none;
    margin: 0;
    padding: 0 0 14px 10px;
}

#left-nav li {
    height: 21px;
}

#left-nav ul a {
    background: url(../img/arrow.png) no-repeat 0 4px;
    color: #FFF;
    font: bold 12px Arial, sans-serif;
    padding: 3px 4px 3px 21px;
    text-decoration: none;
}

#left-nav ul a:hover {
    color: #FFCB22;
}

#left-nav .divider {
    background: #FFCB22;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 4px 0 4px 6px;
    width: 119px;
}

#content {
    margin-left: 170px;
}

#content .divider {
    background: #9DADC2;
    font-size: 2px;
    height: 2px;
    line-height: 2px;
    width: 452px;
}

.blue-img-border {
    background: url(../img/blue_img_border.png) no-repeat;
    padding: 2px 9px 9px 2px;
}

.content-2col-box {
    /* overflow: auto; */
}

.content-2col-left {
    float: left;
    width: 85px;
}

.content-2col-right {
    margin: 0 14px 0 108px;
}

.content-2col-right.bodytext p {
    margin-top: 0;
}

.content-3col-box {
    margin-right: 14px;
    overflow: auto;
}

.content-3col-left {
    float: left;
    margin-right: 14px;
    width: 152px;
}

.content-3col-center {
    float: left;
    width: 152px;
}

.content-3col-right {
    margin-left: 332px;
}

.content-3col-box h2 {
    margin: 12px 0;
}

#bottom {
    background: url(../img/bottom_bg.png) no-repeat;
    color: #FFF;
    font: 12px Arial, sans-serif;
    height: 43px;
    margin-left: 20px;
    padding: 10px 20px 0 10px;
    width: 671px;
}

#designed-by {
    float: right;
}

#designed-by a {
    color: #FFF;
}

/**
* General link rules
*/
a:link, a:visited {
    color: #336A9B;
}

a:hover, a:active {
    color: #5D779B;
}

/**
* Typography
*/
h1 {
    background: url(../img/arch.gif) no-repeat;
    color: #336A9B;
    font: bold 16px/22px Arial, sans-serif;
    margin: 10px 0;
    padding-left: 46px;
    text-decoration: underline;
}

h2 {
    background: url(../img/arch.gif) no-repeat;
    color: #336A9B;
    font: bold 15px/22px Arial, sans-serif;
    padding-left: 46px;
    text-decoration: underline;
}

.bodytext {
    color: #336A9B;
    font: 12px/1.25em Arial, sans-serif;
}

.bodytext p {
    margin: 12px 0;
}

/**
 * Galleries
 */
.ad-gallery .ad-back, 
.ad-gallery .ad-forward {
    top: 18px;
}

.ad-controls {
    display: none;
}

.ad-gallery {
    padding-left: 20px;
}

.ad-image-wrapper {
    display: none;
}

/**
 * Colorbox
 */
#cboxClose {
    font: 13px Arial, sans-serif;
    text-transform: capitalize;
    width: 40px;
}