/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
text-align:center;
min-width:760px;
background-image:url(assets/bodyBgrnd.gif);
background-repeat:repeat-x;
padding:0px;
margin:0px;
}
#wrapper {
width:780px;
margin:0 auto;
text-align:left;
background-image:url(assets/wrapperBgrnd.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
}
#header {
padding-top:20px;
}
#content {
clear:both;
}
#contentTwo {
margin-bottom:20px;
}
#left {
width:150px;
float:left;
background-color:#FFF;
}
#right {
width:630px;
float:left;
background-color:#FFF;
}
#fullColumn {
width:630px;
float:left;
background-color:#FFF;
background-image:url(assets/contentBgrnd.jpg);
background-repeat:no-repeat;
}
#contentLeft {
width:438px;
float:left;
background-color:#FFF;
background-image:url(assets/contentBgrnd.jpg);
background-repeat:no-repeat;
}
#contentRight {
width:192px;
float:right;
background-color:#FFF;
}
#footer {
clear:both;
margin-top:10px;
height:50px;
padding:25px 20px 0px 20px;
background-image:url(assets/footerBgrnd.gif);
background-repeat:no-repeat;
font-size:1.0em;
line-height:1.4em;
color:#6c0046;
}
#navigation {
width:150px;
background-color:#6c0046;
font-size:1.2em;
line-height:1.5em;
font-weight:normal;
}
#navigation ul {
list-style:none;
margin:0;
padding:0;
}
#navigation li {
border-bottom: 1px solid #8dacd3;
border-top: 1px solid #557fb6;
}
#navigation li a {
display:block;
padding:8px 5px 8px 18px;
background-color:#6f9ad1;
color:#FFFFFF;
background-image:url(assets/navArrow.gif);
background-repeat:no-repeat;
text-decoration:none;
}
#navigation li a:hover {
background-color:#6c0046;
color:#FFFFFF;
}
#contentLeft h1{
font-size:1.9em;
line-height:1.2em;
font-weight:bold;
color:#aba988;
padding:10px 0px 0px 10px;
}
#contentLeft h2{
font-size:1.4em;
line-height:1.0em;
font-weight:bold;
color:#5c88c0;
padding:10px 20px 0px 10px;
}
#contentLeft p{
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
color:#666;
padding:0px 20px 0px 10px;
}
#contentLeft p.error{
color:red;
padding:0px 20px 0px 10px;
}
#contentLeft li{
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
color:#666;
}
#contentLeft form {
display:inline;
}
#contentLeft input {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
padding: 2px 4px 2px 4px;
font-size:1.0em;
}
#contentLeft select {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
padding: 2px 4px 2px 4px;
font-size:1.0em;
}
#contentLeft .btn {
color:#FFF;
background-color:#aba988;
border:1px solid #7f9db9;
font-size:1.0em;
}
#branding {
float:left;
}
#login {
float:right;
}
#login form {
display:inline;
}
#login input {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
font-size:1.0em;
padding: 2px 4px 2px 4px;
}
#login select {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
font-size:1.0em;
padding: 2px 4px 2px 4px;
}
#login .btn {
color:#FFF;
background-color:#aba988;
border:1px solid #7f9db9;
font-size:1.0em;
}
#login .error{
color:red;
}
#header p{
font-size:1.0em;
font-weight:normal;
color:#4f0033;
padding:0px 20px 0px 10px;
}
#homeBanner {
padding-top:10px;
}
#footerBanner {
}
#wrapperTwo {
width:610px;
margin-left:10px;
margin-top:10px;
padding-top:10px;
border-top:1px dashed #6f9ad1;
clear:both;
}
#wrapperThree {
width:610px;
margin-top:10px;
padding-top:10px;
clear:both;
}
#bannerOne {
width:197px;
background-image:url(assets/bgrndTree.gif);
background-repeat:no-repeat;
background-color:#FFF;
float:left;
border-right:1px dashed #6f9ad1;
}
#bannerTwo {
width:197px;
background-image:url(assets/bgrndWatercan.gif);
background-repeat:no-repeat;
background-color:#FFF;
float:left;
border-right:1px dashed #6f9ad1;
margin-left:5px;
}
#bannerThree {
/*background-image:url(assets/bgrndCalc.gif);
background-repeat:no-repeat;*/
width:198px;
background-color:#FFF;
float:left;
margin-left:5px;
}
#bannerOne h1{
font-size:1.3em;
line-height:0.5em;
font-weight:bold;
color:#4f0033;
padding:10px 10px 0px 5px;
}
#bannerTwo h1{
font-size:1.3em;
line-height:1.0em;
font-weight:bold;
color:#4f0033;
padding:10px 10px 0px 5px;
}
#bannerThree h1{
font-size:1.3em;
line-height:1.0em;
font-weight:bold;
color:#4f0033;
padding:10px 10px 0px 5px;
}
#bannerOne p{
font-size:1.1em;
line-height:1.2em;
font-weight:normal;
color:#666;
padding:0px 10px 0px 45px;
}
#bannerTwo p{
font-size:1.1em;
line-height:1.2em;
font-weight:normal;
color:#666;
padding:0px 10px 0px 45px;
}
#bannerThree p{
font-size:1.1em;
line-height:1.2em;
font-weight:normal;
color:#666;
padding:0px 0px 0px 10px;
}
#clear{
clear:both;
}
#wrapperTwo a:link, #wrapperTwo a:visited, #wrapperTwo a:active {
text-decoration:none;
color:#6c0046;
padding-left:10px;
background-image:url(assets/linkArrow.gif);
background-repeat:no-repeat;
}
#wrapperTwo a:hover {
text-decoration:underline;
}
#footer a:link, #footer a:visited, #footer a:active {
text-decoration:none;
color:#6c0046;
}
#footer a:hover {
text-decoration:underline;
}
.floatRight{
float:right;
}
#wrapperThree h1{
font-size:1.6em;
line-height:0.5em;
font-weight:bold;
color:#aba988;
padding:10px 20px 0px 20px;
}
#wrapperThree h2{
font-size:1.4em;
line-height:1.0em;
font-weight:bold;
color:#5c88c0;
padding:10px 20px 0px 20px;
}
#WrapperThree p{
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
color:#666;
padding:0px 20px 0px 20px;
}
h1{
font-size:1.6em;
line-height:0.8em;
font-weight:bold;
color:#aba988;
padding:10px 20px 0px 20px;
}
h2{
font-size:1.4em;
line-height:1.0em;
font-weight:bold;
color:#5c88c0;
padding:10px 20px 0px 20px;
}
p {
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
color:#666;
padding:0px 20px 0px 0px;
}
li.error{
color:red !important;
}
#branding a:link, #branding a:visited, #branding a:active {
text-decoration:none;
color:#6c0046;
}
#branding a:hover {
text-decoration:underline;
}

/* ------------------------- FORM ELEMENTS -----------------------*/
.tableform {
margin-left:10px;
margin-right:10px;
width:418px;
font-size:1.2em;
}
.tableForm tr.altrow {
background-color:#DAD8C8;
color:#000000;
}

input.txtfield {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
padding: 2px 4px 2px 4px;
font-size:1.0em;
width:90%;

}

select.list {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
padding: 2px 4px 2px 4px;
font-size:1.0em;
}

textarea.txtfield2 {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
padding: 2px 4px 2px 4px;
font-size:11px;
height:100px;
width:300px;
}


/* ------------------------- TABLE ELEMENTS -----------------------*/

.coTable {
font-size:1.1em;
border-top: 1px solid #DAD8C8;
border-left: 1px solid #DAD8C8;
border-right: 1px solid #DAD8C8;
border-bottom: 1px solid #4F0133;
border-collapse: collapse;
width:418px;
margin-top:5px;
margin-left:10px;
margin-right:10px;
}
.coTable td {
border:1px solid #FFFFFF;
padding: 4px;
}
.coTable th {
border :1px solid #FFFFFF;
background-color: #4F0133;
font-weight: bold;
color:#FFFFFF;
text-align:left;
padding:4px;
}
.coTable th a:link, .coTable th a:visited{
color:#4f0033;
}
.coTable caption {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color:#4F0133;
text-align:left;
padding-top:8px;
padding-bottom:8px;
}
.coTable tr.altrow {
background-color:#DAD8C8;
color:#000000;
}
.coTable tr.altrowTwo {
background-color:#f0f5fb;
color:#000000;
}
.coTable input.txtfield {
color:#666666;
background-color:#fff;
border:1px solid #7f9db9;
padding: 2px 4px 2px 4px;
font-size:1.1em;

}
.coTable .tableHone {
font-size:1.4em;
line-height:1.0em;
font-weight:bold;
color:#5c88c0;
padding:10px 20px 0px 0px;
}

a:link,a:active,a:visited { text-decoration: none; color: #4f0033; }
a:hover	{ text-decoration: underline; color: #4f0033; }

#loggedIn {
float:right;
width:184px;
display:inline;
margin-bottom:10px;
margin-right:0px;
}
#logName {
font-size:11px;
line-height:12px;
width:184px;
height:28px;
background-image:url(assets/login_top.gif);
background-repeat:no-repeat;
color:#FFFFFF;
padding:5px 3px 0px 5px;
}
#logoutButton{
width:184px;
}
#editButton{
width:184px;
}
hr {
  border: 0;
  width: 95%;
  color: #6f9ad1;
background-color: #6f9ad1;
height: 1px;

}

.search {
width:150px;
}

#left form {

display:inline;
width:120px;

}

#left input {

color:#666666;

background-color:#fff;

border:1px solid #7f9db9;

padding: 2px 4px 2px 4px;

font-size:1.0em;


}

#left select {

color:#666666;

background-color:#fff;

border:1px solid #7f9db9;

padding: 2px 4px 2px 4px;

font-size:1.0em;


}

#left .btn {

color:#FFF;

background-color:#aba988;

border:1px solid #7f9db9;

font-size:1.0em;

}