/* GENERAL STYLES */

body {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  background: url(header30.JPG) no-repeat top left;
  }

h1, h2{
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  }

h3 {
  margin: 3px 0 3px 0;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
  color: FF9900;
  }

p {
  margin: 2px 0;
  color: #FFFFFF;
  }

a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #FFFFFF;
	}

a:visited { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #FFFFFF;
	}

a:hover, a:active { 
	text-decoration: underline; 
	font-weight: bold; 
	text-decoration: underline; 
	color: #FFFFFF;
  	background: #ccc;
  }

ul {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  list-style: none;
  }


/* MAIN DIV STYLES*/

#container {
  margin: 0 100px 0 0;
  padding:0;
  color: #FFFFFF;
  }

/* CLASS STYLES */

.p1 {
  text-indent: 0px;
  color: #FFFFFF;
  }

.p5 {
  margin-top: 15px;
  width: 300px;
  text-align: left;
  }

.select {
  margin: 3px 0 3px 0;
  padding: 0;
  font-size: 17px;
  font-weight: 500;
  color: #FFFFFF;
  background: none;
  }
  
  

/* ID STYLES */

#intro {
  margin: 0;
  padding: 0;
  }

#pageHeader {
  margin: 0;
  padding: 0;
  }

#quickSummary {
  text-align: left;
  padding: 200px 0 0 150px;
  width: 550px;
  font-family: "lucida grande", verdana, tahoma, arial;
  font-size: xx-small;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: x-small;
  color: #FFFFFF;
  width: 400px;
  }

html>#quickSummary {
  font-size: x-small;
  color: #FFFFFF;
  width: 400px;
  }

#preamble {
  text-align: left;
  padding: 10px 0 0 150px;
  width: 550px;
  font-family: "lucida grande", verdana, tahoma, arial;
  font-size: xx-small;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: x-small;
  color: #FFFFFF;
  width: 400px;
  }

html>#preable  {
  font-size: x-small;
  width: 400px;
  color: #FFFFFF;
  }

#preamble h3, #explanation h3, #participation h3, #gigs h3, #benefits h3, #requirements h3, {
  margin: 8px 0 3px 0;
  padding: 3px 0 0 0;
  font-size: 17px;
  font-weight: 500;
  color: #FF9900;
  background: url(piuma.gif) no-repeat top left;
  text-indent: 0px;
  }


#supportingText {
  text-align: left;
  padding: 0 0 0 150px;
  width: 550px;
  font-family: "lucida grande", verdana, tahoma, arial;
  font-size: xx-small;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: x-small;
  color: #FFFFFF;
  width: 400px;
  }

html>#supportingText  {
  font-size: x-small;
  width: 400px;
  color: #FFFFFF;
  }

#linkList {
	top: 170px;
	margin-left: 400px;
	position: absolute;
	text-align: right;
	font-family: "lucida grande", verdana, tahoma, arial;
	font-size: xx-small;
	width: 173px;
	padding: 0 12px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: x-small;
	color: #FFFFFF;
	width: 174px;
	height: 252px;
  }

html>#linkList  {
  font-size: x-small;
  width: 174px;
  color: #FFFFFF;
  }

#linkList a:link {
  font-weight: normal; 
	text-decoration: none; 
	color: #FF9900;
  }

#linkList a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #FF9900;
	}

#linkList a:hover, #linkList a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #FF9900;
  }

#larchives, #lresources, #lmusic {
  margin-top: 10px;
  color: #FFFFFF;
  }
  
#extraDiv1 {
  top: 0;
  left: 265px;
  background: url(marty.jpg) no-repeat bottom left;
  position: absolute;
  width: 143px;
  height: 100px;
  }  

#footer {
  text-align: left;
  margin-top: 20px;
  }

#footer a:link {
  width: 40px;
  padding: 20px 15px 0 10px;
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
  }

#footer a:visited { 
	width: 40px;
  padding: 20px 15px 0 10px;
  font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	}

#footer a:hover, #footer a:active { 
	width: 40px;
  padding: 20px 15px 2px 10px;
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
  background: #fff url() no-repeat -2px 10px ;
  }
  
/* OTHER STYLES */

h1 span {
  margin: 0;
  padding: 0;
  display: none;
  }

h2 span {
  margin: 0;
  padding: 0;
  display: none;
  }