/*CSS for www.janefryers.co.uk*/

body, html { margin:0px 0 20px 0; padding:0; background:#000; color:#000; font-family: Arial, sans-serif; font-size: 0.9em;   }

body {min-width:650px;    }

#wrap {background:#000; margin:0 auto; width:650px; 	}

#header {background:#000; height: 80px;  padding: 0px; border-bottom: solid 3px #cc0000;}

#header img {  position: relative; top: 0px;  left: 0px; padding:0px;    margin:0;   }

#nav { background:#000;    padding: 5px;     text-align: right; font-size: 0.6 em; }

#nav ul{    margin:0;    padding:0;    list-style:none;  }

#nav li{    display:inline;    margin:0;    padding:0;   color:#cc0000 }

#gall { background:#000;    padding: 0px;     text-align: left;  }

#gall ul{    margin:0;    padding:0;    list-style:none;  }

#gall li{    display:inline;    margin:0;    padding:0;   color:#cc0000 }

#main {    background:#000;    width:650px;  margin: 0px; }

#mainfull {background:#000;    margin: 10px; }

#mainhome {background:#000;    margin: 10px; }

#mainfull img{padding: 10px;}

#mainpress {background:#000;    margin: 15px; }

#mainpress img{padding: 10px;}

#footer {    background:#000;    clear:both;    border-top: solid 3px #cc0000; text-align: right; padding: 5px 5px 5px 5px; color:#cc0000}
  

/* Copy and headings */

#main p {    padding:0px;  }

h1, h2, h3, h4, h5, h6  
	{font-family: Arial, sans-serif; color: #cc0000; font-size: 1.2em;	}

h1  
	{font-size: 1.2em; text-align:center; }

h2  
	{font-size: 1.2em; text-align: left; padding-top:5px}

p   
	{font-family: Arial, sans-serif; padding-right: 15px; padding-left: 0px; color: #fff; line-height: 1.5em; text-align:justify;}


/* Table Styles */

table.jf th, table.jf td {
  font-size : 0.9em;
  font-family : Arial,Verdana,Helvetica,sans-serif;
  background : #000 none; color : #000; 
  padding: 5px;
  text-align: left;
  }

.floatRight  
	{float: right;}

.floatLeft
	{float: left; }


/* Links */

a	
	{color: #cc0000; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

a:link	
	{color: #cc0000; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

a:visited	
	{color: #cc0000; text-decoration: none; font-family: Arial, sans-serif; text-decoration: none}

a:hover 	
	{color: #cc0000; text-decoration: none; font-family: Arial, sans-serif; text-decoration: none}
a:active	
	{color: #cc0000; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}


#nav a	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#nav a:link	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#nav a:visited	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#nav a:hover 	
	{color: #cc0000; text-decoration: none; font-family: Arial, sans-serif; text-decoration: none}
#nav a:active	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}


#footer a	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#footer a:link	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#footer a:visited	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#footer a:hover 	
	{color: #cc0000; text-decoration: none; font-family: Arial, sans-serif; text-decoration: none}
#footer a:active	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

	
#gall a	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#gall a:link	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#gall a:visited	
	{color: #ffffff; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}

#gall a:hover 	
	{color: #cc0000; text-decoration: none; font-family: Arial, sans-serif; text-decoration: none}
	
#gall a:active	
	{color: #cc0000; text-decoration: none;font-family: Arial, sans-serif; text-decoration: none}



/* Photo Zoom CSS */

#zoom a img { 
height:100px; 
width:100px; 
border:1px solid #000; 
margin:0 0 5px 5px; } 

#zoom a:hover img { width:120px; height:120px; } 
/* The rule below makes the effect work in IE */ 
#zoom a:hover { padding:0; }
/* End Photo Zoom CSS */


/* Hover Picture Gallery */

.gallery{position: relative;height:380px /*Add a height attribute and set to largest image's height to prevent overlaying*/}

.gallery b.default {position:absolute; left:320px; top: 0px; text-align: center;}
.gallery b.default img { border: inset #cc0000 0px; display:block; }
.gallery b.default span {color:#fff; font-size:0.9em; padding:0px; }

.thumbnail img{border: outset #cc0000 0px; margin: 0px ;}
.thumbnail:hover{ background-color: black;}
.thumbnail:hover img{border: 0px black;}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: 320px;
background-color: black;
padding: 0px;
border: 0px dashed gray;
visibility: hidden;
color: white;
font-size: 0.9em;
text-decoration: none;
text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px; 
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
border: inset #cc0000 0px;
top: 0px;
left: 320px; /*position where enlarged image should offset horizontally */
z-index: 40;
}