/*
CSS for Pentucket Arts Center site
*/



/*comment*/
/*comment*/
/*comment*/



/*lvha is the order for links pseudo-classes on css style sheets*/



a:link {
	font-weight: bold;
	color: black;
}

a:visited {
	font-weight: bold;
	color: purple;
}

a:hover {
	text-decoration: none;
	color: white;
	background-color: navy;	
}

a:active {
	text-decoration: none;
	color: aqua;
	background-color: red;	
}



/*
=====================================
.fun {
	color: #339999;
	font-family: Georgia, Times, Serif;
	letter-spacing: 0.05em;
}


.serious {
	color: black;
	background-color: white;
}


h1.fun {
	font-style: italic;
}



#span1 {
	color: purple; 
	font-weight: bold; 
	font-style: italic;
}

====================================
*/


body {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	background-color: #fffdda;
	line-height: 125%;
	padding: 0;
	margin: 0;		
}


p {
	font-size: medium; 
	color: black;
}


#Summer_available {
	color: purple; 
	font-weight: bold; 
	font-style: italic;
	font-size: large;
}



h1 {
	font-size: x-large;
	color: purple;
	font-weight: bold;
	line-height: 70%;
}



h2 {
	font-size: xx-large;
	color: purple;
	font-weight: bold;
	line-height: 125%;
}


li {
	font-size: small;
	color: navy;
}






#logo {
	width: 132px;
	height:93px;
	background-color: purple;
	position: fixed; left:0; top:0;
}


#header {
	position: absolute; top:0;
	margin-left: 140px;
	width: 80%;
	line-height: 80%;

}


#header {
	height: 86px;
}




#sitebranding {
	padding: 5px;
}

#tagline {
	font-size: medium;
	font-weight: bold;
	color: navy;
	font-style: italic;
	padding-left: 5px;
}



#navigation {
	width: 130px;
	border: 1px solid purple;
	background-color: #fffab2;
	height: 280px;
	position: fixed; left:0; top:90px;
}	



#bodycontent {
	position: absolute;
	left: 140px;
	top: 90px;
	padding-left: 5px;
	width: 80%;
}

#contact_us {
	border-top: 1px solid purple;
	border-bottom: 1px solid purple;
	font-size: small;
	font-style: italic;
}

/*changes appearance of menu item for active page*/
#home #home-a, #aboutus #aboutus-a, #summerprogram #summerprogram-a, #contactus #contactus-a {
	background:#fffffd;
}

/*a style attribute can contain one or more declarations between its quotation marks. A declaration is made up of two parts: a property and a value for that property. Example style="color: red; font-weight: bold;"*/

/*comment*/
/*comment*/
/*comment*/
/*comment*/