/* CSS Document */

body { margin:0 auto; width:822px; }
p { /* color: #0c5502; */ font-size: 14px;/* text-align: justify; */ }
p.footer { margin:0; font-size: 14px; }
span.phoneex { margin:0 0 0 3px; }
span.ext { margin:0 0 0 20px; }
/*
#topmenu {width: 822px;	border: 2px hidden #fff; margin: 0 auto; padding-right: 0; font-size: 95%; white-space: nowrap; display: inline; margin-bottom: 12px; vertical-align: middle; }
*/
#topmenu a { font-size: 14px; font-family: Times New Roman; text-align: center; color: #d7b374; text-decoration: none; font-weight: bold; }
#topmenu a:hover { text-decoration: underline; }
#bottom { text-align: center; color: #000; text-decoration: none; font-size:14px; }
#bottom a { font-size: 14px; font-family: Times New Roman; text-align: center; color: #d7b374; text-decoration: none; font-weight: bold; padding: 2px; }
#bottom ul { margin: 0; padding: 12px; list-style: none; float: left; width: 100%; border-bottom: 12px hidden #fff; border-top: 12px hidden #fff; }
#bottom li { display: inline; color: #d7b374; }
#content { width: 822px; text-align: left; }
#content h1 { font-size: 40px; color: #d7b374; }
#content h2 { font-size: 30px; color: #d7b374; }
span.breadcrumbs { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#d48c42; font-weight: bold; }
/**************************************************/
/* aligning forms hack                            */
/**************************************************/
.lefty { margin:5px; width: 175px; text-align:center; float:left; }
.clear { clear:both; }
fieldset { margin:0 0 5px 0; }
dl { margin:5px 0 0 0; }
label { width:13em; color:#336699; font-weight:bold; float:left; }
label.list { color:#336699; font-weight:bold; float:left; }
label.error { float:none; color:red; padding-left:.5em; vertical-align:top; }
p.form { clear:both; }
em { color:red; font-weight:bold; padding-left:.5em; vertical-align:top; }
span.fieldsetheading { font-weight:bold; font-size:1.25em; }
input.button { font-size:14px; font-weight:bold; }
/**************************************************/
/* form validation	                              */
/**************************************************/
.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; }
#debugMode { background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; }
.ajaxSubmit { padding:20px; background:#55ea55; border:1px solid #999; display:none }
.formError .formErrorContent { width:100%; background:#ee0101; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.greenPopup .formErrorContent { background:#33be40; }
.blackPopup .formErrorContent { background:#393939; color:#FFF; }
.formError .formErrorArrow { position:absolute; bottom:0; left:20px; width:15px; height:15px; z-index:5001; }
.formError .formErrorArrowBottom { top:0; margin:-6px; }
.formError .formErrorArrow div { border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#ee0101; margin:0 auto; line-height:0px; font-size:0px; display:block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background:#33be40; }
.blackPopup .formErrorArrow div { background:#393939; color:#FFF; }
.formError .formErrorArrow .line10 { width:15px; border:none; }
.formError .formErrorArrow .line9 { width:13px; border:none; }
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3 { width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd; }
.formError .formErrorArrow .line2 { width:3px; border:none; background:#ddd; }
.formError .formErrorArrow .line1 { width:1px; border:none; background:#ddd; }