/* CSS Document */
*{ margin:0; padding:0; }
body {color:#333333; font-size:76%; background-color: #F1F1F1; font-family: Arial, san-serif;}
.clear {clear:both;}

a, a:focus {color:#ffce00; text-decoration:none; font-family: Arial, san-serif; font-size: 1em;}
a:hover {color: #ffce00; text-decoration: underline}

p{font-size: 1em; color:#fff; line-height: 1.4em; margin-bottom: 15px;}
h1 {color: #fff; font-size:2em; line-height: 1em; margin-bottom: 25px; font-family: Palatino Linotype, Georgia, Times, serif; font-style: italic; }
h2 {color: #fff; border-bottom: 1px dotted #7E4F4F; font-size: 14pt; line-height: 1.5em; margin-bottom: .5em; margin-top: 1.75em; font-weight: normal}
h3 { font-size:1em; line-height: 1.4em; margin-bottom: .5em; font-family: Arial, san-serif; font-weight: bold;}

/* Layout */
#header {width: 940px; height: 115px; margin: 0 auto;}
#header .logo {float:left; margin: 15px 0 0 10px}

#expandBar {width:100%; height:400px; margin:0; padding:0px; background: url(../images/bgBar.gif) repeat-x;}
#containerBody {width:945px; margin: 0 auto;}
#container {border-top:3px solid #BCBABA;	border-bottom:3px solid #BCBABA;
	background:#000 url(../images/bgContainer.gif) repeat-y;}
#content {float:left; width:800px;}
#content #photo {width:330px; float: left;}
#content #info {width:430px; float: left; padding: 15px 20px; color:#fff; background: url(../images/bgContent.gif) repeat-x;}
#content #belowPhoto {padding:20px; color: #fff; font-size: 1.25em; font-family: Palatino Linotype, Georgia, Times, serif; font-style: italic;}
#content #galleryThumbs {min-height: 350px; width:430px; padding: 15px 10px; float: left; background: url(../images/bgContent.gif) repeat-x;}
#content ul {list-style:circle outside; margin-bottom: 10px}
#content li {margin: 0px 0px 0px 20px; line-height: 1.4em; list-style-position: outside;}
#content .testimonial {font-family: "Times New Roman", Times, serif; font-size: 16px; color: #fff; font-style: italic; line-height: normal;}
#content .testimonial-people {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; font-style: normal;}

#footer {padding-top: 15px; padding-bottom: 50px}
#footer #icons {float:right; text-align: center; width:145px;}
#footer #copyright {float:left; text-align: left; width:375px; margin-top:10px}
#footer #contact {float:right; text-align: right; width:375px; margin-top:10px}
#footer #contact a{color:#990000; decoration:none}
#footer #contact a:hover{decoration:underline}

/* Navigation */
#navTop {float: right; height: 35px; bottom:0; margin-top:76px; margin-left: 10px; font-size: 13pt; font-family: Arial, Helvetica, sans-serif; color: #990000;}
#navTop a {color:#990000; text-decoration: none; padding: 2px}
#navTop a:hover {color: #540000; border-bottom: 3px dotted #990000}
#navTop .spacer {padding: 0px 5px}
#navSide {float:right; width:145px;}
#navSide ul {margin: 0; padding:0;}
#navSide ul li {list-style:none; padding:0; border-bottom: 1px solid #540000;}
#navSide ul li a {font-family: Palatino Linotype, Georgia, Times, serif; font-style: italic; color:#fff; text-decoration: none; display:block; margin:0; padding:5px 0px 5px 5px; }
#navSide ul li a:hover { background-color:#7E4F4F; }
#navBox {}

/* Homepage Rotating Slideshow */
#homeSlideshow {position:relative; width: 800px; float: left; height:335px} 
	/*height needed to hold space on Macs
	12 menu items = height:335px
	13 menu items = height:363px
	14 menu items = height:391px
	15 menu items = height:419px  */
#homeSlideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0; border-bottom:1px solid #540000}
#homeSlideshow IMG.active {z-index:10; opacity:1.0;}
#homeSlideshow IMG.last-active {z-index:9;}

/* Homepage Tagline */
#homeBottom {clear:both}  
#homeBoxRed {float:left; background-color:#540000; width:800px; height:60px;
	background: url(../images/bgBuiltForLife.gif) repeat-x;}
#homeBoxRed img {margin: 18px 0px 0px 25px}
#homeBoxGray {float:right; background-color:#626060; width:145px; height:60px;}

/* Toggle FAQs */
.toggle_container {border-top: 1px solid #540000; border-bottom: 1px solid #540000; margin-bottom: 20px;
	background: #7E4F4F; overflow: hidden; clear: both; font-size: 1em; line-height: 1.3em;}
.toggle_container .block {padding: 7px 20px}
.toggle_container .block ol, .toggle_container .block li {margin: 0px 10px; padding: 0;}
h3.trigger {}
h3.trigger a {color: #fff; text-decoration: none; display: block; line-height: 1.15em; margin-top:15px}
h3.trigger a:hover {color: #cf0429; }
h3.active {color: #cf0429; background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

/* Form */
input, textarea {margin: 3px 0px; padding: 1px; background: #F1F1F1; border:1px solid #7E4F4F;}
.formSpace {margin-right: 8px}

/* Association Logos */
#assoc {margin: 0px auto; }
#assoc p {
	text-align: center;
	margin-top: 20px; 
}