/* CSS Document */


body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-image: url(images/bg_h.gif);
}

a:link {  text-decoration: none; color: #cc6600}
a:visited {  text-decoration: none; color: #663300}
a:hover {  text-decoration: none; color: #ff9933}
a:active {  text-decoration: none; color: #cc6600}

.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	}
	
.menu {
	font-family: Times;
	font-size: 15px;
	color: #b4deff;
	text-decoration: none;
	font-weight: bold;
}

.menu a:link   {  text-decoration: none; color: #b4deff}
.menu a:hover {  text-decoration: none; color: #ff9933}
.menu a:visited {  text-decoration: none; color: #87c0ed}

.subhead {
	font-family: Times;
	font-size: 18px;
	color: #cc6600;
	text-decoration: none;
	font-weight: bold;
}


.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc6600;
	text-decoration: none;
}

.footer a:link   {  text-decoration: none; color: #cc6600}
.footer a:hover {  text-decoration: none; color: #663300}
.footer a:visited {  text-decoration: none; color: #663300}


.td_top {  vertical-align: top;}

.td_bottom {  vertical-align: bottom;}

.bgcolorBlueL {
            background-color: #66CCFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-decoration: none;
			color: #003366;
}
.bgcolorOrangeL {
            background-color: #FFCC99;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			text-decoration: none;
			color: #003366;
}

.photocredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5ba1d8;
	text-decoration: none;
	font-style: italic;
	text-align: right;
}

.illo {
float: center;
margin: 0 0 15px 0;
border: 1px solid #FFCC99;
}


#lightbox{
	background-color:#0C5279;
	padding: 10px;
	border-bottom: 2px solid #FFCC99;
	border-right: 2px solid #FFCC99;
	border-top: 2px solid #FFCC99;
	border-left: 2px solid #FFCC99;
	color: #FFFFFF;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://forwardfarms.com/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://forwardfarms.com/images/overlay.png", sizingMethod="scale");
	}
	


/* The containing box for the gallery. */
#container {
    position:relative; 
    width:968px; 
    height:465px; 
    margin:10px auto 0 auto; 
    }

/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#ffffff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #003366; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(images/gallery/p1_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slideb {
    background:url(images/gallery/p2_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidec {
    background:url(images/gallery/p3_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slided {
    background:url(images/gallery/p4_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
    width:91px; 
    w\idth:93px;
    }
#container a.slidee {
    background:url(images/gallery/p5_t.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(images/gallery/p6_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/gallery/p7_t.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(images/gallery/p8_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidei {
    background:url(images/gallery/p9_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidej {
    background:url(images/gallery/p10_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidek {
    background:url(images/gallery/p11_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:93px;
    }
#container a.slidel {
    background:url(images/gallery/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
	
	
#container a.slidem {
    background:url(images/gallery/p13_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.sliden {
    background:url(images/gallery/p14_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slideo {
    background:url(images/gallery/p15_t.jpg); 
    height:93px; 
    width:60px;
    }
	
	

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #b3deff; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:480px; 
    height:480px; 
    top:10px; 
    left:75px; 
    color:#003366; 
    background:#ffffff;
    }

#container a.gallery:hover img {
    border:1px solid #003366; 
    float:left; 
    margin-right:5px;
    }


#container {
    background:#ffffff url(images/1pix_trans.gif) 75px 10px no-repeat;
    }