*{margin:0; padding:0;}

body{

font: Verdana,Tahoma,Arial,sans-serif;

line-height:1.4em;

color:#303030;

background: url(http://johnestes.org/images/about.jpg) no-repeat top center;

}


#colophon{

position:relative; left:200px;

width:600px;

padding: 75px 20px 10px 0;

line-height:1.4em;

color: #ffffff


}



/**************** Footer styles ****************/



#footer{

clear:both;

width:940px;

padding:50px 0px;

margin-top:10px

margin:0px 1px;

font-size:0.9em;

color:#000;

background:#fff;

}


#footer a{color:#f0f0f0; background-color:inherit; font-weight:;}
#footer p{padding:0; margin:0; text-align:center;}







/**************** Misc classes and styles ****************/



.splitcontentleft{float:left; width:44%;}

.splitcontentright{float:right; width:52%;padding:15px 0 0 0;}

.clear{clear:both;}

.small{font-size:0.8em;}

.hide{display:none;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}



.box{

margin:0 0 20px 0;

padding:10px;

border:1px solid #c0c0c0;

background-color:#fafbfc;

color:#505050;

line-height:1.5em;

}


#navigation{

height:1.5em;

line-height:1.5em;

width:800px;

margin:0px auto;

background:#000;

color:#ffffff;

}



#navigation li{

list-style-type:none;


white-space:nowrap;

}



#navigation li a{

display:block;

padding:0 10px;

font-size:0.8em;

font-weight:normal;

text-transform:uppercase;

text-decoration:none;

background-color:000;

color: #ffffff;

}



* html #navigation a {width:1%;}



#navigation .selected,#navigation a:hover{

background:#000;

color:#fff;

text-decoration:underline;

}