/* CSS Document */
html{
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

body{
	margin:2px 0px 0px 2px;
	padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: url(http://www.thecraftworkshop.co.uk/images/CWbkg3.jpg) repeat-x;

	}
h1{
	color:#003333;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
h2{
	color:#003333;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

h3{
	color:#003333;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

h4{
	color:#003333;
	font-size: 10px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.promo{
        text-align: left;
        margin: 10px 10px 10px 10; 
        padding: 3px 0px 3px 0;
}

.Header img{									
	width: auto;
	height: auto;
	border: 1px solid #999999;
	}
.NavBar{
	text-align: left;
	width: 774px;
	height: auto;
	margin: 10px 0px 10px 0;
	padding: 3px 0px 3px 0;
	border:1px solid #999999;
	background-image: url(http://www.thecraftworkshop.co.uk/images/navbarbkg.jpg);
	}
   
.NavBar ul{
	padding: 0;
	margin: 0;
	}
.NavBar ul li{
	display: inline;
	}
.NavBar ul li a{
	padding: 0 20px 0 10px;
	font-weight: bold;
	text-decoration: none;
	color: #003300; 
	}
.NavBar ul li a:hover {
	color: #009900;
	}

#NavBarLwr{
	background-image: url(http://www.thecraftworkshop.co.uk/images/navbarbkglwr.jpg);
	text-align:right;
	}

#NewsBox{
        text-align: left;
        }

.ContentAlign{
	width:773px;
	height:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border: solid #999999 1px;
	background-image: url(http://www.thecraftworkshop.co.uk/images/navbarbkglwr.jpg);
	overflow: hidden;
        
}

#framecontentLeft{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.DivLeft{
	width: 240px;
	height: auto;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*border-right:solid #999999 1px;*/
}
.DivRight{
	width:510px;
	height:auto;
	float: right;
	text-align: left;
	padding: 7px 7px 7px 7px;
	margin: 4px 4px 4px 4px;
	border: solid #F4F4F4 0px;
}
.DivRight h2{
color:#003333;
}
.DivRight p a{
	text-decoration: none;
	color: #003333;
	}
#DivRightBorder{
       border: 1px solid rgb(204, 204, 204);
}
.infomenu{
	text-align: center;
	width: 774px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.infomenu ul{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.infomenu ul li{
	white-space: normal;
	display: inline;
}

.infomenu ul li a{
	padding: 0 20px 0 20px;
	text-decoration: none;
	color: #CCCCCC;
	font-weight: 100;	
	}
.infomenu ul li a:hover {
	color: #003300;
	}
#seperator{
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	}
#copyright{
	font-size: 9px;
	}