/* Clarinnis BandB Style Sheet B */

	body {
		background: #006622;
		text-align: center;
		}
	h1 {
		font: 1em verdana, arial, helvetica, sans-serif;
		font-weight: 900;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		color: white;
		background-color: #88cc99;
		}
	h2	{
		font: bold 1em verdana, arial, helvetica, sans-serif;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		color: white;
		background-color: #88cc99;
		}
	h3	{
		font: bold 1em verdana, arial, helvetica, sans-serif;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		color: #005511;
		background-color: #88cc99;
		}
	h4	{
		font: bold 1em verdana, arial, helvetica, sans-serif;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		color: #005511;
		background-color: #88cc99;
		}
	h5	{
		font: bold 1em verdana, arial, helvetica, sans-serif;
		margin: 0px 0px 5px 0px;
		padding: 0px;
		color: white;
		background-color: #88cc99;
		}
		
	.underline {text-decoration: underline;}
		
	p	{
		font: bold 0.8em verdana, arial, helvetica, sans-serif;
		margin: 0px 0px 16px 0px;
		padding: 0px;
		line-height: 1.3em;
		color: #005511;
		background-color: transparent;
		display: block;	
		}
		
	p.open   {
		line-height: 1.8em;
		}
		
	a	{
		font-size: 1.1em;
		margin: 0px 0px 16px 0px;
		padding: 0px;
		font-weight: 600;
		text-decoration: none;
		}
	a:link {color: #006622; background-color: #88cc99}
	a:visited {color: #006622; background-color: #88cc99}
	a:hover {color: white; background-color: #88cc99}
	
	#frame {
	/* main container for columns */
		background-color: #006622;
		width: 794px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		text-align: center;
		z-index: 0;
		}
		
	#colleft {
	/* left column container */
		width: 158px;
		background-color: #006622;
		padding: 2px;
		float: left;
		border: 1px #000000;
		margin: 1px 1px 1px 1px;
		text-align: left;
		}
		
	#colright {
	/* right column container */
		width: 622px;
		background-color: #006622;
		padding: 2px;
		float: left;
		border: 1px #000000;
		margin: 1px 1px 1px 1px;
		text-align: left;
		}
		
	#logo {
	/* element for page icon */
		width: 130px;
		padding: 10px;
		float: left;
		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}
		
	#menu {
	/* menu container */
		width: 130px;
		padding: 10px;
		float: left;
		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background: #88cc99;
		margin: 1px 1px 1px 1px;
		text-align: left;
		}
	
	#banner {
	/* element for banner */
		width: 594px;
		height: 100px;
		padding: 10px;
		float: left;
 		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}
		
	#upperpictures {
	/* element for upper pictures */
		width: 594px;
		height: auto;
		padding: 10px;
		float: left;
 		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}
		
	#lowerpictures {
	/* element for lower pictures */
		width: 594px;
		height: auto;
		padding: 10px;
		float: left;
 		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}
		
	#bigpicture {
	/* element for larger pictures */
		width: 594px;
		height: auto;
		padding: 10px;
		float: left;
 		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}
		
	#comments {
	/* element for holding text */
		width: 594px;
		height: auto;
		padding: 10px;
		float: left;
 		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}
		
			
	#guestbook {
	/* element for holding text */
		width: 594px;
		height: auto;
		padding: 10px;
		float: left;
 		border: 2px solid #ffffff;
		-moz-border-radius: 15px;
		background-color: #88cc99;
		margin: 1px 1px 10px 1px;
		text-align: left;
		}