/* The styles for the body element sets all margins and padding to 0 to overide any defaults. It also make all text black and background white. Font-family and size are not set, so will show the default.   */

body {
		margin:0;
		padding:0;
		color:#000;
		font-family: Georgia, "Times New Roman", serif; 
		background:#0c0608 url(backgroundtexture.jpg) fixed;
	}
	
.hiddenPic {display:none;}

	
#wrapper {
		width:500px;
		/*height: 610px;*/
		margin:25px auto;
		background:#f9f7ef;
		border: 5px solid #060200;
		padding: 10px;
	}
	

#header {
        margin: 0px auto;
    	padding: 5px;
    	text-align: center;
	}
	
	
#header_text {
    width: 480px;
	margin: 5px auto 0 auto;
	text-align: center;
	color: #325A66;
    font-size: 20px;
    font-style: normal;
	}
	

	
#sign    {
		margin: 0px auto;
		
	}

a img   {
        border: 0;
        
    }
    

		
	
    
/* The styles for the Nav id center and give some padding for the text.    */
    

#nav {
		font-family: Helvetica, Arial, sans-serif; 
		font-size: 15px;
		font-weight: bolder;
		color: #000;
		padding-left: 0px;
		margin: 1px auto;
		clear: both;
		border: 0px solid red;
	}
	




#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}



#nav li {
		display:block;
		float:left;
		margin-right:28px;
	}
	
#nav li:first-child {
		margin-left:32px;
	}
	


#main {
		margin: 0px auto 5px auto;
		width:480px;
		height: 437px
		padding:5px;
		
	}
	

#footer {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 12px;
		color: #325A66;
		clear:both;
		padding: 2px;
		text-align: center;
		margin-bottom: 10px;
		
		
	}
	
.photos   {
        /*float:left;*/
        margin: 5px auto;
		width:452px;
		padding:10px;
	  
	 }
	 


	 
.text     {
        /*float:left;*/
        text-align: justify;
        font-family: Georgia, "Times New Roman", serif;
		font-size: 13px;
		line-height: 1.5em;
		color: #000px;
		width: 430px;
		padding: 0px;
		margin: 10px auto 50px auto;
		
}


h2     {
        color: #325A66;
        font-family: Georgia, serif;
        font-size: 24px;
        font-style: none;
        text-align: left;
        text-transform: none;
        font-weight: lighter;
        font-style: oblique;
        padding-bottom:15px;
        margin-top: 5px;
        border-bottom: 1px solid black;
}


h3     {
        color: #FFCC11; 
        font-family: Chalkboard, san-serif;
        font-size: 24px;
        font-style: none;
        text-align: center;
        text-transform: none;
        font-weight: lighter;
        font-style: normal;
        padding-bottom:0px;
        margin-top: 15px;
        
}

h3 small  {
		font-size: .75em;
		width:50%;
		padding-top: 5px;
		font-style: oblique;
}


ul#menu {
text-align: center;
width: 280px;
margin: 0 auto;
border: 5px solid #000;
font-family: Chalkboard, serif;
font-size: 16px;
font-style: oblique;
color: #fff;
background-image: url(blackboard.png);
background-color: #000;
padding: 20px;
line-height: 1.1;
margin-bottom: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


ul li#red  {
color: #F2AB5D;
}

ul li#green  {
color: #ABC7B8;
}

ul li#blue  {
color: #74A0A9;
}

ul li#avocado  {
color: #A2C257;
}

ul li  {
list-style-type:none;
margin: 15px 0px;
}


a:link, a:visited {
        color: #A32B26;
        text-decoration: underline;    
    }
    
a:hover, a:focus {
        color: #590D0B;
        text-decoration: underline;
    }
    
    
#nav a:link, #nav a:visited {
        color: #aa1940;
        letter-spacing: .05em;
        text-shadow: 1px 1px 1px #000000;
        text-decoration: none; 
    }
    
#nav a:hover, #nav a:focus {
        color: #FBBB53;
        text-decoration: none;
    }
    
.clear  {
	clear: both;
	}
	
#map {
	border: 1px solid black;
	margin: 5px auto;
	width:442px;
	}
	
#map img  {
	width: 100%;
	}