body {
margin:0;
padding:0;
height:100%;
background-color:#eae2c3;
color:#000000;  
text-align:center;
font-family: arial, sans-serif;
font-size:.9em;
}

a, a:visited
{
    text-decoration:none;
    color:#477191;
}

a:hover
{
    color:#8eb8d1;
}

p
{
    padding:2px 25px;
}

li
{
    font-weight:bold;
    padding:2px;
}

#top {
margin:0 auto;
padding:0;
width:900px;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
text-transform:uppercase;
text-align:left;
}    

#CALO {
font-size:50px;
font-weight:bold;
color:#477191;
}

#CALOsub
{
font-size:10px;
font-weight:normal;
color:#477191;
margin-left:80px;
margin-top:-5px;
}

#logo
{
float:left;
border:none;    
height:70px;
padding:10px 5px 10px 0;
}

#rightSideTop {
text-align:right;
float:right;
}

#search 
{
background-color:#477191;
height:25px;
width:300px;
}

#iconBar img
{
    height:35px;
    width:35px;
    padding:10px;
}

#nav { 	
margin:0px; width:900px; height:40px; background-color:#477191; clear:both;
}

#header {
margin:0 0 0 0;
padding:0 0 0 0;
height:195px;
background-image:url(../images/headerbg.jpg);
background-color:#8eb8d1;
}

#slideshow
{
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

#centerColumn { 	
margin:0 auto;
padding:0 1em 1em 1em;
width:900px;
text-align:left;
vertical-align: middle;	
}

#cells {
background-image:url(../images/cellsBG.jpg);
clear:both;
height:175px;
width:900px;
}

.cell {
padding:0px;
float:left;
}

#welcome
{
clear:both;
background-color:white;
border:solid 8px #8eb8d1;
width:884px;
font-size:16px;
color:#8eb8d1;
font-weight:bold;
}

#welcome #difference
{
    color:#477191;
    font-size:24px;
    font-weight:bold;
    padding:17px 0 9px 25px;
    clear:both;
    text-align:center;
}

#welcome #right
{
    float:right;
    width:425px;
    text-align:center;
}

#welcome #left
{
    width:390px;
    padding:0 0 15px 35px;
    float:left;
    text-align:center;
}

#welcome .list
{
    padding:2px;
}

#aboutUs
{
    margin:30px 20px 30px 35px;
}

#heading
{
    font-size:28px;
    color:#477191;
    font-weight:bold;
    margin:10px;
}

#main
{
    background-color:White;
    padding:10px 15px 15px 15px;
}

#callOut
{
    background-color:#8eb8d1;
    width:250px;
    padding:10px 20px;
    text-align:left;
    color:white;
    margin-top:10px;
}

.callOutHeading
{
    color:#477191;
    font-weight:bold;
    font-size:20px;
    padding:5px 0px;
}

#callOut .link
{
    margin:5px 10px 10px 20px;
    font-size:16px;
}

#callOut a
{
    color:white;
    font-weight:bold;    
}

#callOut a:hover
{
    text-decoration:none;
    color:#477191;
}

#callOut li
{
    font-size:16px;
}

.rightSide
{
    float:right;
    text-align:center;
    padding:10px 20px;
    margin:10px 10px 10px 30px;
}

.imageRight
{
    border:0;
    width: 200px;
}

.photoRight
{
    border:0;
    width: 290px;
}

#aboutUs li
{
    color:Black;
    font-size:14px;
    font-weight:normal;
}

#footer 
{
padding:0;
height:40px;
line-height:40px;
vertical-align: middle;
text-align:center;
font-size:.8em;
background-color:#477191;
color:White;
}

#footer a
{
    color:White;
    text-decoration:none;
}

#footer a:hover
{
    color:#8eb8d1;
}

#bottom 
{
    text-align:right;
    margin-top:5px;
    color:#5C4033;
}

#seals
{
    margin-right:325px;
}

#seals img
{
    vertical-align:top;
    padding:0 10px;
    border:none;
}

.subHeading, .subHeading a, .subHeading a:hover, .subHeading a:visited
{
    font-size:20px;
    color:#477191;
    font-weight:bold;
    margin:10px;
    padding-top:10px;
    clear:left;
}

.subSubHeading
{
    font-size:15px;
    color:#477191;
    font-weight:bold;
    margin:10px;
    padding-top:10px;
    padding-left:15px;
}

#signature
{
    font-size:15px;
    color:#477191;
    font-weight:bold;
    margin-left:25px;
}

.staff
{
    padding:5px 5px;
    margin: 20px 20px 20px 0px;
    clear:left;
}

.staff .staffName
{
    padding-top:0px;
    font-size:18px;
    font-weight:bold;
}

.staff .staffTitle
{
    font-size:15px;
}

.staff img
{
    width:140px;
    padding:10px 10px 5px 10px;
}

.staff .staffPic
{
    background-color:#8eb8d1;
    width:160px;
    padding:5px;
    float:left;
    text-align:center;
    margin:0 20px 15px 0;
    text-align:center;
}

.staffBio
{
    margin-left:190px;
}

.map
{
    padding:0px 10px;
    float:left;
    width:270px;
    text-align:center;
    margin-top:-10px;
}

.map a
{
    color:#477191;
    font-size:16px;
}

.map a:hover
{
    color:#8eb8d1;
}

.map img
{
    border:none;
    width:220px;
}
.getDirections
{
    padding:5px 0 10px 0;
}

.quote
{
    font-size:18px;
    font-weight:bold;
    color:#8eb8d1;
    margin:0 40px;
}

.quoteAuthor
{
    font-style:italic;
    font-size:14px;
    color:#8eb8d1;
    font-weight:normal;
    text-align:right;
    padding-right:150px;
}

#address
{
    padding:0 30px;
}

#headerVideo
{
    float:right;
    margin: 20px 75px 0 0;
    text-align:center;
    border:solid 3px #28981c;
    background-color:white;
    padding:10px 10px 0px 10px;
}

#mainVideo
{
    clear:left;
    margin:0px;
    padding:15px 0 0 15px;
}

#video1
{
    color:White;
    width:231px;
    height:130px;
    margin-bottom:10px;
    background:url(../images/whyCALOVideo.jpg);
    font-weight:bold;
}
#video2
{
    color:White;
    width:231px;
    height:130px;
    margin-bottom:10px;
    background:url(../images/caloOverviewVideo.jpg);
    font-weight:bold;
}
#video3
{
    color:White;
    width:231px;
    height:130px;
    margin-bottom:10px;
    background:url(../images/caloParentVideo.jpg);
    font-weight:bold;
}

#video1:hover
{
    color:#e79f19;
    background:url(../images/whyCALOVideoHover.jpg);
    width:231px;
    height:130px;
    margin-bottom:10px;
    font-weight:bold;
}
#video2:hover
{
    width:231px;
    color:#e79f19;
    height:130px;
    background:url(../images/caloOverviewVideoHover.jpg);
    margin-bottom:10px;
    font-weight:bold;
}
#video3:hover
{
    color:#e79f19;
    width:231px;
    height:130px;
    background:url(../images/caloParentVideoHover.jpg);
    margin-bottom:10px;
    font-weight:bold;
}