/*css style Sheet green for Rainbow Pennies*/

body {
font-family: "Lucida Calligraphy", Lucida, "Times New Roman", serif; 
color: #f8fc1d;
background:  #34410b; 

}

#header h1{
font-size: large;
font-family: "Lucida Calligraphy", Lucida, "Times New Roman", serif;
font-weight: bold;
text-align: center;
}

#header h2{
font-size: medium;
}

#content {
position: absolute;
top: 15px;
left: 200px;
height: 800px;
width: 600px;
background:url(image/RainbowGrn2.jpg) top center;
background-repeat: no-repeat;

}

#content h1{
font-size: x-large;
font-family: "Lucida Calligraphy", Lucida, "Times New Roman", serif;
font-weight: bold;
text-align: right;
color: #0d1274;
padding: 5px;

}


#content h2 {

}

#contactContent{
height: 800px;
width: 600px;
margin:0 auto;
background:url(image/grnGradLarge2.png) repeat-x;
text-align: center;
}

#contactContent h1{
font-size: large;
font-family: "Lucida Calligraphy", Lucida, "Times New Roman", serif;
font-weight: bold;
color: #0d1274;
padding: 5px;
	}
	
#contactContent h2, p{
font-family: "Lucida Calligraphy", Lucida, "Times New Roman", serif;
font-weight: bold;
color: #000000;
padding: 5px;
	}

#mailbox {
  padding: 5px;
  color: #000000;
  height: 300px;
  width: 350px;
	}		


#mailbox textarea{
height: 200px;
width: 350px;
color: #000000;
	}
	
#mottoBox {
position: absolute;
top: 525px;
left: 200px;
right: 300px;
}

#mottoBox p {
font-size: small;
color: #f8fc1d;
padding: 5px;
font-weight: bold;
}

#frontNavBox{
position: absolute;
top: 175px;
left: 660px;
}

#frontNavBox p {
color: #dedde2;
text-align: left;
}

.frontNav {
	width: 130px;
	list-style: none;
	background: url(image/bluGrad4.png);
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
	color:#dedde2;	
	font-weight: bold;
	text-decoration: none;
}
#frontNavBox a{
text-decoration:none;
color: #2468c6
}

.frontNav:hover {
	background: url(image/bluGrad3.png);
	display: block;
	border-left: 2px solid #2468c6;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	
}
#frontNavBox ul { margin: 0; padding: 0; }

#columnLeft{
font-size: small;
height: 600px;
width: 195px;
float: left;
}

#columnLeft p {
color: #f8fc1d;
padding: 3px;
}

#columnRight{
font-size: small;
height: 600px;
width: 200px;
position: absolute;
top: 90px;
right: 10px;
}

#columnRight p, li, a{
color: #f8fc1d;
}


#lowerContent{
position: absolute;
top: 575px;
left: 200px;
width: 600px;
padding: 5px;
color: #f8fc1d;
}
#lowerContent p{
color: #f8fc1d;
font-size: small;
}

#lowerContent a:link, a:active, a:visited {
text-decoration: underline;
color: #f8fc1d;

}