body{
margin:			20px auto;
background-color: 	#fff;
text-align: 		center;
background-image: 	url(images/pinkwhitestars.jpg);
background-repeat: 	repeat;
background-position: 	top center;
}


#photoshow{
display: 			none;
}

#noShow{
display: 			block;
}


div.page{
width: 			735px;
background-color: 	#fff;
border-width: 		2px;
border-style: 		solid;
border-color: 		#9daaba;
padding: 			0px;
margin: 			0px auto;
}

div.head{
width: 			735px;
margin: 			0px;
padding: 			0px;
background-color: 	#903;
height: 			105px;
background-image: 	url(images/redlogo.jpg);
background-repeat: 	no-repeat;
background-position: 	top center;
border-color:		#9daaba;
border-style:		solid;
border-width:		0px 0px 0px 0px;	
}

div.newMessage{
width:			288px;
height:			192px;
font: 			bold 10pt 'comic sans ms';
color: 			#c60;
border:			0pt solid #6cf;
text-align: 		center;
margin: 			10px 10px;
float:			right;
background-image: 	url(images/snowscape.jpg);
background-repeat: 	no-repeat;
background-position: 	top center;
}

#newMessage{
font: 			bold 12pt 'comic sans ms';
color: 			#900;
margin: 			0px; 
padding: 			5px 10px;
text-align: 		center;
background-image: 	url(images/snowscape.jpg);
background-repeat: 	no-repeat;
background-position: 	top center;
}

div.middle{
width: 			735px;
border-style: 		solid;
border-width: 		0px 0px 0px 0px;
border-color: 	      #fff;
margin: 			0px;
padding: 			0px;
background-color: 	#ffdcdc;
}

div.navhz{
width: 			735px; 
text-align: 		center;
background-color: 	#9daaba; 
margin: 			0px 0px;
padding: 			0px;
border-color: 		#9daaba; 
border-style: 		solid; 
border-width: 		1px 0px 0px 0px;
clear: both;
}

.navhz div{
text-align: 		center;
display:			block;
float: 			left;
width: 			105px;
}

div.menu{
width: 			105px;
visibility: 		hidden;
position: 			absolute;
background-color: 	transparent;
border-color: 		#c69; 
border-style: 		outset; 
border-width: 		0px;
}

div.navvt{
width: 			367px;
padding: 		0px; 
margin:			0px 0px; 
text-align: 		left;  
background-color: 	#f8f8f8;
float: 			left;
border-color: 		#c69; 
border-style: 		solid; 
border-width: 		0px;
display:		block;
font: 			9pt arial,  helvetica, serif;
color: 			#000; 
letter-spacing: 	1px;  
line-height: 		1.2em; 
text-indent: 		0em; 
} 

.navvt img{
width:			200px;
margin:			0px 5px 0px 0px ;
border:			1px solid #ccc;
float:			left;
}
	

.navvt div{
margin:			0px 0px;
padding:		               10px;
float: 			left;
background-color:	#f8f8f8;

}	
div.content{
width: 			735px;
border-style: 		solid;
border-width: 		1px 0px 1px 0px;
border-color: 		#9daaba;
margin: 			0px 0px;
padding: 			0px;
background-color:		#fff;
float:			left;
display: 			block;
}

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

a:visited{
color: 			#006;
text-decoration: 		none;
font-weight: 		bold
}

a:hover{
color: 			#fff;
background-color: 	#903;
text-decoration: 		underline;
}


.b a:link{			
color:			#000;
text-decoration: 		none;
font-weight:		normal; 
}

.b a:visited{
color: 			#000;
text-decoration: 		none;
font-weight:		normal; 
}

.b a:hover{
color: 			#009;
background-color: 	#fff;
text-decoration: 		none;

}



#current{
color: 			#c36;
}

.navhz a:link, .navhz a:visited{
width: 			105px;
font: 			bold 10pt 'comic sans ms', arial, tahoma, helvetica, serif;
color: 			#903; 
padding: 			5px 0px;
text-align: 		center;
text-decoration: 		none; 
margin: 			0px 0px;
float: 			left;
border-color: 		#c69; 
border-style: 		outset; 
border-width: 		0px 0px;
background-color: 	#ffdcdc;
}


.navvt a:link, .navvt a:visited{
font: 			bold 10pt 'comic sans ms', arial, tahoma, helvetica, serif;
color: 			#777; 
padding: 			2px 0px;
text-align: 		left;
text-decoration: 		none; 
margin: 			5px 10px;
display:                block;
border-color: 		#c69; 
border-style: 		outset; 
border-width: 		0px 0px;
background-color: 	#f8f8f8;

}

.navhz a:visited, .navvt a:visited{
text-decoration: 		none; 
}

.navhz a:hover, #current:hover, .navvt a:hover{
background-color: 	#fff; 
color: 			#903; 
font-weight:		bold;
text-decoration: 		underline;
}

p.c{
margin: 			10px 25px;
font: 			10pt arial,  helvetica, serif;
text-align: 		left; 
color: 			#000; 
letter-spacing: 		1px;  
line-height: 		1.5em; 
text-indent: 		0em; 
background-color: 	transparent;
}

p.b{ 
width:			735px;
font: 			10pt arial, tahoma, helvetica, serif;
text-align: 		center;
color: 			#000;
margin: 			0px 0px;
padding: 			0px 0px;
line-height:		2.5em;	
background-color: 	#ffdcdc;
clear: both;
}


img.right{
width:			324px;
border:			2px solid #9daaba;
float:			right;
margin:			10px;
}

img.left{
width:			324px;
border:			2px solid #9daaba;
float:			left;
margin:			10px;
}


h1{
color: 			#fff; 
margin: 			20px 0px 0px 0px; 
font: 			bold 36pt 'lucida handwriting', 'comic sans ms',  arial, tahoma, helvetica,serif;  
text-align: 		center; 
background-color: 	transparent;
}

h2{
color: 			#903; 
margin: 			10px; 
font:  			bold 16pt 'comic sans ms', arial, tahoma,helvetica,serif;
text-align: 		center; 
background-color: 	transparent; 
}

h3{
width:			735px;
font: 			bold 12pt 'lucida handwriting', arial, tahoma, helvetica,  serif;
color: 			#8595a9; 
text-align: 		center; 
margin: 			0px;
padding:			5px 0px;
background-color: 	#ffdcdc;
border-style:		solid;
border-color:		#8595a9;
border-width:		1px 0px;
}

h4{
font: 			bold 12pt 'comic sans ms',  arial, tahoma, helvetica,  serif;
color: 			#903;  
text-align: 		left; 
margin: 			10px;
background-color: 	transparent; 
} 

li{
margin: 		10px 25px;
font: 			bold 10pt arial, tahoma, helvetica, serif;
text-align: 		left;
color: 			#006;
letter-spacing: 	1px;
line-height: 		1.5em; 
}

ul{
margin: 		20px 20px;  
padding: 		0px; 
list-style-type:	square;
}


.list li{
margin: 		10px 25px;
font: 			10pt arial, tahoma, helvetica, serif;
text-align: 		left;
color: 			#000;
letter-spacing: 	1px;
line-height: 		1.5em; 
}

ul.list{
margin: 		20px 20px;  
padding: 		0px; 
list-style-type:	square;
}


table.form{
width: 			600px;
background-color: 	#fff;
font: 			bold 10pt arial, tahoma, helvetica, serif;
margin:			25px 48px;
padding: 		10px;
border-color: 		#ececec; 
border-style: 		outset; 
border-width: 		0px;
}

td.n{
padding: 		0px 0px 0px 10px; 
height: 		60px; 
width: 			290px; 
background-color: 	transparent;
text-align: 		left;
border-bottom: 		#ececec 0px solid;
vertical-align:		top;
}

td.f{
padding: 		0px 20px 0px 0px; 
height: 		60px;  
width: 			310px; 
background-color: 	transparent;
text-align: 		left;
vertical-align:		top;
}

td.l{
width:			600px;
height:			60px;
background-color: 	#fff;
color: 			#fff;
text-align: 		center;
padding: 		0px;
margin: 		20px;
}

input{
background-color: 	#f8f8f8; 
border: 		#ececec 1px inset; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#609;
padding: 		0px;
width: 			250px;
}

select{
background-color: 	#f8f8f8; 
border: 		#ececec 1px inset; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#609;
width: 			250px;
padding: 		0px;
}

textarea{
margin-bottom: 		20px; 
background-color: 	#f8f8f8; 
border: 		#ececec 1px inset; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#609;
padding: 		0px;
width:			250px;
height:			150px;
}

input.p{
background-color: 	transparent; 
border: 		#cccccc 2px inset; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#609;
padding:		0px;
}

select.p{
background-color: 	#fff; 
border: 		#cccccc 2px inset; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#609;
padding:		0px;
}

textarea.p{
margin-bottom: 		10px; 
background-color: 	transparent; 
border:			#cccccc 2px inset; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#609;
padding:		0px;	
}

button{
width: 			150px; 
margin-bottom: 		5px; 
background-color: 	transparent; 
font: 			bold 10pt arial, tahoma, helvetica, serif; 
color: 			#903; 
border: 		#ececec 3pt outset;
}

span.s{
font: 			bold 8pt arial, tahoma, helvetica, serif; 
text-align: 		center; 
color: 			#609;
}

.s a:link, .s a:visited{
font: 			bold 8pt arial, tahoma, helvetica, serif; 
text-align: 		center; 
color: 			#609;
}

.s a:hover{
background-color:	#ececec;
color:			#609;
}

p.purp{
font: 			bold 8pt arial, tahoma, helvetica, serif; 
text-align: 		left; 
color: 			#609;
margin:			0px 15px;
}

span.t{
font: 			6pt arial, tahoma, helvetica, serif; 
text-align: 		left; 
color: 			black;
}

div.photos{
width: 			368px; 
background-color: 	#ffdcdc; 
margin: 		0px 0px; 
padding: 		0px;
float:			right;
border-width: 		0px;
border-style: 		solid;
border-color: 		#777;
}



p.photos{
font: 			bold 10pt arial; 
color: 			#903; 
text-align: 		center; 
margin: 		0px 0px 10px 0px; 
padding:		5px;
}

img.hz{
width: 			324px; 
margin: 		10px 0px 0px 0px; 
padding: 		0px;
border-width: 		0px;
border-style: 		solid;
border-color: 		#777;
}

img.vt{
width: 			243px; 
margin: 		10px 0px 0px 0px; 
padding: 		0px;
border-width: 		0px;
border-style: 		solid;
border-color: 		#777;
}





div.slides{
width: 			450px; 
border: 		0px #9daaba solid; 
background-color: 	#ececec; 
margin: 		10px 5px 10px 0px; 
padding: 		0px;
float:			right;
}

p.slides{
width:    		432px;
font: 			bold 10pt arial; 
color: 			#903; 
text-align: 		center; 
margin: 		0px 5px; 
padding:		5px;
border-style: 		solid;
border-color:		#fff;
border-width:		0px 0px 0px 0px;	
}

.slides img{
width: 			432px; 
border: 		#9daaba 1px inset; 
margin: 		10px 0px 0px 0px; 
padding: 		0px;
}

#captions{
width: 			432px; 
height:			24px;
font: 			bold italic 12pt arial; 
color: 			#903; 
text-align: 		center; 
margin: 		0px; 
border: 		#ececec 0px solid; 
background-color: 	#ffdcdc; 
padding: 		3px;
}

#playbutton{
width: 			120px; 
text-align: 		center; 
font: 			bold italic 8pt arial; 
color: 			#903; 
border: 		2px #fcc outset; 
background-color: 	#ececec; 
margin: 		5px; 
padding: 		3px;
}

