/* --------------------------------------------- 

Croydon Cats Protection website.

19th July 2010: GW - New site update.

---------------------------------------------- */

body     { font-family: Arial, Helvetica, Geneva; font-size: 100%; background-color: #fef9e5; }

#page  { background-color: white; position: relative; width: 980px; height: 700px; }

#nav   { color: #009; background: white url(images/navigation.gif) repeat-y; text-align: left;  position: absolute; top: 106px; left: 3px; width: 150px; min-height: 580px; }

#content   { color: #009; background-color: white;  position: absolute; top: 105px; left: 153px; width: 817px; height: 580px; overflow: scroll; text-align: left; }

#banner   { background: white url(images/cp-banner.jpg) no-repeat; position: absolute; top: 3px; left: 153px; width: 816px; height: 75px; }
	
#nav_buttons  { background-color: white; text-align: left; vertical-align: middle; position: absolute; top: 78px; left: 153px; width: 816px; height: 27px; }

#nav2 {width: 150px; position: absolute; top: 20px; }

#logo { background-color: #fc0;  position: absolute; top: 3px; left: 3px; width: 150px; height: 105px; }

#charity { height: 15px; font-style: italic; font-size: smaller; left: 400px; position: absolute;
}

div.columnLeft  { color: #009; background-color: #fff; border: blue; position: absolute; left: 0px; min-width: 380px; }
div.columnRight  { color: #009; background-color: #fff; border: blue; position: absolute; left: 400px; min-width: 380px; }	
div.box  { background-color: #fdf5e6; text-align: left; margin: 7px; padding: 3px; position: relative; left: 0px; width: 380px; }
div.lostFoundBox { float: left; clear: both; margin: 3px; padding: 3px; border: solid 1px #009; width: 650px;  }
div.homingBox     { float: left; clear: both; margin: 1px; padding: 1px; border: solid 1px #009; width: 660px; }
div.homingBoxCol1  { float: left; width: 200px; }
div.homingBoxCol2 { float: right; width: 440px; }
div.anatomyText  { float: left; clear: both; width:100%; text-align: left;}
div.contact { float: left; clear: both; text-align: left; margin-bottom: 10px; margin-left: 5px;}

span.pageTitle { 
	float: left;
	margin: 3px;
	color: navy; 
	font-weight: bold; 
	font-size: 110%;
	background-color: #fc0;	
}

span.itemTitle  { 
float: left; 
clear: both; 
margin-top: 3px;
color: navy; 
font-weight: bold; 
font-size: 110%; 
background-color: #F8E28C;  
}

span.form1 { margin: 5px; float: left; clear: both; width: 100%; }

span.anatomy  { color: #cc0000; font-size: 90%; float: left; clear: both; margin-top: 10px; }

img.nav { opacity: 0.4; filter:alpha(opacity=40); height: 100px; width: 71px; float: right; }

a:hover { 
	color: white; 
	background-color: #00f;	 
}

label { font-weight: bolder; min-width: 15em;}

hr { float: left; clear: both; width: 100%; }

p { float: left; clear: both; margin: 5px;}