body {
	background-color: black;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	}


	
#maint_box {
	position: absolute;
	width: 960px;
	height: 640px;
	top: 50%;
	margin-top: -320px;
	left: 50%;
	margin-left: -480px;
	text-align: center;
	background-image: url("images/bgmaintenance.jpg");
	background-position: center center;
	}

#maint_notice {
    position: absolute;
    top: 270px;
    left: 250px;
    padding: 20px;
    background: rgba(200,200,200,.3);
}


/****  EVERYTHING BELOW IS FROM OLD VERSION  ****/

TD
	{font-size: 15px;}


	
img
	{border: 0px;}

	
.title
	{font-size: 18px;
	font-weight: 650;
	line-height: 30px;
	}



.caption
	{font-size: 12px;
	font-weight: 650;
	line-height: 15px;
	}

A:link
	{color: red}

A:visited
	{color: #9900BB}

A:active
	{color: transparent}
	
	
	
	
/*	The following contextual selectors control the appearance */
/*	of hyperlinks in front of the lightning picture */

.bgsoft A:visited
	{color: #FFAA00;
	text-decoration: none;
	}
	
.bgsoft A:link
	{color: #FFFF00;
	text-decoration: none;
	}
	
.bgsoft A:active
	{color: #FFFF00;
	text-decoration: none;
	}
	
	
	
/* The classes below control the appearance of the small text */
/* that appears below the main box */

.bottombox
	{position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	height: 30px;
	width: 630px;
	top: 50%;
	left: 50%;
	margin-top: 218px;
	margin-left: -315px;
	text-align: center;
	border-style: none;
	border-color: red;
	}
	
.leftbottom
	{position: absolute;
	width: 36%;
	left: 0%;
	text-align: left;
	border-style: none;
	}
	
.centerbottom
	{position: absolute;
	width: 28%;
	left: 36%;
	text-align: center;
	border-style: none;
	}
	
.rightbottom
	{position: absolute;
	width: 36%;
	left: 64%;
	text-align: right;
	border-style: none;
	}
	
.bottomnav
	{position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	height: 30px;
	width: 500px;
	top: 50%;
	left: 50%;
	margin-top: 120px;
	margin-left: -250px;
	text-align: center;
	}
	
.leftnav
	{position: absolute;
	margin-top: 5px;
	margin-left: 0%;
	width: 36%;
	text-align: left;
	font-size: 10px;
	}
	
.centernav
	{position: absolute;
	margin-top: 5px;
	width: 28%;
	left: 36%;
	text-align: center;
	font-size: 10px;
	}
	
.rightnav
	{position: absolute;
	margin-top: 5px;
	left: 64%;
	width: 36%;
	text-align: right;
	font-size: 10px;
	}
	
.topright
	{position: absolute;
	margin-top: -60px;
	text-align: left;
	font-size: 10px;
	}
	
.middleright
	{position: absolute;
	margin-top: -20px;
	text-align: left;
	font-size: 10px;
	}
	
.bottomright
	{position: absolute;
	margin-top: 20px;
	text-align: left;
	font-size: 10px;
	}




/* This class controls the appearance of the navigation links */
/*which appear to the right of large vertical pictures.  */
/*Originally designed for the Christmas Project pictures. */

.sidebar
	{position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	height: 130px;
	width: 140px;
	top: 50%;
	left: 50%;
	margin-left: 150px;
	text-align: left;
	}
	
	
	
	
/* This class controls the appearance of the copyright notice, */
/* which appears at the bottom of large horizontal pictures. */
/* Originally designed for the Christmas Project pictures */

.bottomcopy
	{position: absolute;
	width: 300px;
	margin-top: 390px;
	font-size: 10px;
	text-align: center;
	left: 50%;
	margin-left: -150px;
	}
	
	
	
	
/* This class controls the appearance of the copyright notice, */
/* which appears on the right side of large vertical pictures. */
/* Originally designed for the Fashion pictures */

.sidecopy
	{position: absolute;
	margin-top: 80px;
	font-size: 10px;
	text-align: left;
	}
	
	
	
	
/* This class controls the appearance of the windows */
/* with a photographic background. Originally designed */
/* for the main index page */

.mainbox
	{position: absolute;
	width: 630px;
	height: 450px;
	top: 50%;
	margin-top: -235px;
	left: 50%;
	margin-left: -315px;
	text-align: center;
	}
	
	
	
	
/* This class controls the appearance of the scrolling blue field */
/* behind the photo galleries, originally designed */
/* for the Christmas Project gallery page */

.displaybox
	{position: absolute;
	background-color: #3D5CAF;
	width: 630px;
	height: 450px;
	top: 50%;
	margin-top: -235px;
	left: 50%;
	margin-left: -315px;
	overflow: auto;
	text-align: center;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	}
	
	
	
	
/* This class controls the appearance of the scrolling transparent */
/* field, originally designed for the art gallery page */

.scrollbox
	{position: absolute;
	width: 520px;
	height: 330px;
	top: 50%;
	margin-top: -140px;
	left: 50%;
	margin-left: -260px;
	overflow: auto;
	text-align: left;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	}
	
	
	
	
/* This class controls the appearance of large horizontal pictures, */
/* originally designed for the Christmas Project pictures */

.horpic
	{position: absolute;
	width: 530px;
	height: 450px;
	top: 50%;
	margin-top: -215px;
	left: 50%;
	margin-left: -265px;
	text-align: center;
	}
	
	
	
	
/* This class controls the appearance of large vertical pictures, */
/* originally designed for the Christmas Project pictures */

.verpic
	{position: absolute;
	width: 530px;
	height: 450px;
	top: 50%;
	margin-top: -250px;
	left: 50%;
	margin-left: -365px;
	text-align: center;
	}
	



/*	The following classes control the appearance the small text box */
/*	that can be used as a title above windows.  Originally designed */
/*	for the Claudia Wedding Pictures gallery */

.titlebox
	{position: absolute;
	width: 530px;
	height: 48px;
	top: 50%;
	margin-top: -300px;
	left: 50%;
	margin-left: -265px;
	text-align: center;
	font-size: 20px;
	border-style: none;
	}
	
.titlebig
	{font-size: 20px;}
	
.titlesmall
	{font-size: 16px;}
	

	
/*  The following classes control the appearance of the title of  */
/*  the stories in the "writing" section  */
	
.storytitle
	{position: absolute;
	text-align: left;
	font-size: 24px;
	font-weight: 600;
	top: 25px;
	left: 30px;	
	}

.storydate
	{position: absolute;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	top: 60px;
	left: 30px;
	}
	

/*  The following class controls the appearance of the section titles */
/*  in the resume page */

.resumetitle
	{font-size: 18px;
	color: FF6600;
	}



/*  These classes are used by the guestbook  */

.spacer 
	{clear: both; 
	border-width: 0px;
	height: 10px }

.name
	{font-weight: bold; float: left }

.info
	{float: right; margin-bottom: 1em }

.entry p
	{clear: both; margin-top: 0; margin-bottom: 1em }

.date
	{font-size: 10px; text-align: right }

.guestform
	{position: absolute;
	top: 50%;
	margin-top: -120px;
	left: 50%;
	margin-left: -270px;
	font-size: 14px;
	width: 530px; 
	height: 270px;
	text-align: left; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	border-style: none;
	}

.inputfield
	{position: absolute;
	margin-left: 140px;
	}

.label
	{position: relative;
	text-align: left;
	font-weight: bold;
	width: 70px;
	margin-left: 30px;
	}


.entry 
	{width: 460px;
	margin-left: 0px;
	text-align: left;
	padding: 25px;
	}

.navigate
	{width: 460px;
	text-align: center;
	margin: 0 auto 8px;
	}

.submit
	{position: absolute;
	top: 240px;
	left: 240px;
	font-weight: bold; 
	text-align: left;
	}