/* CSS Document */

* {
    padding: 0;
	margin:  0;
}

body{

background-color: #333333;
}


.wrapper {
	margin:     0 auto;
	/*width: 800px;
	height: 620;*/
	width:1280px;
	height:1024px;
	overflow:visible;
	height: 800px;
	position:	relative;
	background-repeat: no-repeat;
	
	/*bottom: auto;*/
	font-family: Skia, "Arial Narrow", sans-serif;
	
	}
	

	/* from adams 
	.wrapper {
	width: 800px;
	height: auto;
	position:	relative;
	left: 160;
	margin-top: 7px;
	background-color: #6C5118;
	padding: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	*/

.wrapper #home  {
	width: 800px;
	height: 620px;
}

#home {
	background-color: #96F;
	
	}
	
#resume {
	background-image:url(../images/bkgrnd-lynnesResume.jpg); 
	}
	
#flash {
	background-image:url(../images/bkgrnd-lynnesFlash.jpg); 
	}
	
#photo {
	background-image:url(../images/bkgrnd-lynnesphotoshop.jpg); 
	}
	
#quark {
	background-image:url(../images/bkgrnd-lynnesquark.jpg); 
	}
	
#gallery {
	background-image:url(../images/bkgrnd-photogallery.jpg); 
	}
	
#writing {
	background-image:url(../images/bkgrnd-writing.jpg);
	}
	
#design {
	background-image:url(../images/bkgrnd-design.jpg);
	}
	
#policies {
	background-image:url(../images/bkgrnd-policies.jpg);
	}

#ethics {
	background-image:url(../images/bkgrnd-ethics.jpg);
	}	
		
#bellringing {
	background-image:url(../images/bkgrnd-bellringing.jpg); 
	}
	
#portfolio { background-color:#069;
}

#hire { background-color:#396;
}


#misc {
	background-color: #636;
}

	
#web-links {
	width: 300px;
	height: 75px;
	position: relative;
	clear:both;
	top: -520px;
	left: 00px;
	/*background-color:#CC0066;*/
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#welcome-content {
	width: 500px;
	height: 300px;
	position: relative;
	top: 200px;
	left: 70px;
	
	font-family: garamond;
	text-align: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#portfolio #welcome-content {
	width: 1000px;
}

#secondnav {
	display: block;
padding: 3px;
width: 160px;
background-color: #0C0;
border-bottom: 1px solid #eee;
}
	

#navcontainer {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 198px;
	width: 175px;
	height: auto;
	left: 05px;
 }

#navcontainer ul
{
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #330066;
border-bottom: 1px solid #eee;
}

 
#navcontainer a:visited
{
color: #FF6600;
text-decoration: none;
}



#navcontainer a:link
{
color: #FFFF99;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #FF6633;
color: #fff;
}

#tiny_ad a:hover
{

}
#home #bottomnav {
	clear: both;
	position :relative;
	top:450px;
	left:auto;
	
}
#home #bottomnav h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: x-small;
}
#home #welcome-content h2 {
	font-family: Optima, Verdana, sans-serif;
	font-size: 36px;
	text-align: right;
}
#policies #policy_content {
	
	width: 550px;
	height: 300px;
	position: relative;
	top: 200px;
	left: 70px;
	
	font-family: garamond;
	text-align: justify;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content {
	width: 500px;
	height: 300px;
	position: relative;
	top: 200px;
	left: 40px;
	font-family: Skia, "Arial Narrow", sans-serif;
	text-align: justify;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1ems;
}
/*#writing #content h2 {
	line-height: 0.5px;
}*/

#content h1 h2 h3 h4 h5 {
font-family: Skia, "Arial Narrow", sans-serif;
		
}
/* the bellringing page dark blue looks too dark next to link colors */
#bellringing #content  a:link {
	color:#2CCEEF;
	}

#bellringing #content  a:visited {
	color:#AC5FFF;
	}

	
#bellringing #content  a:hover {
	color:#EEE435;
	}


.songtext {
	width:  700;
	height: auto;
	position: relative;
	}
	
/*	
.wrapper  a:link {
	color:#2CCEEF;
	}

.wrapper  a:visited {
	color:#AC5FFF;
	}
*/	
.wrapper  a:hover {
	color:#EEE435;
	}
	
#bottomnav h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: x-small;
}
#bottomnav {
	clear: both;
	position :relative;
	top:450px;
	left:auto;
	
}