html, body {
height: 100%;
margin: 0;
background: #CFEAF5;
} 

#wrapper {
background-color: #FFFFFF;
width: 880px;
margin-left: auto;
margin-right: auto;
border-right: 1px solid #53CCDD;
border-left: 1px solid #53CCDD;
border-bottom: 1px solid #53CCDD;
}

#banner{
width: 880px;
height: 140px;
}

#logoarea {
padding: 15px 0 0 8px;
width: 400px;
float: left;
height: 120px;
}

#bannernavarea {
float: right;
width: 390px;
text-align: right;
margin: 0px;
padding-top: 105px;
height: 20px;
}

#bannernavarea ul {
padding: 0 0px 0 0;
margin: 0px;
}

#bannernavarea li {
display: inline;
list-style-type: none;
border-right: 1px solid #54336f;
text-align: center;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 0;
padding-top: 0px;
margin: 0px;
letter-spacing: 2px;
}

#bannernavarea a {
color: #4b2b5d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: none;
}

#bannernavarea a:hover {
color: #1673a0;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: none;
}

#bannernavarea li.last {
	border: none;
}

.banner-border {
background-color: #FFFFFF;
margin: 0px 13px 8px 13px;
border: 1px dotted;
border-color: #E3CFFD;
}

#clearfloat {
clear: both;
height: 0;
}

#contentwrapper {
background-color: #4b2b5d;
overflow: hidden;
margin: 0 13px 0 13px;
}

#email {
color: #4b2b5d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: none;
}

.links {
color: #4b2b5d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: underline;
}

.links:hover {
color: #4b2b5d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: underline;
}

/*left nav area begin 8ba5bc*/
#left-navarea {
margin-left: 0px;
margin-right: 0;
float: left;
width: 220px;
background-color: #4b2b5d;
height: 510px;
}

#navstrip {
background-image: url(images/nav-box3.jpg);
height: 480px;
}

#navlistside {
padding-left: 26px;
padding-top: 10px;
margin: 0;
}

#navlistside li {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: none;
list-style-type: none;
padding-bottom: 14px;
padding-top: 14px;
margin: 0 30px 0 0px;
border-bottom: 1px dotted #FFF;
}

#navlistside a {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: none;
}

#navlistside a:hover {
color: #015E7D;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: none;
}

.contact {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
margin: 25px 0px 0px 26px;
line-height: 20px;
}

.contactLILA {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: underline;
}

.contactLILA:hover {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration: underline;
}

/*left nav area end*/

/*right area begin*/

#right-content-home {
padding-left: 17px;
margin: 0;
width: 617px;
float: right;
background-color: #FFF;
}

#right-content {
padding-left: 17px;
padding-right: 20px;
margin: 0;
width: 597px;
float: right;
background-color: #FFF;
}

#missionarea {
width: 260px;
padding: 0px 0 0 0px;
float: left;
}

#programs {
width: 600px;
padding: 0px 0 0 0;
float: left;
}

.leadstatement {
width: 270px;
padding: 0 0 0 0;
color: #4b2b5d;
font-family: Futura Lt BT, Arial, Helvetica, sans-serif; 
font-size: 24px;
text-decoration: none;
}

H1 {
color: #4b2b5d;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
text-decoration: none;
padding: 0;
margin: 0;
}

H2 {
color: #4b2b5d;
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px;
text-decoration: none;
padding: 0;
margin: 0;
}

.content {
color: #333333;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
text-decoration: none;
line-height: 22px;
}

#staff {
float: right;
}

#border1 {
border-top: 1px dotted;
border-top-color: #E3CFFD;
width: 250px;
height: 10px;
padding: 0 0 10px 0;
}

#border2 {
border-top: 1px dotted;
border-top-color: #E3CFFD;
width: 600px;
height: 10px;
}

#undermissionarea {
float: left;
width: 617px;
height: 265px;
padding-top: 20px;
}

#pics {
float: left;
width: 410px;
}

#news {
float: right;
width: 170px;
height: 200px;
background-color: #7da839;
padding: 10px 10px 0px 13px;
border: 2px solid #CFEAF5;
margin-left: 10px;
}

.news-title {
color: #FFF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px;
text-decoration: none;
}

.news-links {
color: #015E7D;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
text-decoration: none;
}

.news-links:hover {
color: #015E7D;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px;
text-decoration: underline;
}

#programlinks {
margin-top: 10px;
}

#programlinks ul {
padding: 0 0px 0 0;
margin: 0px;
}

#programlinks li {
list-style-type: none;
padding-right: 8px;
padding-left: 0px;
padding-bottom: 0;
padding-top: 0px;
margin: 0px;
}

#programlinks a {
color: #5a396d;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: underline;
}

#programlinks a:hover {
color: #1673a0;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: underline;
}

#services li {
padding-bottom: 20px;
}

/*right nav area end 1673a0*/

/*footer*/
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #006699;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
}