*{margin:0;padding:0;}






/*
Basic elements, such as the general body of the page and also the way that links are handled.
*/



body 
{

	margin: 0px;
	padding: 0px;
}

p 
{
	border-width: 0px;
	text-indent: 0px;
	margin: 0px;
}

p1 
{
	border-width: 0px;
	text-indent: 20px;
}


a img 
{
	border: none; 
} 



/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000  New Section  000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */



/* these control the way links operate and look */

a:link 
{
	color: black;
	text-decoration: none;
	font-style: none;
}

a:visited 
{ 
	font-style: none;
	color: black;
	text-decoration: none;
}

a:active 
{
	color: red;
	text-decoration: none;
	font-style: none;
} 

a:hover 
{	
	font-style: bold;
	color: blue;
}


ul
{
list-style-type:none;
margin:0;
padding:0;
}


/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000  New Section  000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */




h1

/* Title */
{
	color: black;
	font-size: 16pt;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}


h2

/* nav link */
{
	color: black;
	font-size: 1em;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-indent: 0px;
}

h3

/* unknown */
{
	color: #777777;
	font-size: medium;
	border: 0px solid;
	position: absolute;
	left: 225px;
	top: 625px;
	text-align: left;
	padding: 0px;
	z-index: 1;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
}



/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000  New Section  000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */


/*
These are all the IDs for the document.  Primarily for the items affected by javascript
*/


#content

/* main area for content */
{
	position: absolute;	
	float:left;
	left: 225px;
	width: 100%
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	color: #333333;
	font-size: .8em;
	background-color:  EBEBEB;
	font-family: "Courier New", courier, monospace;
}

#nav

/* list of section titles*/
{
	position: fixed;
	left: 0px;
	top: 100px;
	width: 200px;
	border-width: 0px;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	background-color: white;
	font-size: .8em;
	line-height: 1.2;
	overflow: wrap;
	font-family: "Courier New", courier, monospace;

}

.wrap

{

	border-style: solid;
	border-width: thin;
	border-color: black;

	
}	
	
	
.header

/* Top section where my name, ect goes */
{
	position: fixed;
	float: top;
	top: 0px;
	width: 100%;
	height: 57px;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	color: #333333;
	background-color: white;

	font-size: .8em;
	word-spacing: normal;
	line-height: 1.5;
	z-index: 10;
	font-family: "Courier New", courier, monospace;
}

.desc

/* This is for descriptions of work */
{
	position: relative;
	width: 500px;
	border-width: 0px;
	margin: 25px 25px 25px 25px;
	padding: 0px;
	color: black;
	text-indent: 0px;
	font-size: 1em;
	font-family: "Courier New", courier, monospace;
	text-align: left;

}

.floater

/* This is for descriptions of work */
{
	position: relative;
	float: left;
	border-width: 0px;
	margin: 0px 0px 10px 10px;
	padding: 0px 10px 10px 10px;
	color: black;
	text-indent: 20px;
	font-size: 1em;
	background-color:white;
	font-family: "Courier New", courier, monospace;
	text-align: center;

}


.extra

/* This is for descriptions of work */
{
	position: relative;
	width: 700px;
	border-width: 0px;
	margin: 0px 0px 00px 10px;
	padding: 0px;
	color: black;
	text-indent: 0px;
	font-size: 1em;

}

/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000  New Section  000000000000000000000000000000000000000000000 */
/* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */



/*  These are the image classes.  Mostly these are good for making sure that images 
are the correct size and that they don't accquire outlines or borders when acting as links.  
I am also using the image class to position them, instead of nesting them in a div, 
not sure if that is ideal or not.  The thumb class I don't use right now because 
for some reason if the thumbnail images are designated as a class they refuse to 
scroll horizontally and wrap at the end of the div, so that you have to scroll vertically.  */

img.basic

{
	width: 500px;
	border-width: 0px;
	z-index: 1;
	padding: 0px;
}

img.basicp

{
	height: 500px;
	border-width: 0px;
	z-index: 1;
	padding: 0px;
}

img.thumb

{
	height: 98px;
	width: 132px;
	border-width: 1px;
	z-index: 2;
}

img.vthumb

{
	height: 98px;
	width: 80px;
	border-width: 1px;
	z-index: 2;
}