@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #a69987 url(skin_images/public-bg.png) repeat-y center;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
.public #container {
	width: 977px;  
	background: url(skin_images/maincontent-bg.png) repeat-y right;
	border-left: #a69987 1px solid;
	border-right: #a69987 1px solid;
	margin: 0 auto;
	text-align: left; 
}
.public #header {

}
.public #header #login { 
	background:url(skin_images/header-bg.png) repeat-x top; 
	padding: 0 7px;
	font-size:10px;
	line-height:20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height:21px;
	color:#333;
	border-left: #373231 1px solid;
	border-right: #373231 1px solid;
	margin:0;
}

.public #header #headerimage { 
	border-left: #373231 1px solid;
	border-right: #373231 1px solid;
	border-top: #a69987 1px solid;
	border-bottom: #a69987 1px solid;
}

.public #header #banner { 
	background:url(skin_images/public-banner-bg.png) repeat-x; 
	margin:0 auto;
	text-align:center;
	padding: 0 7px;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height:83px;
	color:#333;
	border-left: #373231 1px solid;
	border-right: #373231 1px solid;
}

.public #header #banner img{ 
	margin:10px auto;
	border: solid 1px #000;
}

.public #mainContent {
	background: url(skin_images/maincontent-bg.png) repeat-y;
	width:975px;
	border-left: #373231 1px solid;
	border-right: #373231 1px solid;
	margin:0;
	padding:0; 
}

.public #mainContent #mainleft{
	background: url(skin_images/maincontent-left-bg.png) repeat-y;
	width:744px;
	float:left;
	margin:0;
	display:block;
}

.public #mainContent #mainleft #text{
	margin:20px 20px 50px 20px;
}

h3 {

margin: 20px 0 0 13px;
}

p {

margin: 0 25px 10px 13px;
}

form {

margin: 0 25px 10px 13px;
}

.public #mainContent #mainright{

	width:231px;
	float:left;
	margin:0;
	display:block;
}

.public #mainContent #mainright a img{

	margin:2px 0px 2px 2px;
	border:0;
}

a {color: #373331; text-decoration: none; }
a:hover {color: #53250e; text-decoration: underline;}


.public #footer {
	clear:both;
	padding: 10px 7px 0 7px;
	font-size:10px;
	line-height:10px;
	text-align:center;
	height: 50px;
	color:#7e766a;
	background: url(skin_images/footer-bg.png) repeat-x #47494a;
	border-left: #373231 1px solid;
	border-right: #373231 1px solid; 
	border-bottom:none;
}
.public #footer p {
	margin: 0; 
	padding: 10px 0; 
	border: none;
}

.hdr {
	margin: 12px;
}

.btn {
	margin: 2px;
}

.loginform fieldset{
	margin: 5px 0 0 0;
	border: none;
	height: 18px;
}

.loginform img{
	margin: 0 3px;
	border: none;
}

input {
	font-size:11px; 
	height:13px;
	padding:0; 
	margin:-1px 0 5px 0;
	color: #42322a;
	background: #a69987; 
	border: solid 1px #4c443f;
}

textarea {
	font-size:11px; 
	padding:0; 
	margin:-1px 0 5px 0;
	color: #42322a;
	background: #a69987; 
	border: solid 1px #4c443f;
}

<!-- Calendar //-->

#calendar {
	width: 728px;
	float: none;
	clear: both;
	border: none;
	height:auto;
}

#calendar .day {

	width: 100px;
	margin:0 0 0 2px;
	height: 690px;
	border: 1px solid #666;
	float:left;
	text-align: right;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
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;
left: -100px;
top: -300px;
}

.thumbs{
	border: 2px solid #373231;

}

.public #mainContent #mainleft img{

	margin:2px 0px 2px 2px;
	border: solid 1px #373231;
	padding:1px;
}
.public #mainContent #mainleft a img{

	margin:2px 0px 2px 2px;
	border: solid 1px #373231;
	padding:1px;
}
.sample {
	width: 200px;  
	margin: 0 auto;
	text-align: center; 
}
.flashcontent {
	margin:2px 0px 2px 2px;
	border: solid 1px #373231;
	padding:1px;
}
.galleryCell1
{
 /* These attributes apply to every odd-numbered cell, or the first of the alternating
    table row colors. Do not rename the ".galleryCell1" or it won't work. */
 vertical-align: center;
 text-align:     center;
}

.galleryCell2
{
 /* These attributes apply to every even-numbered cell, or the second of the alternating
    table row colors. Do not rename the ".galleryCell2" or it won't work. */
 vertical-align: center;
 text-align:     center;
}