html, body {
	margin : 0;
	padding : 0;
}
body {
	font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	background: #EEEEEE url(images/bg.jpg) repeat-y center top;
}
/*WRAP*/
#container {
	width : 750px;
	margin : 0 auto;
	border : 10px solid #fff;
	line-height : 2em;
	color : #666;
}
/*TOP BANNER*/
#top {
	padding : 0;
	height : 150px;
	background : #8fb8cc url(images/head-rev.jpg) no-repeat;
	color : #484500;
}
#top h1 {
	padding : 5px 0 0 25px;
	margin : 0;
	font-size : 140%;
	letter-spacing : 5px;
}
/*TOP NAVIGATION*/
#navcontainer {
	border-bottom : 10px solid #fff;
	background-color: #073250;
	border-top : 10px solid #fff;
	color : #fff;
}
#navcontainer ul {
	text-align : right;
	padding-bottom : 5px;
	padding-top : 5px;
	padding-left : 0;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : 0;
	background: #07324F;
	color : white;
	width: 97%;
	font-family : Arial, Helvetica, sans-serif;
	line-height : 18px;
}
#navcontainer ul li {
	display : inline;
	padding-left : 0;
	padding-right : 0;
	padding-bottom : 5px;
	padding-top : 5px;
}
#navcontainer ul li a {
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	padding-top : 5px;
	color : white;
	text-decoration : none;
	border-right : 1px solid #fff;
}
#navcontainer ul li a:hover {
	background: #A10A0F;
	color : white;
}
#navcontainer #active {
	border-left : 1px solid #fff;
}
/*MAIN CONTENT*/
#content {
	border-left : 0px solid #fff;
	padding : 1em;
}
#content p {
	padding : 0 2em 0 2em;
	background-color: #F2F2F2;
	background: url('images/background4.jpg') repeat;
}
/*FOOTER*/
#footer {
	clear : both;
	margin : 0;
	padding : 0;
	font-size : 0.9em;
	border-top : 10px solid #fff;
	color : #fff;
	background : #8fb8cc;
	background-color: #07324F;
}
* > html #footer img {
	margin : 0;
}
#footer p {
	padding : 0 0 0 5px;
	background-color: #07324F;
}
/*TYPOGRAPHY*/
h2 {
	margin : 1em 0 0.5em 0;
	font-size : 130%;
	letter-spacing : 5px;
}
blockquote {
	padding : 5px;
	font-weight : bold;
	font-style : italic;
	color : #b29b35;
}
.quote {
	border-top : 1px solid #8fb8cc;
	padding : 10px;
	color : #036;
}
h3 {
	margin : 1em 0 0.5em 0;
	font-size : 80%;
	letter-spacing: normal;
	background-color: #C0C0C0;
	color: #FFFFFF;
}
/*LINKS*/
a:link, a:visited {
	color : #2480ad;
	background : transparent;
	text-decoration : none;
}
a:hover {
	color : #036;
	background : #C0C0C0;
	text-decoration : none;
}
a img {
	border : none;
}
/*IMAGES*/
.imgleft {
	float : left;
	padding : 2px;
	margin-right : 8px;
}
.polaroid-images a {
	background: white;
	display: inline;
	float: left;
	margin: 0 5px 15px;
	padding: 25px 45px 60px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.5);
	box-shadow: 0 4px 6px rgba(0,0,0,.5);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index: 0;
    position:relative;
}
.polaroid-images a:after {
	color: #333;
	font-size: 18px;
	content: attr(title);
	position: relative;
	top: 15px;
}
.polaroid-images img {
	display: block;
	width: inherit;
}
.polaroid-images a:nth-child(1n)
{
    -webkit-transform: rotate(-19deg);  
    -moz-transform: rotate(-19deg); 
    transform: rotate(-19deg); 
}
.polaroid-images a:nth-child(2n)
{
    -webkit-transform: rotate(16deg);  
    -moz-transform: rotate(16deg); 
    transform: rotate(16deg); 
}
.polaroid-images a:nth-child(3n) { 
    -webkit-transform: rotate(-24deg);  
    -moz-transform: rotate(-24deg); 
    transform: rotate(-24deg); 
}
.polaroid-images a:nth-child(4n)
{
    -webkit-transform: rotate(15deg);  
    -moz-transform: rotate(15deg); 
    transform: rotate(15deg); 
}
.polaroid-images a:nth-child(5n)
{
    -webkit-transform: rotate(-18deg);  
    -moz-transform: rotate(-18deg); 
    transform: rotate(-18deg); 
}
/* .polaroid-images a:nth-child(6n)
{
    -webkit-transform: rotate(26deg);  
    -moz-transform: rotate(26deg); 
    transform: rotate(26deg); 
}
 */
.polaroid-images a:hover {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
        

 .postit {
  margin:20px;
  width:170px;
  height:150px;
  padding:25px 15px;
  background:#fefabc;
}
      
 .postit h1 {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 1.5em;
  text-align:center;
  margin: 0;
  line-height:1em;
  font-weight:bold;
}

.postit p {
  font-family: 'Caveat', cursive;
  font-size:1.6em;
  margin: 12px 0;
  line-height: 1em;
  text-align: center;
}
}