/* This is an external style sheet for the web pages under the menu bar item What to Read-New Titles for Teens. It establishes the background color, and paragraph and body elements as well as the special colored headers */

body {
	background-color: #CCCCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
}
img {
	border: thin solid #339999;
}

/* Heading formats */
h1,h2,h3 {
	font-family: Bazooka;
	font-style: normal;
	font-weight: bold;
}
h1 {font-size: x-large;
	color:#336699;
}
	
h2 {
	font-size: large;
	color: #339999;
}
h3 {
	font-size: medium;
	font-variant: normal;
	color: #339999;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #339999;
}
	
/* To apply special colors and effects to the various links - they should be in this order */

a:link {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

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

a:hover {
	text-decoration: none;
	background-color: #336699;
	color: #CCFFFF;
	font-weight: bold;
}

a:active {
color: #336699; 
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 established 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: #3399CC;
	background-color: #FFFFFF;
	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;
	border: thin solid #3399CC;
}
/* 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 #3399CC;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}