/*
CSS for Tackley Framing Prints - Created by R Williams 
VERSION 1 - 14/01/2008
*/

/* Set out the page containers*/
body 	{
     	padding: 0;
     	background: #774E3C;
		color: #ffffff;
		background-image: none;
     	font: 1em "Trebuchet MS", verdana, arial, "Times New Roman";
	}

	
/*the container holds all other divs to align everything in the center of the page. */
	#pagecontainer {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		border: solid 3px #000;
		}
		
		
#wrapper {
		width: 800px;
		background-color: #fff;
	   	background-repeat: no-repeat;    
		background-position: bottom;
		background-image: url(../images/background_content.jpg);
		padding-bottom: 60px;

		}	
		

#header {
		width: 800px;
		background-color: #fff;
		background-repeat: no-repeat;    
		background-position: 0, 0;
		background-image: url(../images/header.jpg);
		height: 100px;
		}
		
#menu {
		width: 795px;
		background-color: none;
		color: #fff;
		font: 1.2em "Trebuchet MS", verdana, arial, "Times New Roman";
		height: 45px;
		line-height: 45px;
		margin-left: 5px;
		}
		
#leftcol {
		margin-top: 10px;
		width: 460px;
		float: left;
		color: #000;
		background: none;
		padding: 10px;
		border-right: 1px solid #97796F;
		}
		
#rightcol {
		margin-top: 10px;
		width: 275px;
		float: right;
		color: #97796F;
		background: none;
		padding: 10px;
		padding-right: 10px;
		}
		
#footer {
		background-repeat: no-repeat;    
		background-position: bottom;
		background-image: url(../images/background_footer.jpg);
		width: 790px;
		height: 56px;
		padding-left: 10px;
		font: 0.9em "Trebuchet MS", verdana, arial, "Times New Roman";
		line-height: 28px;
		}

		
/* style the menu */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #97796F;
color: White;
width: 700px;
font-family: arial, helvetica, sans-serif;
height: 45px;
line-height: 45px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding-right: 20px;
padding-left: 20px;
line-height: 40px;
background-color: #97796F;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
height: 45px;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: #97796F;
}

/*style font sizes etc */
h1 { font-size: 1.5em;}
h2 { font-size: 1.2em;}




/* style content and footer links */
a.footer:focus, a.footer:link, a.footer:visited
{
color: #fff;
background: #000066;
text-decoration: none;
}
a.footer:hover
{
color : #97796f;
background: #fff;
text-decoration: none;
}

a.content:focus, a.content:link, a.content:visited
{
color: #fff;
background: #97796f;
text-decoration: none;
padding-right: 4px;
padding-left: 4px;
}
a.content:hover
{
color : #97796f;
background: #fff;
text-decoration: none;
padding-right: 4px;
padding-left: 4px;
}


/* style any tables */

table.data
{ width: 100%;
background-color: #fafafa;
border: 1px #97796f solid;
border-collapse: collapse;
border-spacing: 0px; }


td.dataheading
{ background-color: #97796f;
border: 1px #fff solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #fff; 
padding: 5px;
}


td.datacols
{ border-bottom: 1px #97796f dotted;
border-left: 1px #97796f solid;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #000;
background-color: #fafafa;
padding: 5px;
width: 50%;
 }