/* Base Styles */
body, input, textarea, select { font-family: Arial, Verdana, Helvetica; font-size: 14px;  }
body, form { margin: 30px 0 30px 0; padding: 0px; }

body { background: #004E77 url('/images/bgBody.jpg') repeat-x; color: #696969; }

a { text-decoration: none; }
a:hover { }

form { padding: 0px; margin: 0px; }

.center { text-align: center }
.left { float: left }
.right { float: right }

.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

img { border: 0px; padding: 0px; margin: 0px; }

/* Container */
#container { margin: 0 auto 0 auto; padding: 0 5px 0 5px; background: url('/images/bgContainer.jpg'); width: 760px; height: auto;  }
#subcontainer { clear: both; margin: 0px; padding: 0px; background: url('/images/bgSubcontainer.jpg') no-repeat; width: 760px; height: auto;  }

/* Header */
#header { margin: 0px; padding: 0 10px 0 10px; background: url('/images/bgHeader.jpg'); width: 740px; height: 300px; color: #004E77; }

#header ul { padding: 50px 0 0 280px; margin: 0px; width: auto; height: auto; }
#header li { margin: 0px; padding: 5px 0 5px 0; }

/* Header */
#menu { margin: 0px; padding: 0 10px 0 10px; background: url('/images/bgMenu.jpg'); width: 740px; height: 40px;  }

#menu ul { margin: 0px; padding: 0 0 0 10px; background: url('/images/bgMenuUl.jpg'); width: 490px; height: 40px; list-style: none; }
#menu ul li { float: left; margin: 13px 0 0 0; padding: 0 8px 0 8px; height: 27px; width: auto; text-align: center }

#menu a { color: #00A786; font-weight: bold }
#menu a:hover { color: #004E77; }

/* Content */
#content { float: left; margin: 0px; padding: 30px 0 30px 20px; width: 550px; height: auto; }

#content h1 { padding: 0px; margin: 0px; font-size: 20px; font-weight: bold; color: #0075B2; }
#content h2 { padding: 18px 0 0 0; margin: 0px; font-size: 16px; font-weight: bold; color: #00A786; }

#content p { padding: 15px 0 0 0; margin: 0px; }

#content ul { padding: 0px; margin: 0 0 0 50px; }
#content ul li { padding: 15px 0 0 0; margin: 0px; }

#content .photos { float: left; padding: 15px 15px 15px 0; }
#content .photos img { border: 1px solid #696969; }

#flash { float: left; margin: 15px 15px 15px 0; border: 1px solid #696969; }

#content .gallery { padding: 15px 0 0 0; }

#content a { color: #004E77; }
#content a:hover { color: #00A786; }

#content .links { width: 100%; padding: 0px; margin: 0px; }
#content .links tr { padding: 0px; margin: 0px; }
#content .links td { width: 150px; padding: 10px 0 10px 0; margin: 0px; }

#content .contactinfo { width: 400px; height: auto; margin: 0px; padding: 10px 0 0 30px; }
#content .contactinfo dt { float: left; clear: both; width: 150px; height: auto; margin: 0px; padding: 10px 0 0 0; font-weight: bold }
#content .contactinfo dd { float: left; width: 250px; height: auto; margin: 0px; padding: 10px 0 0 0; }

#content .contactenquiry { width: 400px; height: auto; margin: 0px; padding: 10px 0 0 30px; }
#content .contactenquiry dt { float: left; clear: both; width: 150px; height: auto; margin: 0px; padding: 10px 0 0 0; font-weight: bold }
#content .contactenquiry dd { float: left; width: 250px; height: auto; margin: 0px; padding: 10px 0 0 0; }

#content .text { width: 200px; }

/* Photo page */
#photos { margin: 0 auto 0 auto; width: 800px; height: 600px; border: 1px solid #0075B2; }
#photo1, #photo2 { background-position: center center; background-repeat: no-repeat; background-color: #cccccc; }
#photoinfo { margin: 10px; width: auto; height: auto; font-size: 24px; font-weight: bold; color: #00A786; }

/* Side */
#side { float: right;  margin: 0px; padding: 70px 20px 0 20px; height: auto; width: 150px; text-align: right; color: #004E77; font-size: 12px; }

#side h2 { padding: 0px; margin: 0px; text-transform: uppercase; color: #004E77; font-size: 14px; }
#side p { padding: 15px 0 0 0; margin: 0px; }

/* Footer */
#footer { margin: 0 auto 0 auto; padding: 5px 20px 0 20px; background: url('/images/bgFooter.jpg'); width: 730px; height: 55px; font-size: 11px; }
#footer .hr { font-size: 0px; height: 1px; width: 100%; background: #757474; }

#footer p { float: left; padding: 15px 0 0 0; margin: 0px; }

#footer ul { float: right; padding: 15px 0 0 0; margin: 0px; list-style: none; width: 320px; height: auto; }
#footer ul li { float: left; padding: 0 5px 0 5px; }

#footer a { color: #696969; }
#footer a:hover { color: #696969; text-decoration: underline; }
/* Author */
.author { text-align: center; font-size: 11px; padding: 10px; margin: 0px; }
.author a, .author a:hover { color: #ffffff; }