/* main CSS file for thefoodsherpa.com */
/* created August 2007 by Keith Steury */
/* last updated September 2007 */

body { /* attributes for the page body */
		background-color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		margin: 0 auto;
		}
		
.header { /* attributes for the header */
		width: 800px; 
		height: 70px; 
		/*background-image: url(http://www.thefoodsherpa.com/graphics/header_image.gif);
		background-repeat: no-repeat;*/
		margin: 0 auto;
		z-index: 1;
		}
		
.menu { /* attributes for the menu buttons */
		/*top: 50px;*/
		/*top: 71px;*/
		width: 800px;
		height: 21px;
		background-color: #CCCCCC;
		margin: 0 auto;
		z-index: 1;
		}
		
.content { /* attributes for the content area */
		top: 91px;
		width: 750px;
		height: auto; 
		background-color: #CCCCCC;
		/*background-image: url(http://www.thefoodsherpa.com/graphics/fs_watermark_3.gif);
		background-position: center;
		background-repeat: no-repeat;*/
		padding: 25px;
		margin: 0 auto;
		z-index: 2;
		}
		
DIV.figure { /* attributes for site image layout */
  		float: right;
  		min-width: 300px;
  		/*border: 2px #CC0000 solid;*/
		margin: 5px;
  		padding: 5px;
		}

DIV.figure P { /* caption attributes for site images */
  		text-align: center;
  		font-style: italic;
		font-size: 80%;
  		text-indent: 0;
		}

DIV.figure IMG { /* attributes for images */
		border: thin black solid;
		}
		 
		
.note { /* attributes for site footnotes */
		font-family: Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size: 85%;
		}

.error { /* attributes for PHP validation errors */
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #CC0000;
		font-size: 85%;
		}

P.center { /* center text on the page */
		text-align: center;
		}

DIV.footer { /* attributes for the footer */
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 70%;
		z-index: 5;
		}		

/* default link attributes */
a {
		color: #003366; 
		text-decoration: underline;
		}

a:link {
		color: #003366; 
		text-decoration: underline;
		}

a:visited {
		text-decoration: underline;
		}

a:hover	{
      	color: #CC0000; 
		text-decoration: none;
		}

a:active {
		color: #003366;
		text-decoration: underline;
		}

/* default heading attributes */

H1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 135%;
		}

H2 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 120%;
		font-style: italic;
		}

H2.center {

	text-align: center;
	}
	
H3 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		}

H3.center {
	text-align: center;
	}

/* other default HTML tag attributes */

HR {
		width: 100%;
   		background: #CC0000;
		}

TH { /* attributes for TH tag */
		border: 1px #666666 solid;
		background-color: #000000;
		color: #FFFFFF;
		width: 20%;
		}
		
TD { /* attributes for TD tag */
		text-align: center;
		border: 1px #CC0000 solid;
		width: 20%;
		}
		
CAPTION { /* attributes for CAPTION tag */
    	color: #000000;
		caption-side: top;
   		text-align: center;
    	font-style: italic;
		font-weight: bold;
		vertical-align: bottom
		}
FORM {  /* FORM attributes */
		/*border: 2px solid #000000;*/
		padding: 10px;
		/*width: 90%*/
		}	

FIELDSET { /* attributes for the FIELDSET */
		border: 1px dotted #CC0000;
		width: 75%;
		}

LEGEND { /* attributes for the LEGEND */
		color: #FFFFFF;
		font-weight: bold;
		background: #CC0000;
		border: 1px solid #000000;
		padding: 2px 6px
		}