body {
	background-color:#999; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	text-align:left;
	margin:0;
	padding:0;
	}
	
/* Layout */

#left {
	position:absolute;
  	top:0;
  	left:0;
  	width:150px;
  	height:100%;
	background-color:#fff; 
 	}
@media screen{
  	body > #left {
   	position:fixed;
  	}
	}
* html body{
	overflow:hidden;
	} 
* html #content{
	height:100%;
	overflow:auto;
	}	

#content {
	position:absolute;
	top:0;
	left:150px;
	width:850px;
	background:#fff url('images/bg.jpg') repeat; 
	margin:0;
	padding:0;
	border-left:3px solid #bdb0b0;
	-moz-box-shadow: 10px 5px 5px #666;
	-webkit-box-shadow: 10px 5px 5px #666;
	box-shadow: 10px 5px 5px #666;
	}

#right {
	position:relative;
	float:left;
	text-align:left;
	padding:0;
	}

/* Menu */

#menu {
	width:100%;
	height:100%;
	text-align:center;
	}

#menu a {
	background-image:url(images/menu-plate.jpg);
	background-repeat:no-repeat;
	width:150px;
	margin:0 0 0 3px;
	padding:2px 0;
	display:block;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}
#menu a:link {
	text-decoration:none;
	color:#000;
	}
#menu a:visited {
	text-decoration:none;
	color:#000;
	}
#menu a:hover {
	text-decoration:none;
	color:#990000;
	}
#menu a:active {
	text-decoration:none;
	color:#000;
	}

/* Content */

#header {
	background-image:url(images/title-plate.gif);
	background-repeat:no-repeat;
	display:block;
	width:525px;
	height:240px;
	margin:10px auto 20px;
	padding:0;
	text-align:center;
	overflow:hidden;
	}
.title {
	display:none;
	visibility:hidden;
	}
.name {
	margin:90px 0 10px 0;
	font-size:1.5em;
	color:#000;
	}
a.contact:link {
	text-decoration:none;
	color:#990000;
	}
.blurb {
	margin:0 20px;
	text-align:left;
	font-size:0.875em;
	color:#000;
	text-align:center;
	}
	
.bar {
	width:750px;
	margin:10px auto;
	padding:0 10px;
	text-align:left;
	background-color:#404040;
	display:block;
	overflow:hidden;
	font-size:24px;
	color:#fff;
	}
#top {
	position:relative;
	float:right;
	}
#top a {
	font-size:24px;
	}
a.top:link {
	color:#fff;
	text-decoration:none;
	}
a.top:visited {
	text-decoration:none;
	color:#fff;
	}
a.top:hover {
	text-decoration:none;
	color:#990000;
	}
a.top:active {
	text-decoration:none;
	color:#fff;
	}

#boxes {
	width:750px;
	margin:20px auto;
	padding:0 0 20px 0;
	text-align:left;
	}
#box {
	position:relative;
	float:left;
	width:233px;
	margin:5px;
	padding:0;
	}
#box-top {
	background:url('images/box-top.gif') no-repeat;
	width:233px;
	height:11px;
	display:block;
	margin:0;
	padding:0;
	}
#box-mid {
	background-image:url(images/box-mid.gif);
	background-repeat:repeat-y;
	width:233px;
	height:100%;
	display:block;
	margin:0;
	padding:4px 14px;
	overflow:hidden;
	}
#box-bottom {
	background:url('images/box-bottom.gif') no-repeat;
	width:233px;
	height:15px;
	display:block;
	margin:0;
	padding:0;
	}

/* Text Styles */

h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.25em;
		line-height:normal;
		color:#000;
		}
h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.0em;
		line-height:normal;
		color:#000;
		}
h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.875em;
		line-height:normal;
		color:#000;
		}
h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:normal;
		color:#000;
		}

p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:normal;
		color:#333333;
		}
li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:normal;
		color:#333333;
		}

a:link {
		text-decoration:none;
		color:#990000;
		}
a:visited {
		text-decoration:none;
		color:#990000;
		}
a:hover {
		text-decoration:underline;
		color:#990000;
		}
a:active {
		text-decoration:none;
		color:#990000;
		}

.tenpoint {
	font-size:0.625em;
	}

.copyright {
	font-size:0.60em;
	}
.offline {	
	font-weight:bold;
	color:#666;
	}
input.surname {
			visibility: hidden;
			display:none;
			}