body {
		margin:0px auto;
		padding:10px;
		background: white;
		font: 16px Georgia; }

	#container {
		margin:0px auto;
		padding:0px;
		width:900px;
		position:relative;
		background:white;
		border: 2px solid black;
		}

	#header {
		margin:0px auto;
		padding-left:50px;
		height:200px;
		line-height:200px;
		text-align: left;
		background: white url("../needlework/images/banner2.png") no-repeat center top;
		}

	#header a {
		font-size:2em;
		text-decoration:none;
		font-variant:small-caps;
		}
	#header a:visited {
		color:black;
		}
		

	#tabmenu {
		background:#a3aaaf;
		color: #000;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px;
		border-bottom: 2px solid black; }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		color: black;
		background: #7f9eb2;
		font: bold 1em Georgia, sans-serif;
		font-variant:small-caps;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; 
		border: 2px solid black;
		}

	#tabmenu a.active {
		background: white;
		border-bottom: 3px solid white;}

	#tabmenu a:hover {
		color: #fff;
		background: #bdc6cc; }

	#tabmenu a:visited {
		color: black; }

	#tabmenu a.active:hover {
		background: #d7dadb;
		color: #fff; }
	
	#sidebar {
		float:right;
		width:200px;
		background:white;
		margin:0px;
		padding:0px;
		}

	#sidebar ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		}

	#sidebar li {
		display:block;
		background:#7f9eb2;
		margin:2px;
		}

	#sidebar a {
		display:block;
		text-decoration:none;
		padding:4px;
		font: 1.3em;
		color:black;
		}

	#sidebar a:hover {
		display:block;
		background:#bdc6cc;
		}

	#sidebar a:visited {
		color:black;
		}
	#sidebar .header {
		text-align:right;
		font-weight:bold;
		font-variant:small-caps;
		}

	#content {
		float:left;
		font: 0.9em/1.3em 150% Georgia, sans-serif;
		text-align: justify;
		line-height: 1.2em;
		background: white;
		padding: 30px;
		width:640px;
		}

	#content a {
		color:black; }

	%#content a:hover { background: #898B5E; }

	#content h1 {
		font-variant:small-caps;
		}

	#content h3 {
		color:black;
		}	

	#content img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		}
	#content .caption {
		display:block;
		text-align:center;
		font-size:0.8em;
		font-weight:bold;
		}

	#footer {
		height:50px;
		line-height:.3em;
		background:#6496b6;
		padding:20px;
		text-align:center;
		clear:both;
		border-top: 2px solid black;
		}

	#footer a {
		color:black;
		}
	
	#footer a:visited {
		color:black;
		}
	
	a.def{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
	text-decoration:bold;}

	a.def:hover{z-index:25; 
	text-decoration:bold;}

	a.def span{display: none;}

	a.def:hover span{ /*the span will display just on :hover state*/
	    display:block;
	    position:absolute;
	    top:2em; left:2em; width:15em;
		padding:10px;
	    border:2px solid black;
	    background-color:#bdc6cc; 
		color:#000;
	    text-align: left;}