html, body
{
	font-family: sans-serif;
	background: #ffffff;
	height: 100%;
}



#spacer {
	clear: both;
}

.spacer {
	clear: both;
}


#wrap {
	margin: 0 0 0 0;
	height: 630px;
	width: 1300px;
	overflow: auto;
}
#banner{
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 5px;
	height: 30px;
	width: 370px;
	background-image:url('images/banner.jpg');
	background-repeat: no-repeat;
	background-position: top left;

}

#rectangle1{
	position: absolute:
	top: 600px;
	background: #000000;
	height: 1px;
	width: 100%;
	margin-bottom: 0px;
}

#leftcol {
	float: left;
}

#sidenav{

	text-align: left;
	margin-top: 10px;
	margin-left: 5px;
	clear: both;
	float: left;
	font-size: medium;
	line-height: 30px;

	text-transform: lowercase;
}
#sidenav ul {
	list-style: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

#sidenav ul li a { 
	color: #000000;
	text-decoration: none;
}

#sidenav ul li a:hover { 
	color: #74cee2; /*LIGHT BLUE*/
}


#sidenav ul li.active {
	color: #ff9933; /*ORANGE*/	
}

#sidenav ul li.active a {
	color: #ff9933; /*ORANGE*/	
}

#sidenav ul li.active a:hover {
	color: #74cee2; /*LIGHT BLUE*/
}


#subnav{
	width: 105px;
	text-align: left;

	margin-left: 25px;
	margin-bottom: 4px;

	font-size: small;
	clear: both;
	padding-bottom: 0px;

	text-transform: lowercase;

	float: left;	

	line-height: 25px;
}

#subnav ul {
	list-style: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

#subnav ul li a { 
	color: #000000;
	text-decoration: none;
}

#subnav ul li a:hover { 
	color: #74cee2; /*LIGHT BLUE*/
}

#subnav ul li.active a {
	color: #ff9933; /*ORANGE*/
}

#subnav ul li.active a:hover {
	color: #74cee2; /*LIGHT BLUE*/
}




#content{

	text-align: center;
	float: left;

	width: 500px;

	margin-top: 15px;
	margin-bottom: 50px;
	margin-right: 45px;
	margin-left: 50px;


	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 20px;
}

/*HOME STYLE POTATOES*/
#homeframe{
	margin-top: 15px;
	margin-left: 25px;
	float: left;
}


.side{
	float: left;
	margin-top: 4px;

	}

#middle{
	float: left;
}

.ithumb {
	margin-top: 4px;
	margin-right: 4px;
}

.itall{
	margin-top: 4px;
	margin-right: 4px;
	height: 174px;
}

.icol {
	width: 85px;
	margin-right: 4px;
	float: left;
	margin-bottom: 4px;
}

#center{
	height: 70px;
	padding-top: 20px;
	text-align: center;
	font-size: x-large;
	clear: both;
}



/*BIO STYLES*/

#title{
	text-align: center;
	font-size: xx-large;
	margin-bottom: 15px;
}

#text{
	clear: both;
	margin-top: 10px;
	text-align: justify;
	width: 420px;
	font-size: small;
	font-family: sans-serif;
}


/*LINKS STYLES*/
#links{
	font-size: .85em;
	color: #000000;
}

#l_title{
	font-size: medium;
	margin-right: 100px;
	text-align: left;

}

#links a { 
	color: #006600; /* dark green */
	text-decoration: none;
}
#links a:hover { 
	color: #6d9515;
}

#left{
	text-align: left;
	float: left;
	width: 300;

}

#right{
	text-align: left;
	float: right;
	width: 170;
	margin-bottom: 2px;
}



/* PROJECT STYLES*/
#projcontent {
	float: left;
	padding-right: 5px;	
	padding-top: 5px;
	}

#return {
	margin-top: 5px;
	margin-left: 25px;
	font-size: medium;
	width: 500px;
	height: 18px;
	float: left;
	text-align: left;
}

#return a { 
	color: #000000;
	text-decoration: none;
}
#return  a:hover { 
	color: #ff9933;

}

#link a { 
	color: #000000;
	text-decoration: none;
}
#link  a:hover { 
	color: #ff9933; /*ORANGE*/

}

#ilink a { 
	color: #ff9933; /*ORANGE*/
	text-decoration: none;
}
#ilink  a:hover { 
	color: 	#74cee2; /*LIGHT BLUE*/
}


#thumbframe {
 	margin-top: 0px;
	margin-left: 25px;
	float: left;
}

#thumb {
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}

#thumbframe a img{
	border: none;
}

#pic {
	float: left;
	padding-top: 2px;
	margin-left: 0px;
	margin-top: 2px;
	height: 200px;
}

#pic a img{
	border: 0;
}

#controls {
	clear:both;
	padding-top: 5px;
	float: left;
}

#maincap {
	float: left;
	padding-top: 5px;
}

#smallframe {
	background: #ff0000;
	width: 190px;
	}

/* FULL SCREEN STYLES*/
#fscreenframe {
	height: 20px;
	text-align: center;
	margin: 0 auto 0 auto;
}


#fscreenframe a {
	font-size: 12px;
	text-decoration: none;
	color: 	#74cee2; /*LIGHT BLUE*/
}

#fscreenframe a:hover { 
	color: #ff9933; /*ORANGE*/
}

#fullpic{
	clear: both;
	padding-top: 10px;
	height: 90%;
	width: 100%;
	text-align: center;
	display: block;
}

#fullpic a img{
	border: none;
}

}} /*W H Y?*/

/* FOOTER STYLES*/
#rectangle{
}

#footer{
clear: both;
font-size: small;

float: right;
text-align: right;
height: 10px;
margin-top: 20px;
padding-top: 2px;

border-top: solid 1px;
border-color: #000000;

}

#footer a img{
	border: 0;
}

/*MEDIA STYLES*/
#item{
	border: solid 2px;
	margin-left: 55px; 
	margin-top: 3px;
	}


#contact{
	margin-top: 160px;
	
}

#content2{

	float: left;
	text-align: center;

	width: 500px;
	height: 360px;

	margin-top: 15px;
	margin-bottom: 50px;
	margin-right: 45px;
	margin-left: 50px;

}