body { background: #a1c8e7 url('../images/body_bg.jpg') top repeat; font-family: "Trebuchet MS", arial, sans-serif; }
#container { width: 1022px; margin: 0 auto; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-top: 5px solid #f28e1e; background: #fff; }
#header { background: url('../images/header.jpg') no-repeat; width: 1020px; height: 568px; position: relative; }
#header h1 { position: absolute; top: 40px; right: 70px; }
#header h1 a { display: block; text-indent: -5000px; width: 265px; height: 100px; }
/* begin nav */
#main-nav { font-size: 11px; padding-left: 18px;}
#main-nav li { float: left; display: block; border-right: 1px solid #ccc; padding:12px 6px 0 6px;}
#main-nav a { text-transform: uppercase; text-decoration: none; color: #3d5162; display: block; float: left; padding: 7px 0 7px 7px; }
#main-nav span { padding: 7px 7px 7px 0; }
#main-nav a:hover, #main-nav a.active  { background: url('../images/mainnav_a_hover.gif') left no-repeat; color: #fff; }
#main-nav a:hover span, #main-nav a.active span { background: url('../images/mainnav_span_hover.gif') right no-repeat; }
.sup-nav { font-size: 11px; padding-left: 18px;}
.sup-nav li { float: left; display: block; border-right: 1px solid #ccc; padding:12px 6px 0 6px;}
.sup-nav a { text-transform: uppercase; text-decoration: none; color: #3d5162; display: block; float: left; padding: 7px 0 7px 7px; }
.sup-nav span { padding: 7px 7px 7px 0; }
.sup-nav a:hover, .sup-nav a.active  { background: url('../images/mainnav_a_hover.gif') left no-repeat; color: #fff; }
.sup-nav a:hover span,.sup-nav a.active span { background: url('../images/mainnav_span_hover.gif') right no-repeat; }
/* end nav */
#content { width: 939px; margin: 0 auto; padding: 20px 18px; }
#images { padding-bottom: 35px; }
#images li { float: left; margin: 0 15px 15px 0; height: 67px; width: 84px; overflow: hidden;}
#images li.last-item { margin-right: 0; }
#images img { padding: 2px; border: 1px solid #e9eb76; }
#pages { position: absolute; right: 36px; top: 3px; }
#pages li { display: inline; }
#pages a { font-size: 12px; color: #000; }
.column { width: 435px; float: left; position: relative; padding-right: 20px; background: url('../images/column_divider.gif') top right repeat-y; }
.column h2 { font-size: 25px; color: #0081c6; margin-bottom: 20px; }
.column h2.custom { color: #f28e1e; }
.column h2.custom span { color: #000; }
.column p.quote { font-size: 12px; color: #69757f; line-height: 1.5; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fce3c7; }
.column p.quote span { font-weight: bold; }
.column p.last { border: none; }
.custom /*column */ { width: 455px; float: left; padding: 0 0 0 20px; background: none; }
.custom p { font-size: 12px; color: #69757f; line-height: 1.5; margin-bottom: 20px; }
#footer { display: block; background: #006abb; text-align: center; padding: 6px 0; color: #fff; font-size: 11px; }
#footer a { text-decoration: none; color: #fff; }
/* sava generated styles to change bg image of #header 
/includes/templates/inc/header.cfm sets a class on the header ID these classes override the background url defined above in #header */
.sysAmbergrisCaye { background: url('/tasks/sites/belize/assets/sysAmbergrisCaye.jpg') no-repeat; }