@charset "utf-8";


body {


	font-family: Comic Sans MS;


	background-color: #FFCF31;


}


.motto {


	font-size: large;


	margin-top: 5px;


	font-weight: bold;


	color: #FC3;


	margin-bottom: 10px;


	padding-right: 20px;


	padding-left: 20px;


}


.contact a {


	color: #000;


}





.nav a {


	color: #7C7CD3;


	text-decoration: none;


	background-color: #DBDBF2;


	display: block;


	border-top-width: thin;


	border-right-width: thin;


	border-bottom-width: thin;


	border-left-width: thin;


	border-bottom-style: solid;


	border-top-color: #7C7CD3;


	border-right-color: #7C7CD3;


	border-bottom-color: #7C7CD3;


	border-left-color: #7C7CD3;


	padding: 2px;


	font-weight: bold;


}





h1 {


	font-size: xx-large;


	margin-bottom: 0px;


	color: #FC3;


	margin-top: 0px;


	padding-right: 10px;


	padding-left: 10px;


	white-space: nowrap;


}


h1 img {


	vertical-align: -25%;


}





h2 {


	font-size: x-large;


	color: #6666CC;


	padding-top: 10px;


}


h3 {


	font-size: large;


	font-weight: normal;


	color: #66C;


}





.small {


	font-size: small;


}








.red {


	color: #FF0000;


}


.maintext {


	background-color: #CEE3F6;


	padding-right: 20px;


	padding-left: 20px;


}


.contact {


	font-size: small;


	margin-top: 0px;


	margin-bottom: 0px;


}


.heading {


	background-color: #FF3;


	padding-top: 5px;


	padding-right: 10px;


	padding-bottom: 5px;


	padding-left: 10px;


}


.banner {


	border: medium solid #FC3;


}





.photo ul


{


	display:inline-block;


	position:relative;


	left:0;


	top:10px;


	list-style:none;


	width:80%;


	height: auto;


	text-align: center;


}





.photo ul li


{


	display:inline;


	width:112px;


	float:left;


	margin:1px;


	height: 112px;


	text-align: center;


}


.photo ul li


a


{


	display:block;


	width:114px;


	cursor:default;


	text-decoration:none;


	float: left;


	height: 114px;


	text-align: center;


}


.photo ul li a img.landscape {


	width:100px;


	border:1px solid #7C7CD3;


	height: auto;


	text-align: center;


	margin-top: 15px;


	margin-left: 2px;


	padding: 2px;


}





.photo ul li a img.portrait


{


	width:auto;


	border:1px solid #7C7CD3;


	height: 100px;


	text-align: center;


	margin-left: 15px;


	margin-top: 2px;


	padding: 2px;


}





.photo ul li a:hover 


{white-space:normal; position:relative;}


.photo ul li a:hover img.portrait 


{


	position:absolute;


	left:-50px;


	top:-32px;


	width:auto;


	height:300px;


	border: thin solid #7C7CD3;


	padding: 2px;


	background-color: #CEE3F6;


}


.photo ul li a:hover img.landscape {


	position:absolute;


	left:-50px;


	top:-32px;


	width:300px;


	height:auto;


	border: thin solid #7C7CD3;


	padding: 2px;


	background-color: #CEE3F6;


}


.photo_lg ul


{


	display:inline-block;


	position:relative;


	left:0;


	top:10px;


	list-style:none;


	width:90%;


	height: auto;


	text-align: center;


}





.photo_lg ul li


{


	display:inline;


	width:162px;


	float:left;


	margin:1px;


	height: 162px;


	text-align: center;


}


.photo_lg ul li


a


{


	display:block;


	width:164px;


	cursor:default;


	text-decoration:none;


	float: left;


	height: 164px;


	text-align: center;


}


.photo_lg ul li a img.landscape {


	width:150px;


	border:1px solid #7C7CD3;


	height: auto;


	text-align: center;


	margin-top: 15px;


	margin-left: 2px;


	padding: 2px;


}





.photo_lg ul li a img.portrait


{


	width:auto;


	border:1px solid #7C7CD3;


	height: 150px;


	text-align: center;


	margin-left: 15px;


	margin-top: 2px;


	padding: 2px;


}





.photo_lg ul li a:hover 


{white-space:normal; position:relative;}


.photo_lg ul li a:hover img.portrait 


{


	position:absolute;


	left:-50px;


	top:-32px;


	width:auto;


	height:400px;


	border: thin solid #7C7CD3;


	padding: 2px;


	background-color: #CEE3F6;


}


.photo_lg ul li a:hover img.landscape {


	position:absolute;


	left:-50px;


	top:-32px;


	width:400px;


	height:auto;


	border: thin solid #7C7CD3;


	padding: 2px;


	background-color: #CEE3F6;


}