html{}
body{
	width:100%;
	margin:0 auto;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:17px;
	line-height:15px;
	background:#CCC;
	}
#header{
	width:100%;
	height:75px;
	background-color:#CBA361;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;

	}
#header h1{
	font-family:sans-serif;
	font-weight:bold;
	color:#43139B;
	font-size:20px;
	}

#main{
	width:100%;
	height:600px;
	top:75px;
	left:200px;
	background-color:#99ACB9;
	position:fixed;
	padding-left:20px;
	}
#navigation{
	width:200px;
	height:590px;
	top:75px;
	left:0px;
	background-color:#AD999A;
	position:fixed;
	}
#navigation a {
	color:#E3DBDB;
	text-decoration: none;
	}
#navigation a:hover{
	color:#C0585A;
	}
#footer{
	width:100%;
	height:20px;
	position:fixed;
	top:590px;
	left:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:sefif;
	color:#5733D1;
	font-weight:bolder;
	text-align:center;
	background-color:#CBA361;
	}
#page{
	width:100%;
	height:600px;
	top:112px;
	left:208px;
	background-color:#99ACB9;
	position:fixed;
	padding-left:20px;	
	}
#page ul li{
	margin-top: 5px;
	}
#page h2{
	font-family:Helvetica;
	color:#CD7071;
	}
#page h3{
	font-family:Helvetica;
	color:#322C12;
	}
h2{
	font-family:Helvetica;
	color:#003;
	font-size:14px;
	}
h3{
	font-family:Helvetica;
	color:#322C12;
	}
a	{
	color:yellow;
	padding-bottom:3px;
	padding-top:3px;
	}
a:hover{color:#069;}
ul.menu{
	padding-top:14px;
	padding-bottom:4px;
	padding-left:34px;
	margin-top:14px;
	}
ul.pages{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:19px;
	margin-top:4px;
	margin-bottom:4px;
	}
.selected{
	font-size:19px;
	color:#931517;
}
div.message{
	color:#3D0AD0;
	padding:5px;
	margin:5px;
	font-size:24px;
}

.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}