body {
	 margin: auto;
	 width: 100%;
	 height: 100%;
	 background: url('bg.jpg') #66ccff repeat-x;
	 font-family:'Century Gothic, Arial';
	 font-size: 12pt;
	 color:#663300;
	 }

    
p {font-size:11pt; color:#663300; }
     
a:link {
  	   color: #0066cc;
	   text-decoration: none;
  		padding: 10px; 	
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	   }

a:visited {
		  color: #0066cc;
	   	  text-decoration: none;
		  }
		  
a:hover {		}
		
 
h1	 {
	 font-family:'Century Gothic';
	 font-size: 30px;
	 font-variant: small-caps;
	 color: #000;
	 padding: 10px;
	 letter-spacing: 1px;
	 }

h2	 {
	 font-family:'Century Gothic';
	 font-size: 18px;
	 color: #999;
	 letter-spacing: 1px;
	 }

#header {
	 display:block;
	 margin: auto;
	 width: 100%;
	 height: 144px;
	 background: url('images/header.jpg') no-repeat;
	 }
     
#info {
	 display:block;
     position: relative;
	 float: left;	 
	 margin: 0px; 
	 width: 250px;
	 height: 113px;	 
	 padding: 10px 0px 0px 18px; 
	 background: url('images/info2.png') no-repeat;
     font-size:9pt;
	 }
     

#menu_left {
		  width: 225px;
          position: relative;
		  float:left;
		  margin-left: 15px;
		  margin-top: 25px;
		  }
		  
#menu_left ul {list-style:none;}
#menu_left li {padding-top:5px;}	  
#menu_left a {
          text-decoration:none;
		  font:12pt Century Gothic;
		  }	

#menu_left a:hover {color:#66CC00;}

#content {
	display:block;
    margin-left: 300px;
	margin-top: 25px;
	margin-bottom: 25px;
    width:712px;
	height:409px;
	background:url('images/paper.png') no-repeat; 
	}
    	
#menu {
	   position: relative;
	   width: 712px;
	   height: 30px;
	   padding-top: 10px;
	   margin-left: 25px;
	   }
		  
#menu ul {list-style:none; list-style-position:inside;}
#menu li {float:left; padding-left:30px;}	
  
#menu a {
		font:12pt Century Gothic; 
		padding: 5px 8px 5px 8px; 	
		color:#663300;
		}	

#menu a:hover{
		/*background: #FFFFCC;*/
		background: #66CC00;
		color: #FFFFFF;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		}

/*#menu#home a#home, #menu#about a#about, #menu#downloads a#downloads, #menu#contact a#contact, #menu#links a#links{
		/*background: #FFFFCC;*/*/

#menu li:current a{
		background: #66CC00;
		color: #FFFFFF;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		}


#content2 {
		  display:block;
		  position: relative;
		  float:left;
		  margin: 20px 35px 0px 35px;
          color: #663300;
          font-size:11pt;
		  }


#footer {
		display:block;
        padding: 10px;
        position: relative;
	    text-align:center;
        color: #663300;
        font-size:10pt;
		}
          
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #ffffff;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
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*/
visibility: visible;
top: -150px;
left: 310px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/* INPUT */
input, textarea { border: 1px dotted #996600; 
}