html, body{ margin:0; padding:0; text-align:center;  font-family: arial; min-height:100%; height: 100%} 


#wrapper{ width:100%;  font-family: arial; min-height:100%;height: 100%}
#header{margin-top:20px; background-image:url(upload/image/Logo.png); margin-left:105px; position:relative; height:130px; width:560px; text-align:center;}
#topnav{ margin-left:105px; position:relative; height:50px; width:560px; text-align:center;}
#leftcol{ width:20%; margin-right: 20px; float:left;  position:relative; background-color:#FFDB70; min-height:100%; height: 100%}
#maincol{ margin-top:10px; margin-left:105px; float: left; display:inline; position: relative; width:560px; height: 405px;  font-family: arial;}
h1 { color: #c40714}
h2 { color: #c40714}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-block;}
.pagewidth { width:775px; text-align:left; margin-left:auto; margin-right:auto; min-height:680px; height: 680px;
}
.spacer {
border: 0.6em;
border-left: 0;
border-right: 0;
clear: both;
display: block;
height: 1px;
overflow: hidden; /* Prevents IE-Win from expanding to fit the text size. */
}

a:link {
color:#396;
text-decoration:none;
}

a:visited {
text-decoration:none;
color:#396;
}

a:hover {
text-decoration:none;
color:#c40714;
}

a:active {
text-decoration:none;
}

h1 {
margin: 0;
padding: 0;
}
.thumbnail{
        padding:5px; 
		margin:5px; 
		/* border-width:1px;
		border-style:solid;
		border-color: #A6A6A6;*/
		vertical-align: top; 
		float: left;
		font-size:12px; 
		background-color:#fff;  
		text-align:center;
}

.gallery {
	text-align:center; margin:auto;
}
a:link  img.thumbnails {border: none}
a:visited  img.thumbnails {border: none}
a:active   img.thumbnails {border: none}
a:hover    img.thumbnails {border: none}