/* Author: Skyler Kanegi */

body {
background-color: #F7FAF6;
}

#top {
width: 940px;
margin: 0 auto;
}

#content {
width: 940px;
margin: 0 auto;
}

#header {
position: relative;
float: left;
width: 100%;
margin: 16px 0 18px 0;
}

#mission {
position: relative;
float: left;
width: 100%;
background-color: #9BC2C4;
margin-bottom: 20px;
}

#problem {
position: relative;
float: left;
width: 264px;
height: 433px;
margin-right: 20px;
background-color: #B45252;
padding: 18px;
}

#solution {
position: relative;
float: left;
width: 264px;
height: 433px;
margin-right: 20px;
background-color: #85AE7D;
padding: 18px;
}

#contact {
position: relative;
float: right;
width: 264px;
height: 433px;
background-color: #817DAE;
padding: 18px;
}

#color {
position: relative;
float: left;
width: 584px;
padding: 8px 18px 18px 18px;
border-top: #9BC2C4 10px solid;
}

#colorcontact {
position: relative;
float: right;
width: 264px;
padding: 8px 18px 18px 18px;
border-top: #85AE7D 10px solid;
}

#copyright {
position: relative;
float: left;
width: 100%;
margin-top: 20px;
}

.margin {
width: 940px;
padding: 18px 0 18px 0;
margin: 0 auto;
}

.image {
position: relative;
float: left;
padding-bottom: 18px;
}

.title {
position: relative;
float: left;
font-family: Calibri, CalibriRegular;
font-size: 35px;
color: #FFFFFF;
line-height: 1.11em;
padding-left: 20px;
text-transform: none;
}

.intro {
position: relative;
float: left;
width: 472px;
padding: 21px 0 20px 20px;
}

.left {
position: relative;
float: left;
}

.right {
position: relative;
float: right;
}

span.right {
position: relative;
float: right;
}

span.logo {
font-family: Calibri, CalibriRegular;
font-size: 25px;
color: #9BC2C4;
text-transform: uppercase;
}

span.bignav {
position: relative;
float: left;
font-family: Calibri, CalibriBold;
font-size: 20px;
color: #000000;
font-weight: bold;
text-transform: none;
}

span.bignav a {
color: #9BC2C4;
text-decoration: none;
text-transform: uppercase;
}

span.bignav a:hover {
color: #B45252;
}

span.search {
position: relative;
float: left;
font-family: Calibri, CalibriBold;
font-size: 20px;
color: #000000;
font-weight: bold;
}

span.search a {
color: #85AE7D;
text-decoration: none;
text-transform: uppercase;
}

span.search a:hover {
color: #B45252;
}

span.big {
font-family: Calibri, CalibriBold;
font-size: 56px;
font-weight: bold;
text-transform: uppercase;
}

span.header {
font-family: Calibri, CalibriBold;
font-size: 28px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
}

span.colorheader {
font-family: Calibri, CalibriBold;
font-size: 28px;
color: #B45252;
font-weight: bold;
text-transform: uppercase;
}

span.colorcontact {
font-family: Calibri, CalibriBold;
font-size: 28px;
color: #817DAE;
font-weight: bold;
text-transform: uppercase;
}

span.text {
text-align: left;
font-family: "Trebuchet MS";
font-size: 13px;
color: #000000;
text-transform: none;
}

span.colortext {
text-align: left;
font-family: "Trebuchet MS";
font-size: 13px;
color: #000000;
text-transform: none;
}

span.text  a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

span.colortext  a {
color: #B45252;
text-decoration: none;
font-weight: bold;
}

span.text  a:hover {
border-bottom: #9BC2C4 3px solid;
}

span.colortext  a:hover {
border-bottom: #9BC2C4 3px solid;
}

span.copyright {
font-family: Calibri, CalibriRegular;
font-size: 15px;
color: #000000;
text-transform: none;
}

span.smallnav {
font-family: Calibri, CalibriRegular;
font-size: 17px;
}

span.smallnav a {
font-family: Calibri, CalibriBold;
text-decoration: none;
color: #9BC2C4;
font-weight: bold;
text-transform: uppercase;
}

span.smallnav a:hover {
color: #B45252;
}

span.highlight {
color: #B45252;
}

input.search {
height: 20px;
width: 180px;
font-family: "Trebuchet MS";
font-size: 13px;
background-color: #E6F0E4;
border: #85AE7D 1px solid;
}

input.text {
position: relative;
float: left;
height: 15px;
width: 260px;
font-family: "Trebuchet MS";
font-size: 13px;
background-color: #EFEDFA;
border: #FFFFFF 1px solid;
margin-bottom: 10px;
}

input.colortext {
position: relative;
float: left;
height: 15px;
width: 260px;
font-family: "Trebuchet MS";
font-size: 13px;
background-color: #EFEDFA;
border: #817DAE 1px solid;
margin-bottom: 10px;
}

textarea.text {
position: relative;
float: left;
height: 153px;
width: 260px;
font-family: "Trebuchet MS";
font-size: 13px;
background-color: #EFEDFA;
border: #FFFFFF 1px solid;
margin-bottom: 10px;
}

textarea.colortext {
position: relative;
float: left;
height: 153px;
width: 260px;
font-family: "Trebuchet MS";
font-size: 13px;
background-color: #EFEDFA;
border: #817DAE 1px solid;
margin-bottom: 10px;
}

img {
border: 0;
}

ul {
padding: 27px;
margin-left: -12px;
margin-top: -37px;
margin-bottom: -37px;
}

ol {
padding: 27px;
margin-top: -37px;
margin-bottom: -37px;
}

li {
margin-top: 10px;
margin-bottom: 10px;
}