/*
** This is for the generic stuff to setup site defaults etc.
** I use a general at the top cascading down to detail idea
** when I build the CSS so the 'hierarchy' is clear(-er)...
*/

html, body, form, table, div, img, ul, ol, p, a	{
	margin: 0;
	border: 0;
	padding: 0;
	font-family: arial,"courier new",  verdana, geneva, helvetica, sans-serif, courier;
		}

body, html {
	text-align: center;
	width: 100%;
	height:100%;
	background: #ffffbf ;
	}

a	{text-decoration: none;	}
a:visited {color:#c00077;}
a:hover {background-color:#ff0000;}

.hide {
	display: none;
	}

ul {
	list-style: none;
	}
li {
	list-style: none;
	}

p {
	margin-bottom:1em;
	}

/* Container is used as a 'whole-page-div' to allow for centering etc
** if required, and to set page defaults within site if necessary.
*/

#container {
	text-align: left;
	position:relative;
	width:800px;
	margin: 10px auto auto auto;
	border-top:2px red solid;
	border-left:2px red solid;
	min-height:600px;
	}

* html #container {
	height:600px;
	}

#navigation {
	position:absolute;
	margin: 0;
	top: 0;
	width:125px;
	height:600px;
	border-right: 2px red solid;
	background:black;
	color:#999999;
	}
	#logopic	{
		position: relative;
		width:100%;
		height:184px;
		border-bottom: 2px red solid;
		}

	#navbar {
		position: relative;
		width:100%;
		top:-4px;
		/* Above -4 is becasue without it the damn element will NOT
		align to the bottom of the one before. CSS is valid but it
		just dont work and it is driving me f*****g nuts! */
		margin: 0;
		line-height: 30px;
		font-size:12px;
		display: block;
		width: 125px;
		}

	#navbar a {
		margin: 0;
		font-weight: bold;
		display: block;
		text-decoration:none;
		color: #ffffff;
		text-align:left;
		border-bottom: 1px red solid;
		}
	 #navbar a.sub {
		margin: 0;
		text-decoration:none;
		line-height: 22px;
		font-size:10px;
		display: block;
		color: #ffffff;
		background: #303030;
		text-decoration: none;
		text-align:right;
		padding: 0px;
		}
	#navbar a.sub:hover {
		background-color:#dd0000;
		}
#content {
	position:absolute;
	margin: 0;
	top: 0px;
	left: 127px;
	width: 675px;
	height: 600px;
	color:#440000;
	font-size:12px;
	background: #ffffbf;
	/*	background: url(images/k9backgroundtile.jpg) top left repeat;
*/		}

	#content a {
		font-weight: bold;
		color: black;
		text-decoration: none;
		font-style:italic;
 		}
	#content a:visited {color:#000033;}
	#content a:hover {background: #d0d0bb;}

	#graphic {
		position:relative;
		width:100%;
		height:184px;
		background:black;
		border-bottom: 2px red solid;
		}
	#pagehead {
		position: relative;
		width:100%;
		line-height:30px;
		font-size:20px;
		text-align:center;
		background-color: #000000;
		border-bottom: 1px red solid;
		color: white;
		}
	#pagebody {
		position: relative;
		width:100%;
		margin:0;
		}
	#pagetext {
		margin: 40px;
		font-size: 14px;
		text-align: justify;
		color:#000000;
		}
	#pagefoot	{
		position: absolute;
		background: transparent;
		text-align: center;
		width:100%;
		bottom: 0;
		font-weight: normal;
		font-size: 11px;
		color: #000000;
		}
	#disclaim	{
		font-size: 12px;
		}

	#contact	{
		font-size: 12px;
		}
#kaptcha	{
		position: absolute;
		padding-top: 2px;
		padding-left: 10px;
		}
#missing, #cracker, #nosend
		{
		color: red;
		}