/* Cowclose Farm - website layout by Cardevelopments Oct 2009
 */

body { 
font: 14px Arial, Sans-Serif; 
line-height: 1.2em; 
background: #FFFFCC  url(images/bg2.jpg); 
color: #000000; 
}



h2 {
font: 18px Arial, Sans-Serif;
color:#006600;
}

h3 { 
padding-left: 10px; 
color: #FFFFFF; 
background: #330000 ; 
font-size: 1em; 
height: 24px; 
line-height: 24px; 
}


h4 {
font: 16px Arial, Sans-Serif;
color:#ffffff;
}

ul {  
padding: 0; 
margin: 0 0 10px;
}

li { 
list-style-type: none;
}

p { 
margin: 5px 0 10px 0; 
}



img.left { 
float : left;
border: 1px solid;
margin: 5px 5px 5px 0px; 
}

img.right { 
float : right;
border: 1px solid;
margin: 5px 0px 5px 5px; 
}


img.center { 
display:block; 
margin-left:auto; 
margin-right:auto; 
border: 1px solid;
}



#wrap { 
padding:0 0 0 0 ; 
width: 770px; 
margin:15px auto; 
background: #FFFFFF;
border: 1px solid #000000;
}



#header {

background: url(images/header1.jpg) ;
height: 215px;

}

#header h1 {
color: #000000;
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}

#header h2 {
color: #000000;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}



#nav {
clear: left; 
float: left; 
width: 180px;
overflow: hidden; 
background: #FFFFFF; 
margin-top: 0px;

}

#nav ul {
list-style: none;
width: 180px;
margin: 0 0 20px 0;
padding: 0;
font-size: 10px; 
}

#nav li {
margin-bottom: 2px;
}

#nav li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #fffff1;
display: block;
padding: 6px 0 0 10px;
background: #006600;
}

#nav li a:visited {
COLOR: #000000; 
text-decoration: none;
}

#nav li a:hover {
background: #006600;
color: #fffff1;
border-left: 4px #ffffff solid;
}

#nav img { 
position:inline; 
margin-left:10px; 
 
border: 1px solid #000000;


}

#news {
width: 170px;
padding:5px 5px;
font-size: 12px;
color: #ffffff;
background: #006600; 
margin: 5px 0 10px 5px ;


}


#content { 
margin-bottom: 0px; 
float: right; 
width: 570px; padding: 0 10px 10px 10px; 
margin-top: 10px;

}


#content a {
font-weight: bold;
font: 12px Arial, Sans-Serif;
text-decoration: underline;
color: #000000;
}
	
#footer { 
height: 124px;
font-size: 12px; 
text-align: center; 
border-top: 1px solid #ccc; 
padding: 10px 5px;
background: url(images/footer.jpg) ;

}

#footer a {

font-weight: bold;
font-size: 8px;
text-decoration: underline;
color: #000000;
}



/* Gallery - Hover Over images on the right to view larger in the left area */

#gallery {width:620px; height:340px; float:right; margin: 1em -35px 0px 0px; background:url(images/swallows.jpg) no-repeat; background-position: 15px 0;
}

#gallery ul {list-style:none; padding:0; margin:0; width:150px; position:relative; float:right;}

#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}

#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}

#gallery ul li a img {display:block; width:50px; height:50px; border:0;}

#gallery ul li a:hover {white-space:normal; border-color:#ddd;}

#gallery ul li a:hover img {position:absolute; right:155px; top:0; width:auto; height:auto; border:1px solid #000;}



#gallery2 {width:620px; height:340px; float:right; margin: 1em -35px 0px 0px; background:url(images/swallows.jpg) no-repeat; background-position: 15px 0;
}

#gallery2 ul {list-style:none; padding:0; margin:0; width:100px; position:relative; float:right;}

#gallery2 ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}

#gallery2 ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}

#gallery2 ul li a img {display:block; width:50px; height:50px; border:0;}

#gallery2 ul li a:hover {white-space:normal; border-color:#ddd;}

#gallery2 ul li a:hover img {position:absolute; right:155px; top:0; width:auto; height:auto; border:1px solid #000;}