/* pea patch gallery style sheet */

body {
  		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		background-color: #003300;
		margin: 0;
		padding: 0;
		color: #FFFF99;
		}

/* styles for main content of the page */

p, ul, ol  {
			 margin-top: 0;
			 margin-bottom: 15px;
			 margin-left: 0;
			 margin-right: 0;
			 font-size: 1em;
			 line-height: 1.1em;
			 text-decoration: none;
			 list-style-image: none;
			 }
li	{
		text-decoration: none;
		font-size: 1em;
		list-style-image: none;
		}
			 
pre {
		font-family: monospaced;
		}
		
h1	{
		margin-top: 0;
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
		font-size: 1.1em;
		font-weight: bold;
		font-style: oblique;
		}

h2 {	margin-top: 0;
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
		font-size: 1em;
		font-style: oblique;
		font-weight: bold;
		}
		
th	{
		color: #003300;
		background-color: #ffff99;
		font-weight: bold;
		font-size: 1.2em;
		border: 0;
		text-align: center;
		padding: 2px;
		}
		
td	{
		color: #ffff99;
		font-size: 1em;
		/*border: 0;*/
		padding: 5px 5px 5px 5px;
		text-align: center;
		}

a:link, a:visited	{
						text-decoration: none;
						font-size: 1em;
						color: #ffff99;
						}
a:hover	{
			color: #ffff99;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			}
						
.bottom	{
			border-bottom: 2px solid #ff9;
			padding-bottom: 3px;
			}
						
/*  Banner area on top of the page */	
#header { 
			margin-bottom: 25px;
			margin-top: 15px;
			margin-left: 20px;
			padding: 10px;
			text-align: left;
			height: 200px;
			}


#menu	{
			position: absolute;
			top: 200px;
			left: 0px;
			margin: 20px;
			width: 250px;
			font-size: 1em;
			font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			line-height: .5em;
			text-align: right;
			color: #ffff99;
			text-decoration: none;
			list-style-image: none;
			list-style-type:none;
			padding-right: 3px;
			
			}
#menu ul {
			list-style-image: none;
			list-style-type: none;
			}
			
#menu a:hover 	{
				font-size: 1.2em;
				font-weight: bold;
				text-decoration: none;
				color: #003300;
				background: #ffff99;
				display: block;
				list-style-image: none;
				list-style-type:none;
				}
				
#menu a.current	{
					font-size: 1.2em;
					font-weight: bold;
					text-decoration: none;
					list-style-image: none;
					list-style-type:none;
					}

#main-content	{
					position: absolute;
					left: 297px;
					width: 485px;
					top: 19px;
					margin-top: 25px;
					margin-right: 5px;
					
					margin-left: 30px;
					padding: 15px 15px 15px 15px;
					text-align: left;

					}
			
#box	{
			/*width: 95%;*/
			border: 2px solid #ffff99;
			padding: 5px;
			margin: 5px;
			background-color: #030;
			color: #ffff99;
			text-align: center;
			margin-bottom: 5px;
						}
			
#box h1	{
			font-size: 1.25em;
			font-weight: bold;
			text-align: center;
			}
#photobox	{
			float: right;
			width: 35%;
			/* border: 2px solid #ffff00; */
			padding: 2px;
			margin: 4px;
			background-color: #003300;
			text-align: center;
			margin-bottom: 5px;	
			}	
#photoboxleft	{
			float: left;
			width: 35%;
			/* border: 2px solid #ffff00; */
			padding: 2px;
			margin: 4px;
			background-color: #003300;
			text-align: center;
			margin-bottom: 5px;	
			}	
#rightbox	{
			float: right;
			width: 40%;
			/* border: 2px solid #ffff00; */
			padding: 2px;
			margin: 4px;
			background-color: #003300;
			text-align: center;
			margin-bottom: 5px;	
			}	
#sidebox	{
			float: left;
			width: 40%;
			border: 2px solid #ffff00;
			padding: 2px;
			margin: 4px;
			background-color: #ffff99;
			color: #003300;
			text-align: center;
			margin-bottom: 5px;
			}
			
#sidebox h1	{
			font-size: 1.25em;
			font-weight: bold;
			text-align: center;
			}
					
#footer	{	clear:both;
			border-top: 3px solid #ffff99;
			font-size: 10px;
			text-align: center;
			padding: 10px;
			width: 100%;
			}
			
#footer a:link, #footer a:visited {
			color: #ffff99;
			text-decoration: none;
			}

#footer a:hover {
			color: #ffff99;
			font-weight: bold;
			text-decoration: none;
			clear:both;
			}
#formbox	{
				width: 400px;
				padding-top: 10px;
				}