/* This is an external style sheet for the web pages under the menu bar item Support Your Library. It establishes the background image, and paragraph and body elements as well as the special colored headers */

body {
	background-image: url(Images/bg_015.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}
img {
	border: thin solid #339999;
}

/* Heading formats */
h1,h2,h3,h5,h6 {
	font-family: Lucida Sans Unicode, Verdana;
	font-style: italic;
}
h2 {
	font-size: 16px;
	color: #339999;
}
h3 {
	font-size: 14px;
	color: #339999;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}	
/* To apply special colors and effects to the various links - they should be in this order */

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

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

a:hover {
	text-decoration: none;
	background-color: #339999;
	color: #CCFFFF;
}

a:active {
color: #339999; 
text-decoration: underline;
}
#footer {
	width:100%;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	padding:5px;
	background-image: url(Images/footer.jpg);
	color: #339999;
	vertical-align: text-top;
}

/* The colored header is created through class */
.header {
	font-family: Denmark, "Futura Md BT", "Continuum Bold";
	font-size: large;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	color: #00CCCC;
	background-color: #FFFFFF;
	border: thin solid #00CCCC;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	vertical-align: top;
	margin: 0.15em;
	padding: 0.15em;
	height: 35px;
	width: 100%;
	position: relative;
	visibility: visible;
	z-index: 1;
}
/* To put a border around the icon in the header of the same color as the box border of the header */
.section_icon {
	border: thin solid #00CCCC;
}