body	{
	background-color: #222233;
	border:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}
body,h1,li,a.x {
	font-family: arial, sans-serif;
	color: #F0F8FF; /* F0F8FF Alice blue, white blue */
	text-decoration: none;
}
a:hover { text-decoration: underline; }
		
/* Head */
h1	{
	text-align: left;
	margin-left: 1em;
	font-style: italic;
	font-size: xx-large;
	color: #F5F5F5; /* F5F5F5 Smoke White */	
	z-index: 600;
}
#hd	{
	background-image: url(bar.gif);
	background-position: 0px 2em;
	background-repeat: repeat-x;
	z-index: 500;
}
#hd2	{ margin-left: 6ex;	}

/* Navigation Menue */
.nav	{
	height: 2ex;
    width: 100%;
    background-color: #000;
}
ul#nav	{
	margin-left: 5%;	
	font-weight: bold;
}
#nav ul, ul#nav  { list-style-type: none; }
#nav li	{
	float: left;
	position: relative;
    background: #000;
    color: #FFF;
    border-left: 4px solid #B0C4DE;
}
#nav a:hover	{
	color: #CCFFFF;
	background: #330099;
}
/* spacing between words in menue */
.ab	{ width: 18% }
.n	{ width: 18% }
.s	{ width: 18% }
.m	{ width: 18% }
.c	{ width: 18% }
	
	/* The hiding mechanism */
#nav li ul	{
	display: none;
	position: absolute;
}

#nav li:hover ul	{ display: block; }
#nav li ul  {
	top: 2ex;
	left: -44px;
}
.drop li	{
	position: absolute;
	display: block;
	width: 17ex;
	overflow: hidden;
	margin: 0;
	padding: 10px;
	background: #000;
	z-index: 300;
	font-weight: normal;
}

#nav a {color: #2F4F4F; /* F0F8FF Alice blue, white blue */
	text-decoration: none;
}
/*  Boxes */
p,h2,h3
{	font-weight: 500;
	color: #2F4F4F;
	font-family: sans-serif;
}
		/* 2F4F4F is Darkslategray */
h2	{ font-size: large;	}
p,h3	{ font-size: normal; }
h3	{ font-family: "Lucida Console"	}
.box	{
	color: #2F4F4F;
	text-decoration: underline;	
}
.bp	{ color: #2F4F4F; }	/* bp = box paragraph */
a.root	{
	font-family: "Lucida Console";
	color: #2F4F4F;
	text-decoration: underline;
}

#content, #content2, .photos {
	float: left;
	padding: 10px;
	position: relative;
	left: -55%;
	margin: 20px;
	background: #F5F5F5;
	border: 5px solid #ccc;
	background-image: url(paper.gif);
}
#content	{
	margin-left: 50px;
	left: 31%;
	position: absolute;
	width: 38%; 
}
#content2 { width: 24%; margin-top: 18px; }
html>body #content	{  /*IE fix to look right in everything else*/
	width: 38%;
	margin: 20px;
}
.photos	{
	margin: 15px;
	text-align: center;
	vertical-align: middle;
	width: 160px;
	height: 168px;
	text-decoration: none;
}
body>.photos {	/*IE fix */
	margin: 20px;
	width: 160px;
	height: 160px;
}

/* Mail Archive Styling */
#mail	{
	float: left;
	margin: 40px 40px;
	padding: 17px 17px;
	background: #F5F5F5;
	border: 5px solid #ccc;
	background-image: url(paper.gif);
}
.mbox	{
	text-decoration: underline;
	font-size: smaller;
	color: #0033CC;
	font-weight: 600;
}
/* Redirecting Page     meta refrhes */
#redir 
h3	{
	color: #F0F8FF;
	margin: 10px;	
}
/* World Wide Web Consortium validation */
#w3c	{
	position: relative;
	text-align: right;
	float: right;
	top: 18em;	
	padding: 11px;
	z-index: 100;
}
.white { color: #F5F5F5; }

/* updated March 03, 2011 */