/*
 * Colors Used:
 * #212f63 - Dark blue. Used in headers and form input.
 * #226549 - Dark green. Used in certain highlights. Links, menu links:hover, and tagline.
 * #59a901 - Green. Used in body link:hover and masthead links.
 *
 * #dedede - Gray. Used for menu links. Also used for right column border.
 * #eeeeee - Lighter Gray. Used for right column background.
 * #FF0000 - Red. Used for error text.
 */

/* Define base elements */
html,body,div,img,table,tr,td,label,input,form { padding:0 0 0 0; margin: 0 0 0 0; border: none; }
body { background:#FFFFFF; margin:5px 0 5px 0; padding: 0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; }

h1 { color:#212f63; font-size: 32px; font-family: "Arial Narrow", "Microsoft Sans Serif", sans-serif; }

h2 { color:#212f63; font-size: 28px; font-family: "Arial Narrow", "Microsoft Sans Serif", sans-serif; }

h3 { color:#212f63; font-size: 24px; font-family: "Arial Narrow", "Microsoft Sans Serif", sans-serif; }

input,textarea {
 border: 1px solid #cecece;
 width: 200px;
 display:block;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #212f63;
}

button { position: relative; top: 10px; }

ul.bullet {margin:0px; padding:0px; padding-left:18px;}
ul.bullet li {list-style:url(images/bullet.gif) outside}

ul.bulky li, ol.bulky li { padding:0.3em; }

a {
 color: #226549;
}
a:hover {
 color: #cb9717;
}

/* Define structure of site */

#partners {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
#partners img {
 padding: 5px 10px 5px 10px;
}

#contact-form .error {
 color: #FF0000;
 font-weight: bold;
}
#contact-form textarea {
 width: 200px;
 height: 125px;
 font-size: 10px;
}
#contact-form button {
 margin-bottom: 10px;
}

#container { margin:0 auto 0 auto; padding: 0 0 0 0; width: 960px; }

#header { height: 65px; }
#headerleft { float: left; }
#headerright { float: right; }

#masthead {
 background: url('images/da-masthead2.png') no-repeat;
 width: 960px;
 height: 260px;
}
#masthead h1, #masthead h2, #masthead h3 {
 position: relative;
 top: 20px;
 left: 30px;
 width: 700px;
}
#masthead p {
 position: relative;
 top: 20px;
 left: 30px;
 width: 640px;
 font-size: 18px;
 color: #ffffff;
}
#masthead a {
 color: #59a901;
}
#masthead a.callToAction {
 color: #000000;
}

#tagline {
 font-size: 26px;
 font-family: "Arial Narrow", "Microsoft Sans Serif", sans-serif;
 font-style: oblique;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 text-align: left;
 color: #226549;
}
#menu {
 float: right;
 padding: 0 0 0 0;
 margin: 20px 0 0 0;
 text-align: center;
}
#menu * {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}
#menu ul, #menu li {
 display: inline;
}
#menu ul li:before {
 content: "| ";
}
#menu ul li:first-child:before {
 content:"";
}
#menu a {
 text-transform: lowercase;
 font-weight: bold;
 color: #cecece;
 font-size: 14px;
 text-decoration: none;
}
#menu a:hover {
 text-decoration: underline;
 color: #226549;
}

#content { clear: both; padding-top: 0.5em; line-height: 1.5em; margin-left: 1em; margin-right: 1em; }

#content-right {
 float: right;
 width: 200px;
 min-height: 200px;
 background: #eeeeee;
 border: 1px solid #dedede;
 padding: 10px 10px 10px 10px;
}

#services td { width: 50%; vertical-align:top; }
#services tr { padding: 0 0 0.1em 0; }

#footer {
 clear: both;
 text-align: center;
}
#fineprint * {
 font-size: 10px;
}
#fineprint ul, #fineprint li {
 display: inline;
}
#fineprint ul li:before {
 content: "| ";
}
#fineprint li:first-child:before {
 content: "";
}


/* Define classes */
.contentleft { width: 18em; padding: 1em; float: left; text-align: center; }
.contentleft * { margin-left: auto; margin-right: auto; text-align: center; }
.contentright { width: 18em; padding: 1em; float: right; }

.headerright {float:right; padding-right:13px; margin-top:13px; margin-bottom:13px; width:400px; text-align:right}
.headerright a:link {color:#353131; text-decoration:none; padding:0px 10px 0px 10px; background:url(images/topmenu-seperator.gif) right no-repeat;}
.headerright a:visited {color:#353131; text-decoration:none;  }
.headerright a:hover {color:#a70329; text-decoration:none;  }
.headerright a.last:link {color:#353131; text-decoration:none; padding:0px 10px 0px 10px; background:url(images/spacer.gif) right no-repeat;}
.headerright a.last:visited {color:#353131; text-decoration:none;  }
.headerright a.last:hover {color:#a70329; text-decoration:none;  }

.form-heading { padding:0 0 0 0; margin:0 0 0 0; color:#212f63; font-size: 24px; font-family: 
"Arial Narrow", "Microsoft Sans Serif", sans-serif; }

.anti-spam { color: #8e8e8e; font-size: 10px; }
.required { font-weight: bold; }

.hang-right { float: right; }
.hang-left { float: left; }
.clear { clear: both; }

