/* general */

body {
	/*color: gray;*/
	color: #C8C8C8;
	background-color: black;
	text-align: center;
	/*width: 780px;*/ /*min-width: 600px*/
	margin:0 auto;
		
	}

/* end general */

/*mouseover info*/
mo{
	color: #fff;
}

/* links */

a {
	text-decoration: none; 
	/*color: gray;*/
	color: #C8C8C8;
	
	}
	
a:visited {
	text-decoration: none; 
	/*color: gray;*/
	color: #C8C8C8;
	
	}

a:hover {
	text-decoration: none; 
	/*color: white;*/
	color: orange;
	
	}

/* used for orange, 'i am here',  links */
a.linkcolor:link, a.linkcolor:visited, a.linkcolor:active {
	text-decoration: none;
	color: orange;
}

a.linkcolor:hover{
	text-decoration: underline;
}

/* used for slightly obvious, but not blatant links [ol=obviouslink]*/
.ol{
	display: inline;
}
a.ol:link, a.ol:visited{
	color: #ffb996;
}
	
	/* end links */

/* classes */

.white {
	/*color: white;*/
	color: #00FA9A;
	}
	
.courier{
	font: .8em/1em "lucida console", monospace;
	}
	
.georgia{
	font: 1.25em/1em georgia, serif;
	
	}
	
.left {
	text-align: left;
	}
	
.right {
	text-align: right;
	}
	
.center {
	text-align: center;
	}

.justify {
	text-align: justify;
	}
	
.imagewidth{
	width: 100%;
	}
	
.clear{
	clear: both;
	}
	
.small {
	font-size: 90%;
}

/* positioning*/

.floatright{
	float: right;
}
.floatleft{
	float: left;
}
	
/* end classes */	

/* div classes */
/*
.history{
	padding-bottom: 10px;
	text-align: left;
}
*/

/* history div span classes */
	
	.historydate{
		float: left;
		width: 100px;
	}
	.historyline{
		float: left;
		display: inline-block;
		}
	.historyline img{
		border: 0px;
		height: 16px;
	}

/* form */
form {
	margin-top: 15px;
	border: 1px solid orange;
	padding-bottom: 10px;
}

.line {
	margin-top: .5em;
}

label
{
color: orange;
width: 200px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

input
{
color: orange; /*#781351;*/
background: black;/*#fee3ad;*/
/*border: 1px solid orange /*#781351*/;
}

submit input
{
margin-left: 4.5em;
} 

/* divs */

/* container contains all other divs and keeps them centered in a 800ish px wide box */
#container {
	margin:0 auto;
	/*width:65%;*/
	width: 990px;
	/*width: 780px;*/
	/*text-align: center;*/
	/*min-width: 600px;
	max-width: 700px;*/
	/*this must be 'center' if other divs are to be centered.  adjust text wth classes */
	/*border: yellow 2px solid;*/
	
	}
	
#lcol{
	width: 780px;
	float:left;
}
	
#rcol{
	width: 200px;
	margin-left: 6px;
	float:right;
}
	
#photo {
	position:relative;
	z-index: 1;
	margin:0 auto;
	top: 15px;
	width: 98%;
	border: orange 2px solid;
	padding: 1%;
	/*background-color: black;*/
	/*overflow: hidden;*/
	
	}
	
/*formerly caption, now used as nav for top placement navigation -- suggested by D */
#nav {
	position: relative;
	z-index: 0;
	/*left: 0px;*/
	/*top: 16px;*/
	/*padding: 1%;*/
	height: 16px;
	/*background-color: black;*/
	/*border: green 2px solid;*/
	}
	
/* caption includes 'pictureno' and 'captiontext' subdivs */		
#caption {
	position: relative;
	z-index: 0;
	/*left: 0px;*/
	top: 16px;
	/*padding: 1%;*/
	height: 16px;
	/*background-color: black;*/
	/*border: green 2px solid;*/
	}
	
/* caption includes 'pictureno' and 'captiontext' subdivs */		
#caption2 {
	position: relative;
	z-index: 0;
	/*left: 0px;*/
	top: 16px;
	/*padding: 1%;*/
	height: 16px;
	/*background-color: black;*/
	/*border: green 2px solid;*/
	}

#pictureno {
	position: absolute; 
	z-index: 0; 
	top: 0px;
	left: 0px;
	padding: 0px;
	background-color: black;
	text-align:left;
	
	}

#captiontext {
	position: absolute; 
	z-index: -2; 
	top: 0px;
	right: -5px;
	padding: 0px;
	/*background-color: black;*/
	text-align:right;
	
	}

/* standard body text */
#text {
	position: relative;
	margin:0 auto;
	top: 15px;
	width:85%;
	margin-top: 20px;
	padding-bottom: 5px;
	/*text-align: justify;*/
	/*border: red 2px solid;*/
	/*background-color: black;*/
	/*text-align: center;*/
	
	}
	

/*links also includes copyright information */		
#links {
	position: relative;
	top: 20px;
	padding: 0px;
	line-height: 1.5em;
	/*background-color: black;*/
	/*text-align: center;*/
	margin-top: 25px;
	padding-bottom: 20px;
	
	}
		

#btmctnr { position: relative; width: 100%;/*absolute; bottom: 20px; left: 0px; width: 100%;*/}
/* body > makes IE ignore, but other browsers still use, i think */
body > div#btmctnr { position:fixed;
	bottom: 15px;
	left: 0px;
	right: 0px;
	width: 100%;
	/*background-color: black;*/
	/*border: green 2px solid;*/
	text-align:right; }

	
/*xhtml + css validationlinks */		
#xhtmlcss {
	/*float:left;*/
	position: absolute;
	/*position:fixed;*/
	/*bottom: 3px;*/
	left: 5px;
	padding: 0px;
	/*background-color: black;*/
	/*border: gray 1px solid;*/
	text-align:right;
	
	}

/*designed in notepad++ */		
#notepadpp {
		/*float:right;*/
		/*position: fixed;*/
		position: absolute;
		right: 5px;
		/*bottom: 3px;*/
		/*left: 3px;*/
		padding: 0px;
		/*background-color: black;*/
		/*border: gray 1px solid;*/
		/*text-align:left;*/
			
		}