body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
    color: #000000;
	background-image: url(images/Jazzy_carrol.jpg);
    text-align: left;
	}

table.c1 {
	text-align: center;
	}

div.c1 {
	text-align: center;
	}

div.c2 {font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: center;
	}

div.c3 {
	text-align: center; 
	font-size: 150%
	}

div.c5 {font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: center;
	}


p {
	font-size: 15px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

h1 {
	font-size: 26px;
	line-height: 40px;
	font-weight: bold;
    text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	color: blue;
	}
	
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	text-align:center;
	margin-top: 0;
	margin-bottom: 0;
	color: blue;
	}
	
h4 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	}
	
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: 10px;
	}
	
h6 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	}
	
img {
	border: 0;
	}
	
#content {
	float: left;
	padding: 10px 2% 10px 2%;
	margin: 20px 1% 20px 2%;
	background-image: url(images/Jazzy_carrol.jpg);
	border: 5px solid #ccc;
	width: 15%; 
	font-size: 15px;
    line-height: 18px;
   	text-align: left;
    }
    
html>body #content {
	width: 20%; 
	}
	
#content a {
	display: block;
	color: #000000;
    font-weight: bold;
	text-align: left;
    text-decoration: none;
	}

#content a:hover {
	color: #0080FF;
	text-decoration: none;
	}


#content2 {
	float: left;
	padding: 10px 2% 10px 2%;
	margin: 20px 2% 20px 1%;
	background-image: url(images/Jazzy_carrol.jpg);
	border: 5px solid black;
	width: 64%; 
	text-align: left;
   	}

strong.c1 {
	color: #3300ff; 
	font-family: britannic bold; 
	font-size: larger;
	}

strong.c2 {
	font-family: arial;
	}

span.c1 {
	font-family: Arial, Helvetica;
	font-size: 200%;
	color: blue;
	}

span.c2 {
	font-family: Arial, Helvetica;
	font-size: 170%;
	color: blue;
	}

span.c3 {
	font-family: Arial, Helvetica;
	font-weight: bold;
	}

span.c4 {
	font-family: Arial, Helvetica;
	font-size: 120%;
	color: black;
	}

span.c5 {
	font-family: Arial, Helvetica;
	font-size: 120%;
	color: blue;
	}

span.c7 {
	color: blue;
	}

td.c1 {
	font-family: Arial, Helvetica;
	font-weight: bold;
	}

td.c2 {
	font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: center;
	}

td.c4 {
	font-weight: bold; 
	font-family: arial;
	}
		
td.c5 {
	font-family: Arial, Helvetica;
	font-weight: bold;
	text-align: center;
	}

td.c7 {
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	}

th.c5 {
	font-weight: bold; 
	font-family: arial;
	}

th.c6 {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	}

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}	

div#footer
	{
	clear: both;
	padding: .5em 1em;
	border-top: 1px solid #999;
	text-align: center;
	font-size: 14px;
    font-weight: bold;
    }

.button {
    border: #D3D3D3;
    border-style: ridge;
    border-width: 6px;
    color: black;
    padding: 1px 1px;
    text-align: center;
    text-decoration: white;
    display: inline-block;
    font-size: 20px;
    margin: 4px 4px;
    cursor: pointer;
    }

.button1 {
	background-color: #90EE90;
    border-radius:8px;
	}

.button2 {
	background-color: #ADD8E6;
    border-radius:8px;
	}

button:hover {
	animation-name: background-color;
    animation-duration: 800ms;
	}

@keyframes background-color {100% {background-color: #FFCCCB;}}

a:link {color: blue;
	text-decoration: underline;}
a:visited {color: purple;
    text-decoration: underline;}