/*  http://blog.html.it/layoutgala/LayoutGala39.html  */

* {margin: 0; padding: 0;}

html,body  {
    margin:10px;
	padding:0
	}

body   {
    font: 11px/20px verdana, arial, helvetica, sans-serif;	
	text-align: center; 
	background:	#eaeaea;   /* #F5F5F5 whitesmoke */
	}


div#header   {
    position:relative; 
    background:#e6f4f4; 
	}


div#container{
    width:750px;
	margin:0 auto;
    text-align:center; 
	background: #F5F5F5;        /*  #fefef8;  */
    padding: 6px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
	
	
}

div#navigation   {
    /*  I switched the nav and footer .jpg pics  */
	background: transparent url(3255_footer2.jpg) top left;      /*  repeat-x;   */
	height: 30px;
    margin: 0px auto;
    width: 750px;
    border-top: solid 1px #eee2ca;       /*     #DCDCDC; gainsboro; */

        }	   
		
div#navigation p { 
    /* margin-top: 0px; necessary in Firefox or menu will be shifted down about 15 px. Doesn't occur in IE6. */
	margin-top: 0px;
	/* 11px is the font size, 20px is the line spacing */
    font: 11px/20px verdana, arial, helvetica, sans-serif;	
    padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	
	}	   		


div#content {background:#F5F5F5;}        /* #fefef8 */

div#content p {
    text-align:left;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 5px;
    padding-bottom: 10px;
    }

div#content p.center {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-top: 0px;
    }	

	
div#content p.table {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
    margin-top: 0px;
    }	
		
             /*   to center a table --> http://theodorakis.net/tablecentertest.html   */
table   { 
    margin-left: auto;
    margin-right: auto;
    }			
		
div#footer   {
    clear:both;
	width:100%;
    color: #000; 
	/* background:#e6f4f4;  */
	
	background: transparent url(3255_nav2.jpg) top left;     /*  repeat-x;   */
	
	padding-top:7px; 
	padding-bottom:7px
	}

div#counter   {
    clear:both;
	width:100%;
    color: black;                              /* #a9a9a9; */
	text-align: center;
	}
	
div#counter p  {
    margin:0px;
	padding:0px;
	padding-top:7px; 
	}	



div#footer p  {
    margin:0px;
	padding:0px
	}

div#footer a   {
    display:inline;
	padding:0;
	color: #C6D5FD
	}

img.centered {                   /*  used for the title in the header  */
    display: block;
    margin-left: auto;
    margin-right: auto }
	
span.colortext   {
    color: #8B4513;             /*   #008080     */
   }

a {
	font-size:11px;
	text-decoration:none;
	font-weight:400;
	font-family:verdana, arial, helvetica, sans-serif;
	}

a:link {color: black;}
a:visited {color: black;}
a:hover {color: black; background-color: #fff5dd;}            /* #ADD8E6; lightblue; */

/* setting up multiple schemes for links...   http://www.yourhtmlsource.com/stylesheets/csslinks.html  */	
/* these links aren't currently set to do anything different.  I was using them to show a background   */
/* border around the thumbnail but IE7 and FF2 work differently                                        */
a.thumbs:link {color: black; text-decoration: none; border:0 } 	  /* color: black isn't used here   */	  
a.thumbs:visited {color: black; text-decoration: none; border:0 }		  
a.thumbs:hover {color: black; text-decoration: none; border:0}

a.email:link {color: black;}
a.email:visited {color: black;}
a.email:hover {color: black; background-color: white;}            /* #ADD8E6; lightblue; */

#content h1 { 
    text-align: center;
	font-weight:400;
    font-size:130%;
	line-height: 100%;
    font-variant: small-caps;
	color: black;           /* most recent #6a350e;  #8B4513;  #7d4721;   #8c5b30;  */
    margin-top: 0px;	
    padding-top: 10px;
	padding-bottom: 10px;
    }		
	
#content h3 {
    font: bold 1em Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 15px;
	padding-bottom: 4px;
  
  }
  

/*	   http://www.mandarindesign.com/boxes.html     */
#content img.thinborder  {
   border: solid 1px black;
   padding: 3px;
   margin-top: 7px;
   margin-bottom: 7px;
}
 
#content img.thumbborder  {
    border: solid 1px black;
   padding: 0px;

}  

/*  don't put the list in a <p></p>  */
ul {
    margin-top: 0px;
	padding-right: 12%;
    padding-left: 17%;
	padding-top: 5px;
    padding-bottom: 20px;
	list-style-type: disc;
	list-style-position: outside;
	text-align: left;
	
	}

#boxtext {
position: relative; 
text-align: center;
padding-right: 0px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 1px;
margin: 0px auto;  
margin-top: 30px;
margin-bottom: 30px;
background-color: #f0efe4;           /* #efefef;  */
border:1px solid #8B4513;
width: 51%;
font-variant: small-caps;
font-size:115%;

}