/* grapeskin.css of goodgrape.net 12:03am6june2004 one@goodgrape.net */
/* added graphics as per 15% of initial concept on 15april2005 */

body{margin:0;padding:0;color:#555;font-family:garamond,"bell mt","book antiqua","footlight mt light",georgia,palatino,times,"times ms","times new roman",serif}

a{color:#666;text-decoration:none}
h3 a,h3 a:link,h3 a:visited{border-bottom:1px dotted #888}
#footer a:hover,#footer a:active{color:#555;border-bottom:1px solid #777}

#container{text-align:center;margin:0 auto;width:100%;}

#door{text-align:center;margin:0 auto;vertical-align:middle;padding:7% 5px 10px 5px;position:relative;height:auto}

#window{margin:0 auto;width:330px;/*width of three bars(sites) */text-align:center;}

h1{font:150% georgia,palatino;margin:2px}
h3{font-weight:normal;font-size:100%;display:inline;text-align:center;}
.border{border:1px solid #ccc;padding:3px 7px 3px 7px}
.tag{font-size:100%;line-height:140%}

#footer{border-top:1px solid #ccc;font-size:90%;vertical-align:bottom;text-align:center;color:#888;margin:10% 0 10px 0;}

#sites{margin-top:5%;}
#sites a{padding-bottom:2px;}
#sites a:hover{padding-bottom:1px;}
.site{display:inline;float:left;position:relative;margin:5px 10px;}

.illus{height:85px;width:85px;border:1px solid #ccc;}

#fd .illus{background:url(sight/fd2.jpg) no-repeat;}
#txporg .illus{background:url(sight/txp2.jpg) no-repeat;}
#oneh .illus{background:url(sight/oneh2.jpg) no-repeat;}
#cyt .illus{background:url(sight/cyt2.jpg) no-repeat;}

#fd:hover .illus{border-color:#9A7E9A;background:url(sight/fd2.jpg) 0 -85px no-repeat;}
#txporg:hover .illus{border-color:#93a9d9;background:url(sight/txp2.jpg) 0 -85px no-repeat;}
#oneh:hover .illus{border-color:#7ca252;background:url(sight/oneh2.jpg) 0 -85px no-repeat;}
#cyt:hover .illus{border-color:#72878d;background:url(sight/cyt2.jpg) 0 -85px no-repeat;}

br.clear{clear:both;}

/*
#fd .illus{background:url(sight/fds.jpg) no-repeat;}
#txporg .illus{background:url(sight/txps.jpg) no-repeat;}
#oneh .illus{background:url(sight/onehs.jpg) no-repeat;}
#cyt .illus{background:url(sight/cyts.jpg) no-repeat;}

#fd:hover .illus{border-color:#9A7E9A;background:url(sight/fdsw.jpg) no-repeat;}
#txporg:hover .illus{border-color:#93a9d9;background:url(sight/txpsw.jpg) no-repeat;}
#oneh:hover .illus{border-color:#7ca252;background:url(sight/onehsw.jpg) no-repeat;}
#cyt:hover .illus{border-color:#72878d;background:url(sight/cytsw.jpg) no-repeat;}
*/

#fd:hover h3 a{color:#9A7E9A;border-bottom:2px solid #9A7E9A;}
#txporg:hover h3 a{color:#849cd3;border-bottom:2px solid #93A9D9;}
#cyt:hover h3 a{color:#72878D;border-bottom:2px solid #72878D;}
#oneh:hover h3 a{color:#7CA252;border-bottom:2px solid #7CA252;}

* html #fd a:hover .illus{border-color:#9A7E9A;background:url(sight/fd2.jpg) 0 -85px no-repeat;}
* html #txporg a:hover .illus{border-color:#93a9d9;background:url(sight/txp2.jpg) 0 -85px no-repeat;}
* html #oneh a:hover .illus{border-color:#7ca252;background:url(sight/oneh2.jpg) 0 -85px no-repeat;}
* html #cyt a:hover .illus{border-color:#72878d;background:url(sight/cyt2.jpg) 0 -85px no-repeat;}

* html #fd h3 a:hover{color:#9A7E9A;border-bottom:2px solid #9A7E9A;}
* html #txporg h3 a:hover{color:#849cd3;border-bottom:2px solid #93A9D9;}
* html #cyt h3 a:hover{color:#72878D;border-bottom:2px solid #72878D;}
* html #oneh h3 a:hover{color:#7CA252;border-bottom:2px solid #7CA252;