body {
background-color: #FFFFFF; 
font-family: "Arial";
height:100%;
}
#header {
position: absolute;
top: 0;
left:0;
width:100%;
height: 96px;

background-image:url('header_bottom.png');
background-repeat: repeat-x;
background-position: bottom;
letter-spacing: 3px;

}
.home-icon {
 
height:70px;
position: absolute;
top: 5px;
left: 10px;

}
.calf {
position:absolute;
left:90px;
top:0px;
width:100px;
font-size:25px;
}

a:visited .calf,  a:link .calf  {color:#dddddd;}
a:hover .calf {color:303030;}
a:active .calf {color:#dddddd;}

#menu {
position:absolute;
top:50px;
text-align:right;
left:-50px;
width:100%; 
font-size:12px;
}

.bigger{
font-size:1.25em;
}

#main {
position:absolute;
top:100px;
left:0px;
background-image:url('calf_logo_center.png');
background-repeat:no-repeat;
background-position:top center;
width:100%;
height:100%;
}

#mainhome {
position:absolute;
top:100px;
left:0px;
background-image:url('calf_landing.png');
background-repeat:no-repeat;
background-position:top center;
width:100%;
height:450;


}



#content{
position: absolute;
top:0;
left:20%;
width:75%;
}

#footer {
position: fixed;
bottom:0px;
left:0px;
width:100%;
height:40px;
background-color: #333333;
color: #bbbbbb;
font-size: 12px;
}

#cleft {
position: absolute;
top: 50px;
width: 30%;
height:50%;
text-align:right;
}

#cright {
position: absolute;
top: 50px;
left:50%;
width: 30%;
max-width: 35%;
height:50%;
text-align:left;
}

#cright img {max-width:150%;
position:relative;
left:-25%;
top:100px;
}

#staff {
position: absolute;
top: 50px;
left:50%;
width: 30%;
max-width: 35%;
height:50%;
text-align:left;
}
#staff img {max-width:100px;}
td {
padding: 10px;
font-size:12px;
}


a {text-decoration:none; }
a:link {
color:303030;
}
a:visited {color:303030;}
a:hover {color:bcbcbc;}
a:active {color:303030;}
#content a {color:999999;}
#content a:hover {color:303030;}

.cpy {
position: absolute;
right: 50px;
top: 12px;
}