/* CSS Document */
* {
padding: 0px; margin: 0px; 
}

body {
font-size:100%; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/gradtop.png); background-position: top; background-repeat: repeat-x;
padding-top: 15px;
}

p {
font-size: 0.80em; margin-bottom: 15px; line-height: 1.4em; text-align: justify;
}

p a {
color: #B41939; font-weight: bold; text-decoration: underline;
}

a {
color: #B41939;
}

.wrap {
border-bottom: 3px solid #B41939;
}

#top {
border-bottom: 6px solid #B41939;
}

#header {
width: 800px; margin: 0 auto; height: 60px;
}

#header h1 {
text-indent: -9999px; background-image: url(images/logo.gif); background-repeat: no-repeat;
height: 60px; width: 240px; float: left;
}

#header h1 a {
display: block; height: 60px; width: 240px; 
}

#header ul {
display: block; height: 20px; float: right; padding-top: 40px; background-image: url(images/navbg.png); background-repeat: no-repeat;
background-position: bottom; width: 475px; padding-left: 5px; 
}

#header li {
list-style: none; display: inline; margin-right: 14px; padding-left: 4px; padding-right: 4px; position: relative; bottom: 3px;
margin-left: 2px;
}

#header li#curr {
background-color: #990033;
}


#header li a {
list-style: none; display: inline; text-transform: uppercase; color: #fff; text-decoration: none;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; 
}

#header li a:hover {
color: #eee;
}

#intro {
margin: 0 auto; width: 800px; padding: 20px 0 10px 0; 
/* height: 13em;*/
overflow: auto;
}

#intro p#homeIntro {
background-image: url(images/home_quote.gif); background-repeat: no-repeat; text-indent: -9999px;
height: 70px; width: 460px; margin-bottom: 5px; float: left; 
}

#intro h2 {
text-indent: -9999px; background-repeat: no-repeat;
}

#intro h2.about {
background-image: url(images/about_us.gif);
}

#intro h2.services {
background-image: url(images/services.gif);
}

#intro h2.values {
background-image: url(images/values.gif);
}

#intro h2.individ {
background-image: url(images/individ_services.gif);
}

#intro h2.orgs {
background-image: url(images/orgs_services.gif);
}

#intro h2.contact {
background-image: url(images/contact_us_heading.gif);
}

form label {
display: block; font-size: 0.9em; font-weight: bold;
}

form input {
width: 300px; display: block; margin-bottom: 10px;
}

form input:focus, form textarea:focus {
/*background-color: #FFFFCC;*/
}

form input.butt {
width: auto; display: inline; margin-top: 10px;
}

form textarea {
width: 400px;
}

#intro #imgCol {
float: right; width: 310px; padding-left: 0px; 
}

#intro #imgCol img {
float: right; margin: 20px 0 20px 0;
}

#intro #imgCol a {
display: block; clear: both; font-size: 0.9em; font-weight: bold; width: 100px;
background-image: url(images/bullet.gif); background-repeat: no-repeat; padding-left: 20px;
background-position: left;
}

#intro #imgCol a.moreinfo {
width: 200px;
}

#intro #contentCol {
width: 460px; float: left; text-align: justify;
}

#intro #contentCol ul li {
font-size: 0.8em; list-style: circle; padding-top: 10px;
margin-left: 15px; 
}

ul#servicePreview {
width: 800px; margin: 0 auto; padding-top: 15px; height: 6.5em;
}

ul#servicePreview li {
list-style: none; width: 240px; float: left; margin-right: 60px; padding-left: 120px; background-repeat: no-repeat; 
background-position: top left; 
}

ul#servicePreview li a {
padding-top: 10px;
}

ul#servicePreview li#ind {
background-image: url(images/individual.gif); 
}

ul#servicePreview li#org {
background-image: url(images/org.gif); margin-right: 0;
}

ul#servicesSnippet {
list-style: none; width: 305px;
}

ul#servicesSnippet  h3 {
font-size: 0.8em; line-height: 0.8em; padding-bottom: 5px;
}

ul#servicesSnippet li {
background-repeat: no-repeat; padding-left: 120px; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-top: 30px;
}

ul#servicesSnippet li#ind {
background-image: url(images/individual.gif); 
}

ul#servicesSnippet li#org {
background-image: url(images/org.gif); margin-right: 0;
}

#footer {
background-image: url(images/gradtop.png); background-repeat: repeat-x; height: 100px; padding-top: 15px;
}

#footer h4 {
width: 800px; margin: 0 auto; font-size: 0.9em;
}

.contactInfo {
padding-top: 20px; padding-left: 30px; float: right; width: 260px; float: right;
border-left: solid 1px #ccc;
}

.contactInfo img {
margin-top: 30px; margin-bottom: 50px;
}

h3.first {
margin-bottom: 5px;
}

.vcard, .first {
padding-left: 20px;
}

.vcard span {
font-size: 0.8em;
}

.street-addr-2 {
display: block;
}

.err {
color: #990000;
}

h5.err {
text-indent: 20px;
}

div.errMsg {
color: #333333; padding-bottom: 15px;
}