/*
--COLOURS USED--
$JPblue = '#487695';
$JPfontbrown = '#6e5b41';
$JPbeige = '#e8e5dc';

link to put at top of page being worked on: -

<link href="style.css" rel="stylesheet" type="text/css" />

*/


/* These styles create the dropdown menus. */
#nav {
	margin: 0;
	padding: 0;
	height: 1em;
   }

#nav li {
   list-style: none;
   float: left; }
#nav li a {/*this block affects the main menu*/
	display: block;
	padding: 3px 8px;
	background-color: #e8e5dc;
	font-size:100%;
	color: #487695;
	text-decoration:none; 
   }
#nav li ul {
   display: none; 
   width:9em; /* Width to help Opera out */
   background-color: #e8e5dc;}

/*the sections below all affect the behaviour when the mouse is hovering*/
	/*the initial 2 sections are the colouring of the top menu when the mouse hovers and clicks - MINE*/
#nav li a:hover{
   background-color:#CCC;
   color: #0000ff;
	}
	
#nav li a:active{
   background-color:#CCC;
   color: #ff0000;
	}

#nav li:hover ul, #nav li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   float:left;
    }
#nav li:hover li, #nav li.hover li {
   float:none;
    }
#nav li:hover li a, #nav li.hover li a {
   background-color: #e8e5dc;
   border-bottom: solid 1px #fff;
    }
/* next 2 sections affect the colour of the submenu items */
#nav li li a:hover {
   background-color:#CCC;
   color: #0000ff; }

#nav li li a:active {
   background-color:#CCC;
   color: #ff0000; }








/*This section controls the colour of any TEXT HYPERLINKS*/
a:link,
	a:visited { color: #487695; text-decoration:none; font-size:14px;}
a:hover { color: #0000ff; text-decoration:none; font-family:Sans-Serif;}
a:active { color: #ff0000; font-family:Sans-Serif;}

/*This section controls the colour of any image hyperlinks - NOTE, border size alter on IMG*/
a:link img, 
	a:visited img {border:5px ridge Olive; text-decoration:none;}
a:hover img {border:5px ridge #0000ff; text-decoration:none;}
a:active img {border:3px ridge #ff0000;}









/*These 3 control the look and layout of the GALLERY pages*/
.thumbs {
	width:70%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	border:1px solid #6e5b41;
	background-color:#e8e5dc;
	font-family:Sans-Serif;
}

.thumbs td {
	padding: 2px;
	width:20%;
	color:#6e5b41;

}


.thumbs img
{
	margin-bottom: 5px;
	margin-top: 0px;
}

.thumbs h2 {
	text-align:left;
	color:#6e5b41;
}

.infotext {
	text-align: center;
	color:#6e5b41;
}

.dis_img td
{
	vertical-align:top;
}


/*the below 7 sections are used in HOMETEXT inheriting the 'thumbs' class*/

.bordervis
{
	color: #6e5b41;
	text-align: left;
	border-collapse: collapse;
	border: 5px solid #e8e5dc;
}

.bordervis td
{
	border: 5px solid White;
	padding: 5px;
}



.img_alignright
{
	display: block;
	float:right;
	margin:0px 0px 0px 5px;
}

.img_alignleft
{
	display: block;
	float:left;
	margin:0px 5px 0px 0px;

}

.img_aligncenter
{
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align:center	
}

.img_alignleftborder
{
	display: block;
	float:left;
	border:5px ridge Beige;
	margin:0px 5px 0px 0px;
}

.img_alignrightborder
{
	display: block;
	float:right;
	border:5px ridge Beige;
	margin:0px 0px 0px 5px;
}


/*used on GALLERY PAGES <Prev Next> hyperlinks*/
.boldalignleft
{

	text-align:left;
}

.boldalignright
{

	text-align:right;
}

/*the next 3 sections are purely for the INFORMATION page */
.infopage
{
	text-align:left;
	color:#6e5b41; /*fontbrown */
	border: none;
}

.myheading
{
	text-align:center;
	font-weight: bold;
	text-decoration: underline;
}

.horizrule
{
	color:#6e5b41;
}


/*this section is for the page footer*/
.footer
{
	border:none;
}



/*these 3 sections are for the FRIENDS page*/
.friends
{
	border: none;
}
.friends td
{
	text-align:left;
}
.friends td a
{
	font-family:Sans-Serif;
	font-size:14px;
	font-weight: bold;
}

/*these sections are for the CONTACTUS page */
td.label
{
	text-align: right;
}

td.form
{
	text-align: left;
}

/*this section is for the framed.php images and text*/
.framed
{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: #e8e5dc;
	color: #6e5b41;
}

.framed td
{
	padding: 10px;
}
.framed_text
{
	width: 35%;
	text-align:left;
}

.framed_img
{
	width: 65%;
	text-align: center;
}

/*Below 2 sections style the ERROR page only*/
.errordoc
{
	width:70%;
	margin-left:15%;
	margin-right:15%;
	border:0;
	background-color:#e8e5dc; /*JPbeige*/
	font-family:Arial Helvetica Sans-Serif;
	text-align:center;
	font-weight:bold;
	color:#6e5b41;
}

.colourbar
{
	background-color:#ff0000;
}

/*Below for displayed order page
.headerRow
{
	font-weight:bold;
	text-decoration: underline;
}
*/