a:link    {text-decoration: none; font-weight: bold; color: #FFFFFF;}
   a:active  {text-decoration: none; font-weight: bold; color: #FFFFFF; position: relative; top: 1px;} /* This last bit makes the button drop 1px when clicked - like a button! */
   a:visited {text-decoration: none; font-weight: bold; color: #FFFFFF;}
   a:hover   {text-decoration: blink; font-weight: bold; color: #EFEFF8;}

   
   a.email:link {text-decoration: none; font-weight: bold; color: #FFFFFF;}
   a.email:active {text-decoration: none; font-weight: bold; color: #FFFFFF;}
   a.email:visited {text-decoration: none; font-weight: bold; color: #FFFFFF;}
   a.email:hover {text-decoration: none; font-weight: bold; color: #EFEFF8;}
   
	html {overflow:scroll; height: 100%;}
/*html {overflow-y: scroll; height: 100%;} CHECK IF OVERFLOW-Y IS NEEDED
*/
	paragraph   {font: 12px Arial; color: #CCCCCC; text-decoration: none; line-height:150%;}

	h1 			{font-size: 13px; font-family: Arial; font-weight:bold; color: #FFFFFF; line-height:150%;}

	h2 {font-size: 13px; font-family: Arial; font-weight:bold; color: #FFFFFF; line-height:150%;}
	
		h3 {font-size: 22px; font-family: Arial; font-weight:bold; color: #FFFFFF; line-height:150%;}
		
			h4 {font-size: 10px; font-family: Arial; font-weight:bold; color: #FFFFFF; line-height:150%;}


   body {
 /*   background-image:url('http://www.lavenham-photographic.co.uk/images/bg.jpg');
    background-position: 0px 0px; background-attachment: fixed;
*/
    background-image:url('http://www.lavenham-photographic.co.uk/images/bgpattern75.gif');
    background-attachment: fixed;
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px Arial; color: #CCCCCC; text-decoration: none;	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	line-height:150%;
	height: 100%;
	}
	
 img { border: 0; }
 iframe { border: 0;}
 
.footertext {font-size: 9.5px;	line-height: 13px;}

/* ******** Making Left-hand colomn have fade .png on right, right-hand colomn have fade .png on left ******* */

.tablel	{background-image:url(http://www.lavenham-photographic.co.uk/images/lpattern.png); background-position:right; background-repeat: repeat-y}

.tabler	{background-image:url(http://www.lavenham-photographic.co.uk/images/rpattern.png); background-position:left; background-repeat: repeat-y}

/* *********** Making boxes with colourmatch on pages: CHANGE THIS PINK COLOUR TO COLOURMATCH**************** */ 

/* WAS PINK .tableb	{border-color: #B54C5A; border-width: 2px; border-style: solid;} */
.tableb	{background-color: #292b32; border-spacing: 2px;}
.tableb:hover {background-color:#41485b;}

/* Simply centered text within this table 800WIDE FOR FULL-WIDTH */
.centeredf	{border: 0px; text-align: center;}

/* Simply centered text within this table */
.centered	{border: 0px; text-align: center;}

/* Using css to make the site 3 columns, all content in the middle column */
.sitecolumns {display: table-cell; border: 0px solid #000; vertical-align: top;}
#c1 {width: auto;  height:100%; background-image:url(http://www.lavenham-photographic.co.uk/images/lpattern.png); background-position:right; background-repeat: repeat-y;}
#c2 {width: 800px;  height:100%; background-color:#000000}
#c3 {width: auto;  height:100%; background-image:url(http://www.lavenham-photographic.co.uk/images/rpattern.png); background-position:left; background-repeat: repeat-y;}

/* Using css to make the menu sit left, body on right */
.sitebodycolumns {display: table-cell; border: 1px solid #000; vertical-align: top;}
#bc1 {width: 175px;  height:100%; background-color:#000000}
#bc2 {width: 800px;  height:100%; background-color:#000000}


/* menus -shade1 */
.menushade1	{width: 175px;  height:100%; background-color: #384956; border-spacing: 2px;}
.menushade1:hover {background-color:#41485b;}

/* menus -shade2 */
.menushade2	{background-color: #24303c; border-spacing: 2px;}
.menushade2:hover {background-color:#41485b;}

/* Other tables within the  site using css not tables */
.twothirdscolumn {display: table-cell; padding:10px; border: 0px solid #000; vertical-align: top; text-align:center; }
#ttc1 {width:66%; text-align:center;}
#ttc2 {width:34%; text-align:center;}

.twocolumns {display: table-cell; border: 1px solid #000; vertical-align: top; text-align:center; }
#tc1 {width:50%; text-align:center;}
#tc2 {width:50%; text-align:center;}

.twocolumnspadded {display: table-cell; padding:10px; border: 1px solid #000;  text-align:center; vertical-align: top;}
#tcp1 {width:50%; text-align:center;}
#tcp2 {width:50%; text-align:center;}

/* Table with two cells, one left one right justified */
.leftrightcolumn {display: table-cell; width:800px; padding:10px; border: 1px solid #000; vertical-align: top;}
#lrc1 {width:400px; text-align:left;}
#lrc2 {width:400px; text-align:right;}

.fourcolumns {display: table-cell; border: 1px solid #000; vertical-align: top;}
#fc1 {width:25%; text-align:center;}
#fc2 {width:25%; text-align:center;}
#fc3 {width:25%; text-align:center;}
#fc4 {width:25%; text-align:center;}

/* Four columns separated by 3px grey line */ 
.fourcolumnssplit {display: table-cell; padding:10px; border: 1px solid #000; vertical-align: top; font-size: 9.5px; line-height: 13px;}
#fcs1 {width:180px; text-align:center;}
#fcs2 {width:5px; text-align:center; background-image:url(http://www.lavenham-photographic.co.uk/images/dot.gif); background-repeat:repeat-y;}
#fcs3 {width:180px; text-align:center;}
#fcs4 {width:5px; text-align:center; background-image:url(http://www.lavenham-photographic.co.uk/images/dot.gif); background-repeat:repeat-y;}
#fcs5 {width:180px; text-align:center;}
#fcs6 {width:5px; text-align:center; background-image:url(http://www.lavenham-photographic.co.uk/images/dot.gif); background-repeat:repeat-y;}
#fcs7 {width:180px; text-align:center;}

/*These needed also for css tables to work correctly */
#wrapper {width: 100%; display:table; border-spacing: 0; border-collapse: collapse;}

#firefox-bug-fix {display:table-row;}

/*These needed also for css tables to work correctly */
#wrapper2 {width: 100%; display:table; border-spacing: 0; border-collapse: collapse;}

#firefox-bug-fix2 {display:table-row;}
/* END OF CSS COLUMNS */

/*
***********  Options for border lines are:

border-width: 7px;
border-style: outset;
border-style: inset; 
border-color: #B54C5A; 

Other style options: (p.solid etc only makes it selectable in file)
p.solid {border-style: solid; } 
p.double {border-style: double; } 
p.groove {border-style: groove; } 
p.dotted {border-style: dotted; } 
p.dashed {border-style: dashed; } 
p.inset {border-style: inset; } 
p.outset {border-style: outset; } 
p.ridge {border-style: ridge; } 
p.hidden {border-style: hidden; }

Other example: different sides etc
h5 { border-left-style: groove; 
border-left-color: green; 
border-left-width: 15px; 
border-bottom-style: ridge; 
border-bottom-color: yellow; 
border-bottom-width: 25px; }

*********** Options for backgrounds are: 

background-image: url(smallPic.jpg) (Sets image)
background-repeat: repeat; (Repeats constantly)
background-repeat: repeat-y; (Repeats Y- axis only)
background-repeat: repeat-x; (Repeats X- axis only)
background-repeat: no-repeat; (Doesn't repeat)
background-position: 0px 0px; (Puts in position)
background-attachment: fixed; (Fixed, doesn't move on scroll)
background-position:right; (Aligns to one side)
background-color: #333333; (Sets colour)


*/