/* ground rules */

body {
margin: 0;
padding: 0;
font: normal 11px arial;
color: #7d6a55; 
background-color: #bcb88b;
font-family: "Trebuchet MS", Arial, sans-serif;}


img {
border: 0;
}

.clear {
clear: both;
}

.no-margin {
margin: 0;
padding: 0;
}

.handheld {
display: none;
}


.justify {
text-align: justify;}

.floatL {
float: left;
}

.floatR {
float: right;
}

a {
font-weight: bold; text-decoration: none;
}

a:hover {

}

h1
{
font-size: 16px;
}

h2 {
font-size: 14px;
}

h3 {
font-size: 12px;
color: #8f2c39;

}

h4 {
font-size: 12px;
}


/*building blocks*/



#flash-holder {
height: 354px;
width: 980px;
}

#left-column{

background: url(../imgs/layout/bg-left.jpg) repeat-y bottom;
width: 48px;
text-align: top;
}

#center-column {
width: 980px;
vertical-align: top;


}

#right-column {
background: url(../imgs/layout/bg-right.jpg) repeat-y bottom;
width: 50px;
vertical-align: top;
}


#top-left {background: url(../imgs/layout/bg-left-static.jpg) no-repeat top; height: 621px;}

#top-right {background: url(../imgs/layout/bg-right-static.jpg) no-repeat top; height: 621px;}

#container {
margin: 0 auto 0 auto; /*top, right, bottom, left*/ 
width: 980px; /*total width of the design*/
text-align: left;
background-color: #f8f8f8;
}

#header {
background-color: #f1efda;
height: 127px;

}




#red-stripe {height: 18px; background-color: #8f2c39; }
.dark-red-stripe {background-color: #78000f; height: 4px;}

#logo {width: 261px; padding-top: 35px; padding-left: 60px;}

#navbar {
padding-left: 70px;
padding-top: 14px;
width: 549px;
}

#main-left {
background-image: url(../imgs/home/top-image-left.jpg);
height: 321px;
width: 330px;
}

#main-right { 
background-image: url(../imgs/home/top-image-right.jpg);
height: 321px;
width:650px;
}

#main-right-text {
color: #f8f8f8;
font-size: 12px;
padding-left: 244px;
padding-top: 27px;
width: 275px;
text-align: right;
}


#body-container {
background-color: #f8f8f8;

}


#content-left {
width: 330px;
float: left;
background-color: #f8f8f8;
}

/*#content-left {
background: url(../imgs/home/bottom-box.jpg) no-repeat;
height: 214px;
width: 330px;
background-color: #f8f8f8; }*/

#content-left-top {
background: url(../imgs/child/child_box_top.jpg) no-repeat #f8f8f8; 
height: 170px;
width: 330px;
 }

#content-left-middle {
background: url(../imgs/child/child_box_middle.jpg) repeat-y #f8f8f8; 
width: 330px;
}

#content-left-middle img {padding: 10px 0 0 100px;}

#content-left-bottom p {padding: 0 45px 0 100px;}

#content-left-bottom {
background: url(../imgs/child/child_box_bottom.jpg) no-repeat #f8f8f8; 
height: 193px;
width: 330px;
  }


#content-right {
background-color: #f8f8f8;
width: 650px;
}

 
#footer-container {

}

#footer {
clear: both;
background-color: #f1efda;
height: 112px;
width: 980px;
}
#footer-text{
color: #7d6a55;
font: 11px arial;
padding-top: 79px;
text-align: center;
}


#footer-text a {

color: #7d6a55;
text-decoration: none;
}

#footer a:hover {
color: #7d6a55;
text-decoration: underline;
}


#tagline {
padding-left: 355px;
padding-top:50px;}

/*markup ids*/

.green-bullet {

margin: 0px;
.margin: 0px;
_margin: 0px;
margin-left: -30px;
margin-bottom: 0px;
.margin-bottom: 0px;
_margin-bottom: 0px;
margin-top: -3px;
.margin-top: -4px;
_margin-top: -4px;
padding: 0;
list-style-type: none;
font: bold 14px "Trebuchet MS";
line-height: 25px;
color: #8f2c39;
}

.green-bullet li{background: url(../imgs/home/green-bullet.gif) no-repeat 0 50%; margin: 0; padding: 0; padding-left:20px; }

.green-bullet a {
color: #8f2c39;
text-decoration: none;
}

.green-bullet a:hover {
color: #8f2c39;
text-decoration: underline;}

/*classes*/

.learn-more {
float: right;
}

.learn-more a{
font: bold 12px "Trebuchet MS";
color: #8f2c39;
text-decoration: none;
}


.learn-more a:hover{

text-decoration: underline;
}

#boxtext {

margin-left: 50px;
width: 220px;
text-align: right;
margin-top: 70px;
font-weight: normal;
color: #827f5f;
line-height: 18px;}


#approach {
margin-top: 23px;
text-align: right;
width: 230px;
margin-left: 23px;
}


#approach a {font-weight: bold;
color: #827f5f;
text-decoration: none;
font-size: 12px;}

#approach a:hover {
text-decoration: underline;}

#main-boxtext {position: relative; left: 620px; margin-top: -242px; height: 97px; width: 312px; color: #f1efda; font: normal 12px Verdana; line-height: 20px;}