body{
	color: #CCFFFF; 
	background: black url('images/bridge.jpg') no-repeat; 
	scrollbar-track-color:gray;
	scrollbar-3dlight-color:gray;
	scrollbar-highlight-color:brown; 
	scrollbar-arrow-color:gray;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	font-family:verdana, arial, helvetica, sans-serif;
	scrollbar-face-color;
	background-color:black;
	}

/*===============================================================================*/
/* titlebar*/
/*===============================================================================*/


.mainpic{
	position:absolute;
	width: 0; height: 242;
	top: 0.1 px;
	left: -5px; z-index: -1;
	}


.randompic{
	position:absolute;
	top: 10
	left: 10
	width:200px;
	height: 80px;
	z-index:5; 
	}
	
.titlestephen {
	position:absolute;
	top: 0.35em;
	left: 1.0em;
	font-weight:200;
	font-size: 40pt;
	font-family: Verdana, Arial;
	text-align:left;
	z-index: 2;
	background:none;
	color:black;
	}

.titletext{
	position:absolute;
	top: 1.5em;
	left: 30.5em;
	width: 100px; height: 80px;
	font-size: 14pt;
	text-align:left;
	background:none;
	z-index: 2;
	
	font-style:normal; font-variant:normal; font-weight:100; 
	color:black;
	border-left: 2px solid black;
	}


/**************************************************************************
 .mainbox class
 Here are the rules for the main box of text 
**************************************************************************/

.mainbox { /* All the content boxes belong to the mainbox class. */
	position:relative; 
	width:545px;
 	margin-left:220px;
	margin-right:100px;
	margin-top:175px;
	margin-bottom:20px;
	padding:30px;
	z-index:5; 
 	color: white;
	background: none;
	background:url('images/black000.gif');
	border:5px double #333333;
	}

.mainbox h1{ /* used for main headings */
	font-size:20pt; 	
	font-family: "sans-serif", verdana; 
	font-weight:300;
	background: none;
	padding: 0px;
	color: #CCCCFF;
	span{ color:white; };
	}

.mainbox h2 { /* used for subheads */
	font-size: 16pt;
	font-family: "sans-serif", verdana;
	margin:0px 0px 5px 0px;
	padding:3px;
	line-height: 7pt;
	color: white;
	}
	
.mainbox h3 { /* used for subheads */
	font-size: 16pt;
	font-family: "sans-serif", verdana;
	margin:0px 0px 5px 0px;
	padding:3px;
 	background: none;
	line-height: 7pt;
	color: yellow;
	}

.mainbox h5 { /* used for subheads */
	font-size: 14pt;
	font-family: "sans-serif", verdana;
	margin:0px 0px 5px 0px;
	padding:3px;
	background: none;
	font-style: bold;
	line-height: 7pt;
	color: white;
	}
	
.mainbox h6 {
	font-family: verdana, arial;
	font-size: 12pt;
	text-align: center;
	margin:5px;
	padding:3px;
	font-weight: 200;
	}

.mainbox p {
	font-size: 10pt;
	font-family: verdana, arial;
	margin:5px;
	margin-bottom: 15px;
	padding:3px;
	font-weight: 200;
	font-style: bold;
	}

.mainbox a {
	background: none;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	color:#6600FF;
	link {background: none; color: #CCCCFF ;};
	visited {background: none; color: #CCCCFF ;};
	hover { color: #CCCCCC ; background: none; text-decoration: underline; };
	}


/***********************************************************
 navMenu
 This is the handy menu bar at the left side of the document 
***********************************************************/

.navMenu {
	position:absolute;
	width:160px;
	top: 200px;
	left: 40px;
	z-index:6;

/*The following are comments by BlueRobot*/
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
	}
/* I've heard this called the "be nice to Opera 5" rule.*/
body>#navMenu {width:160px;}

/* The headings in the left menu */	
	.navMenu p{
	font-weight:100;
	font-size:14pt;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 5px;
	font-style:normal;
	font-variant:normal;
	font-family:arial;
	width:160px;
	}
	
/* The links in the left menu */
	.navMenu a{
	font-size:12pt;
	padding-left: 12px;
	margin-left:0 px;
	display: block;
	text-align: left;
	background:none;
	color: white;
	text-decoration: none;
	width:160px;
	}



/***********************************************************************	
pop up fun -- a subset of navMenu
***********************************************************************/


.navMenu a span{display: none; }

.navMenu a:hover{
	padding-left: 7 px;
	background:none;
	border-left: 5px double #CCCCFF;
	color:#CCCCFF;
 	}

/* The text that's displayed in a hover */
.navMenu a:hover span{
	display: block;
	position: absolute; top: 350px; left: 0; width: 125px;
	padding:5px; z-index:50;
	
	text-align: center; font-style:normal; font-variant:normal; 
	font-weight:normal; font-size:12pt; font-family:Veranda, "sans-serif"; 
	margin-left:0px; margin-right:20px; margin-top:0px; margin-bottom:0px;
	color: white;
	}

.navMenu { color: #CCCCFF;}