body {
	/* IE Hack - centers the main div */
	text-align:								center;
	background:								#6a708a URL(bg.gif) bottom fixed repeat-x;
}
#content {
	width:										760px;
	border-style:							solid;
	border-width:							1px;
	border-color:							black;
	margin:										5px auto;
	/* IE hack - second part of IE centering bug */
	text-align:								left;
	background-color:					white;
}
#pagetop {
	background-image:					URL(seabanner.jpg);
	width:										760px;
	height:										190px;
	margin:										0px;
}
/* Friendly little message to IE users ;-) */
* html #content #pagetop #iewarn {
	display:									block;
	position:									relative;
	top:											5px;
	left:											5px;
	border:										0;
	margin:										0;
	padding:									0;
}
#pagetop #iewarn {
	display:									none;
}
#iewarn, #iewarn a, #iewarn a img {
	border:										0;
}
#pagetop #quote {
	display:									block;
	width:										760px;
	color:										white;
	position:									absolute;
	font-family:							sans-serif;
	text-align:								right;
	font-size:								15px;
	top:											182px;
	text-decoration:					none;
}
#pagebody {
	padding:									0 15px 15px 15px;
	margin:										0;
	background-color:					white;

	font-family:							sans-serif;
	letter-spacing:						1px;
	line-height:							1.3;

	min-height:								200px;
}
/* IE Hack - fixes menu-box vertical positioning \*/
* html #menu {
	width:										150px;
	margin-top:								15px;
}
#menu {
	width:										150px;
	float:										right;
	border:										1px #6a708a solid;
	margin-top:								15px;
}
#menu h1 {
	width:										150px;
	margin-top:								0;
	background-color:					#6a708a;
	font-size:								16pt;
	color:										#0a1a30;
}
/* IE Hack - fix coloured bar area */
* html #menu .menuitem a {
	width:										150px;
}
* html #menu h1 {
	width:										155px;
}
#menu .menuitem a {
	display:									block;
	padding:									0 0 0 5px;
	text-decoration:					none;
	color:										black;
	width:										145px;
}
#menu .menuitem a:hover {
	background-color:					#0a1a30;
	color:										white;
}

#pagebody .blogbody h1 {
	margin-top:								0;
	background-color:					#6a708a;
	font-size:								16pt;
	color:										#0a1a30;
}
.blogbody {
	float:										left;
	width:										565px;
	margin-top:								15px;
	border-width:							1px;
	border-style:							solid;
	border-color:							#6a708a;

	font-size:								10pt;
}
.blogbody .blogbottom {
	color:										black;
	font-style:								italic;
}
.blogbody .blogbottom a {
	color:										black;
	text-decoration:					none;
}
.blogbody .blogbottom a:visited {
	color:										black;
	background-color:					white;
}
.blogbody .blogbottom a:visited:hover {
	color:										black;
	background-color:					white;
}
.blogbody .blogbottom a:hover {
	color:										black;
	background-color:					white;
}
#pagebody .blogbody h1 {
	margin-top:								0;
	background-color:					#6a708a;
	font-size:								16pt;
	color:										#0a1a30;
}
#pagebody .blogbody p {
	margin:										0 10px 10px 10px;
}
.quote {
	margin:										0 10px 10px 40px;
	/*background-color:					#9098bc;*/
	/*border:										2px #6a708a solid;*/
	border-left:							3px #9098bc solid;
	font-family:							serif;
	padding:									5px;
}
form {
	margin:										0 10px 10px 10px;
	text-align:								right;
}
.blogbody a {
	color:										#9098bc;
	text-decoration:					none;
}
/*.blogbody a:visited {
	background-color:					#eeeeee;
}
.blogbody a:visited:hover {
	color:										#404040;
	background-color:					#0a1a30;
}*/
.blogbody a:hover {
	color:										white;
	background-color:					#0a1a30;
}
/* em is used as a replacement for the <u> tag in my blog */
em {
	font-style:								normal;
	text-decoration:					underline;
}
.bulletwrap {
	margin-left:							10px;
}
.bullet {
	background:								URL(bullet.gif) bottom no-repeat;
	position:									relative;
	top:											3px;
	width:										8px;
	height:										8px;
	float:										left;
	margin-left:							2em;
}
.bullettext {
	display:									block;
	margin-left:							4em;
}

#outer {
	margin-top:								5px;
	float:										right;
	clear:										right;
	width:										150px;
	height:										4px;
	border:										1px solid #6a708a;
}
#inner {
	width:										1px;
	height:										4px;
	background-color:					#6a708a;
}
#bf {
	clear:										right;
	float:										right;
	margin-top:								5px;
}
.clrleft {
	clear:										left;
}