@charset "utf-8";

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
text-align:left;
}

/********************************************************
 Modify the styles below to customize your site's design. 
 ********************************************************/

/* base styles */
body{
font-family:Arial, Helvetica, sans-serif; /* base font */
font-size:12px;                           /* base font-size */
color:#264b68;
background:#575553 url(../images/bg.png) 0 0 repeat-x;
text-align:center; /* for centering layouts (remove if not desired) */
}

/* By only applying the margin to the bottom, spacing between
   these common block-level elements remains consistent and
   headings can be flush with the following content if desired. */
p,ul,ol,table,form,blockquote{
margin-bottom:10px;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
color:#333;
font-weight:bold;
}
h1{
color:#FFFFFF;
font-size:18px;
background:url(../images/h1-bg.png) 0 0 no-repeat;
width:741px;
height:34px;
padding-left:15px;
padding-top:6px;
margin-top:10px;
}
#content-gallery h1{
background:url(../images/h1-bg-gallery.png) 0 0 no-repeat;
width:1000px;
margin-top:1px;
}
h2{
font-size:15px;
color:#695533;
}
h3{
font-size:14px;
}
h4,h5,h6{
font-size:12px;
}


/* hyperlink styles */
a{
color:#1183C1;
text-decoration:underline;
}
a:hover{
color:#55c3ff;
}

/* list styles */
ul{
list-style:none;
}
li{
padding:3px;
}
ul li{
padding-left:20px; /* custom bullet (because FF has ugly bullets) */
background:url(../images/bullet-default.png) 0 2px no-repeat;
}
li ul li{
background:url(images/bullet-circle.gif) 0 2px no-repeat;
}
ol{
list-style-position:inside;
}
li ol{
padding-left:20px;
}
/* nested lists */
li ol, li ul{
margin-bottom:0;
}

/* table styles */
td{
vertical-align:top; /* 99% of the time, you really want this */
}

/* A class is used for formatting tables so nothing weird happens
   when someone wants to use a table for layout. */
table.dataTable{
}
.dataTable caption{
color:#06C;
font-weight:bold;
font-size:14px;
}
.dataTable th, .dataTable td{
text-align:center;
padding:5px;
}
.dataTable th{
font-weight:bold;
color:#fff;
background:#06C;
}
.dataTable td{
border-bottom:1px solid #ccc;
}


/* other miscallaneous styles */
strong,b{
color:#1183C1;
font-weight:bold;
}
em,i{
color:#1183C1;
font-style:italic;
}
hr{
height: 0;
border: 0;
width:100%;
border-bottom: 1px solid #ccc;
margin:6px 2%;
}

/* common floats used for formatting and images */
.right{
float:right;
margin:0 0 10px 10px;
}

.left{
float:left;
margin:0 10px 10px 0;
}

.clear{
clear:both;
}

/*  ----------- HEADER ----------- */
#header-wrap{
background:url(../images/header-bg.jpg) center bottom no-repeat;
height:340px;
}
#header{
width:1000px;
margin:0 auto;
}
#header-left{
float:left;
}
#header-right{
float:right;
text-align:right;
}
#header-right p{
margin-right:38px;
}
#header-right p a{
padding-left:5px;
padding-right:5px;
}
#header-right p, #header-right p a{
text-align:right;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
#header-right p a:hover{
text-decoration:underline;
}

/*  ----------- CONTENT ----------- */

#page-bg{
background:#164972 repeat;
}
#page-wrap{
background:url(../images/page-bg.png) center 0 repeat-y;
}
#page-wrap-gallery{
background:url(../images/page-bg-gallery.png) center 0 repeat-y;
}
#page{
background:url(../images/page-bg-interior.png) center 0 repeat-y;
width:1000px;
margin:0 auto;
height:auto;
}
#page-gallery{
background:url(../images/page-bg-interior-gallery.png) center 0 repeat-y;
width:1000px;
margin:0 auto;
height:auto;
}
#page-bottom{
background:url(../images/page-bottom.png) center 0 no-repeat;
width:1000px;
height:24px;
margin:0 auto;
}
#page-bottom-gallery{
background:url(../images/page-bottom-gallery.png) center 0 no-repeat;
width:1000px;
height:24px;
margin:0 auto;
}
#content{
float:right;
width:744px;
min-height:350px;
}
#content-gallery{
width:1000px;
min-height:350px;
}
#content-padding-gallery{
padding-right:16px;
padding-left:16px;
padding-top:7px;
padding-bottom:0;
}
#content-padding{
padding-right:10px;
padding-left:16px;
padding-top:7px;
padding-bottom:0;
}
#content p{
line-height:18px;
}
#gallery-links{
padding-top:10px;
padding-bottom:10px;
padding-left:16px;
background:#222 url(../images/gallery-nav-bg.png) 0 0 repeat-x;
color:#474239;
}
#gallery-links a{
font-size:11px;
color:#fff0d8;
text-decoration:none;
}
#gallery-links a:hover{
text-decoration:underline;
color:#FFFFFF;
}

/*  ----------- LEFTNAV ----------- */

#leftnav{
width:255px;
float:left;
}
#navbox{
margin-left:19px;
margin-top:10px;
}
#navbox-top{
background:url(../images/navbox-top.png) 0 0 no-repeat;
width:218px;
height:16px;
}
#navbox-middle{
background:url(../images/navbox-middle.png) 0 0 repeat-y;
width:218px;
}
#navbox-middle ul{
margin-bottom:0;
}
#navbox-middle li{
padding-left:35px;
background:url(../images/navbox-bullet.png) 20px 7px no-repeat;
line-height:14px;
padding-right:15px;
}
#navbox-middle li a{
font-weight:bold;
color:#407eb3;
text-decoration:none;
}
#navbox-middle li a:hover{
color:#2a784d;
}
#navbox-middle ul li h4 a{
color:#333333;
}
#navbox-bottom{
background:url(../images/navbox-bottom.png) 0 0 no-repeat;
width:218px;
height:16px;
}

#left{
float:left;
}
#left li{
margin-left:40px;
line-height:20px;
padding-right:15px;
}
#right{
float: right;
padding-left:10px;
padding-left:10px;
}
#right img{
border:1px solid #264b68;
}
#space{
}

#space img {
padding-right:30px;
padding-left:40px;
border:0px;
}

/*  ----------- FOOTER ----------- */

#footer-bg{
background:url(../images/footer-bg.png) 0 0 repeat-x;
height:24px;
height:120px;
}
#footer{
background:url(../images/footer.png) center 0 no-repeat;
width:1000px;
margin:0 auto;
padding-top:30px;
height:75px;
}
#footer-gallery{
background:url(../images/footer-gallery.png) center 0 no-repeat;
width:1000px;
margin:0 auto;
padding-top:30px;
height:120px;
}
#footer, #footer a, #footer-gallery, #footer-gallery a{
font-size:11px;
color:#b5a17d;
text-decoration:none;
}
#footer a:hover, #footer-gallery a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#footer-left{
padding-left:15px;
float:left;
}
#footer-right{
padding-right:15px;
float:right;
text-align:right;
}
#footer-right2{
padding-right:15px;
text-align:center;
width:660px;
margin:0 auto;
}
#footer hr, #footer-gallery hr{
height: 0;
border: 0;
width:100%;
border-bottom: 1px solid #6a645e;
margin:0;
margin-top:6px;
margin-bottom:6px;
}
.italic{
font-style:oblique;
color:#407eb3;
}
#footer-logos{
height:50px;
background:white;
}