@charset "utf-8";
/* CSS Document */


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0px;
padding: 0px;
width: auto;
height: auto;
}
P {
font-size: 1.2em;
}
h1 {
font-size: 1.8em;
}
#wrapper {
width: auto;
height: auto;
text-align: center; /* align for stds complient browser - margins below to center */
margin: 0px;
padding: 0px;
}

/* Header Position */

#header {
width: auto;
height: auto;
background-image: url(images/headerborder.jpg);
background-position: top;
background-repeat: repeat-x;
text-align: center;
margin-right: auto;
margin-left: auto;
border-top: solid 5px #a2cc36;
}

#headcontainer {
width: 950px;
text-align: center;
margin-top: 5px;
padding-top: 24px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#headleft {
float: left;
height: auto;
width: 300px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: auto;
background-color: #ffffff;
}
#headright {
float: left;
width: 650px;
text-align: center;
margin-left: auto;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
background-color: #f7f8f5;
}

/* Header Contents */

#logo {
width: auto;
text-align: center;
margin-top: 15px;
}

#navcontainer {
width: 650px;
height: 125px;
}
#nav {
float: right;
margin-top: -28px;
width: 573px;
height: 121px;
position: relative;
background: url(images/nav.jpg);
}
#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 121px;
background: url(images/nav.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}
li#nav_hom a {
left: 0;
width: 84px;
background-position: 0 0;
}
li#nav_hom a:hover {
background-position: 0 -121px;
}
#body_hom li#nav_hom a {
background-position: 0 -242px;
}

li#nav_about a {
left: 84px;
width: 87px;
background-position: -84px 0;
}
li#nav_about a:hover {
background-position: -84px -121px;
}
#body_abo li#nav_about a {
background-position: -84px -242px;
}

li#nav_arch a {
left: 171px;
width: 118px;
background-position: -171px 0;
}
li#nav_arch a:hover {
background-position: -171px -121px;
}
#body_arcsrv li#nav_arch a {
background-position: -171px -242px;
}

li#nav_planapp a {
left: 289px;
width: 103px;
background-position: -289px 0;
}
li#nav_planapp a:hover {
background-position: -289px -121px;
}
#body_applic li#nav_planapp a {
background-position: -289px -242px;
}

li#nav_palps a {
left: 392px;
width: 92px;
background-position: -392px 0;
}
li#nav_palps a:hover {
background-position: -392px -121px;
}
#body_plappel li#nav_palps a {
background-position: -392px -242px;
}
li#nav_cont a {
left: 484px;
width: 88px;
background-position: -484px 0;
}
li#nav_cont a:hover {
background-position: -484px -121px;
}
#body_cont li#nav_cont a {
background-position: -484px -242px;
}
/* Content Positioning */

#content {
width: auto;
height: auto;
position: relative;
text-align: center;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
clear: both;
background-color: #ffffff;
}
#container {
width: 950px;
height: auto;
text-align: center;
margin-top: 0px;
padding-top: 0px;
margin-right: auto;
margin-left: auto;
}
#leftcol {
float: left;
text-align: center;
height: auto;
width: 300px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: auto;
background-color: #ffffff;
}
#rightcol {
float: left;
width: 650px;
text-align: left;
padding-bottom: 35px;
background-color: #f7f8f5;
}


/* content elements */

#image {
width: auto;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
}

#rightcol h1 {
width: auto;
margin-top: 35px;
margin-right: 35px;
margin-left: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 2.6em;
font-style: normal;
font-weight: bold;
color: #8bb92e;
letter-spacing: 0.1em;
line-height: 1.0em;
}
#rightcol h2 {
width: auto;
margin-top: 35px;
margin-left: 35px;
margin-right: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-style: normal;
font-weight: bold;
color: #8bb92e;
letter-spacing: 0.1em;
line-height: 1.0em;
}
#rightcol h3 {
width: auto;
margin-top: 35px;
margin-left: 35px;
margin-right: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.8em;
font-style: normal;
font-weight: bold;
color: #8bb92e;
letter-spacing: 0.1em;
line-height: 1.0em;
}
#rightcol p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
line-height: 1.5em;
color: #333333;
margin-right: 35px;
margin-left: 35px;
}
#rightcol .action {
font-weight: bold;
font-size: 1.4em;
}
#rightcol ul {
list-style: disc;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
line-height: 1.5em;
color: #333333;
margin-left: 25px;
}
#rightcol ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
line-height: 1.5em;
color: #333333;
margin-left: 25px;
}
#rightcol li {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
color: #333333;
margin-top: 2px;
padding-right: 15px;
}
#rightcol .approach li {
padding-bottom: 10px;
}
#rightcol .approach li li {
font-size: 1.0em;
}
#rightcol span {
font-weight: bold;
}
#rightcol .images {
padding-left: 35px;
}
#rightcol .images img {
border: solid 1px #CCCCCB;
margin-right: 20px;
}

/* Contact Form */
#form {
width: 525px;
text-align: left;
margin-top: 35px;
margin-left: 35px;
margin-bottom: 25px;
}
.tableheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-style: normal;
font-weight: bold;
color: #434445;
letter-spacing: 0.1em;
line-height: 1.0em;
margin-top: 0px;
padding-bottom: 15px;
}
.tablesubhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-style: normal;
font-weight: bold;
color: #343445;
/* color: #747a7f; */
letter-spacing: 0.1em;
line-height: 1.0em;
padding-bottom: 15px;
}
.tablecontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: bold;
color: #343445;
/* color: #747a7f; */
letter-spacing: 0.1em;
line-height: 1.1em;
padding-bottom: 15px;
}
.tabletextbox {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 0.1em;
}
.tablebutton {
width: 75px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 0.1em;
}
/* Footer Alignment */

#footer {
width: auto;
height: auto;
text-align: center;
margin-right: auto;
margin-bottom: 0;
padding: 0px;
border: 0px;
margin-left: auto;
background-color: #a2cc36;
clear: both;
}
#footercontainer {
width: 950px;
height: 200px;
text-align: center;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
}

#footleft {
float: left;
width: 300px;
text-align: left;
/* padding-bottom: 73px; */
}
#footright {
float: left;
width: 650px;
max-height: 200px;
text-align: left;
background-color: #b3d65b;
margin-bottom: 0px;
height: 200px;
}
.clear {
display:block;
height:1px;
clear:both;
margin-bottom: -10px;
margin-top: -10px;
}
/* Footer Content */

#footleft p {
width: auto;
padding-top: 38px;
margin-left: 25px;
margin-right: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1.2em;
}
#contact {
float: left;
width: 245px;
margin-top: 35px;
margin-left: 35px;
margin-right: 0px;
}
#contact p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-style: normal;
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1.2em;
}
#address {
float: left;
width: 225px;
margin-top: 35px;
margin-left: 45px;
margin-right: 0px;
}
#address p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-style: normal;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1.2em;
}