/* CSS Document */
/*-- Begin Mouge Design Styles --*/

<style type="text/css">
body {
margin: 0;
padding: 0;
color: #F5CFF6; 
text-indent:20px;
}

/* text */
.style1 {
 	font-size: 16px; 
	font-family: "Comic Sans MS", cursive;
	color:#57B102;
}
.style2 {
	font-size: 12px; 
	font-family: "Comic Sans MS", cursive;
	color: #572C3A;
}
.style3 {
	color:#57B102;
}


h1, h2 {font-family: 'Curlz MT';}
h3, h4, h5, h6 {font-family: 'Comic Sans MS', cursive;}
h1{
	font-size: 230%;
	color: #7C0281;
}
h2{
	font-size: 170%;
	color: #7C0281;
}
h3{
	font-size: 120%;
	color: #AE023C;
}
h4{
	font-size: 110%;
	color: #AE023C;
}
h5{
	font-size: 100%;
	color: #FA76A2;
}
h6{
	font-size: 90%;
	color: #FA76A2;
}


a{
color:#57B102;
font-weight:800;
text-decoration:none;
}
a:hover{
color:#6179DC;
text-decoration:underline;
}

a img{
border:5px;
border-color:#572C3A;
}




#content{
clear:both;
padding: 0;
margin: 15px 10px;
}
p {text-indent:20px;
float:left;
margin-top:10px;

}
/* images */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FA76A2;
padding: 5px;
left: -1000px;
border: 4px solid #AE023C;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -70px;
left: 30px; /*position where enlarged image should offset horizontally */

}	

/* table */

table.sample {
	border-width: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: #AE023C;
	background-color: #F5CFF6;
	
}
table.sample th {
	border-width: 0px 0px 0px 0px;
	
	border-style: solid solid solid solid;
	border-color: #FA76A2;
	background-color: white;
	
}
table.sample td {
	border-style: none none none none;
	border-color: white;
	background-color: #F5CFF6;
	
}
table.img {
	border-width: 4px 4px 4px 4px;
	
	border-style: solid solid solid solid;
	border-color: #ae023c;
	
	background-color: white;

}
table.img td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.img th {
	border-width: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #FA76A2;
	background-color: white;
	
}
table.pub {
	border-width: 4px 4px 4px 4px;
	
	border-style: solid solid solid solid;
	border-color: #ae023c;
	
	background-color: #F5CFF6;
	
}
table.pub td {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}
table.pub th {
	border-width: 4px 4px 4px 4px;
	padding: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #FA76A2;
	background-color: white;
	

}
p#green {
 	font-size: 16px; 
	font-family: "Comic Sans MS", cursive;
	color:#57B102;
}

p#purple{
 	font-size: 16px; 
	font-family: "Comic Sans MS", cursive;
	color: #7C0281;
}
p#yellow{
 	font-size: 16px; 
	font-family: "Comic Sans MS", cursive;
	color: #ffba00;
}

</style>