@charset "utf-8";
body {background:url('images/bg.jpg') center #0a0c0b;font:1.2em 'Century Gothic',Arial;margin:0 auto;padding:0}
img {border:0}
table, tr, td {padding:0;margin:0}
a {color:#fff}
/* Header */
#header {background:#0a0c0b;height:162px;width:696px;margin:0 auto}
#header-right {background:#0a0c0b;height:122px;margin:0 0 0 7px;width:690px;padding:20px 0;text-align:center}

h1.logo {background:url(images/charles-sprake.gif) no-repeat;height:124px;width:454px;text-indent:-5000px;margin:0 auto;padding:0}
h1 {color:#D1250D; font:2em "Calibri","Trebuchet MS",Arial,Geneva,sans-serif;margin:0;padding:0}
h2 {color:#AF925B ;font:1.5em Arial;margin:0;padding:0; padding-top:10px}
h3 {border-bottom:solid 1px #666666; color:#AF925B}	
p {text-align:justify; line-height:1.25em}
p strong{}
/* Body */

#navmenu {width:685px; background:url('images/bg2.gif') repeat-x bottom;padding:0;margin:3px auto 0;_margin:1px auto 0;height:32px}
#navmenu ul {list-style:none;margin:0 auto;padding:0;overflow:hidden}
#navmenu ul li {float:left;margin:0;overflow:hidden}
#navmenu ul li a.first {background:url(images/menu-bg.gif) no-repeat}
#navmenu ul li a.first:hover {background:url(images/menu-over-first.gif)}
#navmenu ul li a {background:url(images/menu-divider.gif) repeat-y;color:#fff;font-size:0.75em;text-decoration:none;padding:8px 20px 9px;display:block;overflow:hidden}
#navmenu ul li a:hover {background:url(images/menu-over.gif) repeat-x}

#main {background:none;color:#fff;font-size:0.75em;width:650px;margin:0 auto;padding:30px 50px;overflow:hidden}
#main em {color:#977e4e;font-weight:bold;font-style:normal}
#skip {display:none}
#pics {overflow:hidden}
#pics img {float:left;padding:0 10px 10px 0}
.plan {margin:15px 0 15px 125px}
.left {float:left;padding:10px 10px 10px 0}
.right {float:right;padding:0 0 10px 10px}
.contact {float:left;width:280px; font-size:1.2em}
.contact dt {float:left;clear:both;font-weight:bold; height:2em;overflow:hidden;width:45px; color:#AF925B}
.contact dd {height:2em;padding:0 0 0 20px}
.contact dd a {float:left}

/* Footer */
#footer-bg {background:url(images/footer-bg.gif) repeat-x;width:685px;height:35px; margin: auto auto}
#footer {background:url(images/footer.gif) repeat-x;width:685px;margin:0 auto;height:35px; font-size:.85em}
#footer img {float:right;margin:10px}
#footer p {color:#fff;font-size:0.75em;text-align:center;margin:0;padding:11px 0 0}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:underline}
#audioplay{margin-left:20px;}


.LV_validation_message{font-weight:bold;margin:0 0 0 5px;}
.LV_valid {color:#00CC00;}
.LV_invalid {color:#CC0000;}
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #00CC00;}
.LV_invalid_field,input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {border: 1px solid #CC0000;}

#contact {clear:both}
#contact fieldset {border:0}
#contact input {background:#F6F5F5;border:1px solid #CCC}
#contact input:hover {background:#EEE;border:1px solid #BBB}
#contact label {display:block;font-weight:bold;margin:10px 0 0}
#contact textarea {background:#F6F5F5;border:1px solid #CCC;font:1em Arial;overflow:auto}
#contact textarea:hover {background:#EEE;border:1px solid #BBB}
#contact input#send {background:#C00;border:0;color:#FFF;display:block;font-weight:bold;margin:10px 0 0;padding:3px 5px}

#photos {list-style:none;margin:0;padding:0}
#photos li {float:left;margin:0 10px 10px 0}
#pdfs img {margin:0 5px 0 0}