/*
 * CSS file for Wilburton website
 *
 * Includes shadowed items
 * Menu - fixed in Netscape etc.
 *
 * General layout / style control
 */


/* margin: top right bottom left; */

/* Shadowed bits... */

body {background: gray}

.shadowbox {
	background: black;
	top: 5px;
	left: 5px;
	margin: 1em 1em 2em 10em;
}

.shadowbox div {
	background: white;
	border: 1px solid red;
	color: black;
	padding: 10px;
	position: relative; 
	top: -5px;
	left: -5px;

}


/* Pinned menu... */

		/* Use fixed in Netscape, but doesn't work in IE so use
		absolute, then put in work around position: fixed; */

div.banner {
	margin: 0;
	font-size: 80% /*smaller*/;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	position: absolute;
	top: 5em;
	left: 2em;
	width: 8.5em;
	right: auto;
}

div.banner p {
	margin: 0; 
	padding: 0.3em 0.4em;
	font-family: Arial, sans-serif;
	background: #900;
	border: thin outset #900;
	color: white;
}

div.banner a, div.banner em { 
		display: block; 
		margin: 0 0.5em;
		padding: 5px 0px 5px 0;
}

/*div.banner a, div.banner em { border-top: 2px groove #900 }*/
div.banner a, div.banner em { border-top: 2px groove #900 }

div.banner a:first-child { border-top: none }

div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: white }

div.banner a:visited { text-decoration: none; color: #CCC }

div.banner a:hover { background: black; color: white; font-style: italic; }

/* Work around so can use with IE - note still not fixed in IE though */

body>div.banner {position: fixed}


/* General */

a {text-decoration: none; color: #999 ; }


/*
 * Counter
 */

div.counter {
	font-size: 80% /*smaller*/;
	font-weight: bold;
	font-family: Arial, sans-serif;
	display: block;
	background: #900;
	border: thin outset #900;
	width: 8.5em;
	margin: 0 0.5em;
	text-align: center;
	position: absolute;
	bottom: 1em;
	left: 2em;
	right: auto;

}


body>div.counter {position: fixed}


/* Adverts */

div.advert {
	position: relative;
	top: 0em;
	left: 4em;
	right: auto;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	text-align: center;
}

div.wpccontact {
margin-left: auto;
margin-right: auto;
width: 80%;
border: 2px solid black;
background-color: #eeeeee;
}