/* EXTERNAL STYLESHEET FOR BODDINGTON HHH WEB PAGES */

/*PSEUDOSTYLES FOR HYPERLINKS*/
	a:link		{color:#660000; background: transparent; font-size:100%; font-weight:bold; text-decoration:underline;}
	a:visited	{color:#660000; background: transparent; font-size:100%; font-weight:bold; text-decoration:none;}
	a:active	{color:#660000; background: transparent; font-size:100%; font-weight:normal; text-decoration:none;}
	a:hover		{color:#660000; background: transparent; font-size:100%; font-weight:bold; text-decoration:underline overline;}
	
	a img		{border: none;}
	
/* HTML ELEMENTS DEFINED FOR THE PURPOSES OF THIS SITE */

body		{ color: #B50821;
			  background: #ffffff;
			  font-family: Verdana, Helvetica, Arial, sans-serif;
			  font-size: 100%;
			  margin: 0;
			  padding: 0;
		 }
h2			{text-align: center;
			 margin: 2em auto 0 auto;
			 border: solid 1px black;
		 }		 
		 
p			{color: #B50821;					/* normal paragraph format */
			 background: transparent;
			 /*border: solid 1px white;*/
		 } 
		 
p a:link	{color: #B50821;
			 background: transparent;
			 text-decoration: underline;
		 }
		 
p.bold		{font-weight: 700;}

p.w50		{width: 50%;
			 margin: 1% auto 1% auto;
			 padding: 1%;
			 text-align: left;
			 /*border: white 1px solid;*/
		 }
		 
p.w90		{width: 90%;
			 margin: 1% auto 0 auto;
			 text-align: center;
		 }
		 
p.framed   	{border: #660000 double  4px;  /* large buttons with gradient backgrounds */
             color: #B50821;
             font-weight: 700;
			 background: #ffffff;
             width: 40%;
             margin: 5% auto 0 auto;
             padding: 0 .2em 2em .2em;
             text-align: center;
             font-size: 120%;
         }
p.framed a:link
			{text-decoration: underline;
		}         
			
p.heading	{font-family: monospace;
			 font-size: 120%;
			 font-weight: bold;
			 color: #333366;
			 background: url("./images/bodhhh-logo-sml.jpg"); 
			 display: block;
			 text-align: center;
		 }
p.right50	{float: right;
			 width: 50%;
			 margin: 0;
			 padding: 0;
			 text-align: right;
		 }		 

ul			{font-family: monospace;
			 font-size: 100%;
			 font-weight: 600;
         }   
         
/*-------------------------------------------------------------------
	GLOBAL CLASS DEFINITIONS
---------------------------------------------------------------------*/

.border		{border: solid 1px white;
			 margin:  1em 0;
			 padding: 0 0 1.5% 0;
		 }
		 
.centred	{text-align: center;
			 margin: 0;
			 padding: 0;
		 }		

/*-------------------------------------------------------------------
     DEFINITION OF DIVISIONS USED IN THIS SITE 
---------------------------------------------------------------------*/
#headercontainer
			{margin: 0;
			 padding: 0;
			 width: 100%;
			 color: #000000;
			 background: #ffffff;
		 }
		 
#header   	{ border: none;
			  margin: 0;
			  padding: 0;
			  text-align: center;
		  }
		  
#header img { border: none;
			  margin: 0;
			  padding: 0;

          }
        
#navbar		{color: #660000;
			 background: transparent url(./images/navbackground.jpg) repeat-y;
			 margin: 0;
			 padding: .3% .3% .4% .3%;
			 text-align: center;
			 border: none;
		 }
#navbar	a   {color: #660000;
			 background: transparent;
		 }	
		 
/*-------------------------------------------------------------------------------------------------------
   BEGINNING OF THE "CONTENT" BOX DEFINITIONS - THERE IS AN OVERALL "CONTENT" BOX AS THE OUTER CONTAINER.
   WITHIN THE CONTENT BOX ON CAN HAVE ANY COMBINATION OF:
   	1.	A CENTRED SINGLE BOX (WIDTH = 50% OF OUTER CONTAINER WIDTH)
   	2.	TWO BOXES, SIDE BY SIDE: LEFT AND RIGHT; AND
   	3.  THREE BOXES, SIDE BY SIDE: LEFT;  MIDDLE;  AND RIGHT
---------------------------------------------------------------------------------------------------------*/
   	
#content    {margin: 0 auto 0 auto;  /* "content" is a box containing everything below the navbar */
			 padding: 0.5em;
			 color: #ffffff;
			 background: transparent;
			 /*border: 1px white solid;*/
		 }
		 
#content img { border: solid black 1px;
			   margin: 0;
			   padding: 0;
          }		 
		 
#content a	{color: #ffffff;
			 background: transparent;
		 }
		 
#tophalf a	{color: #660000;				/* vertically, "content" can be divided into 2 parts: a top box;*/
			 background: transparent;
			 /*border: solid 1px white;  	*/
         }
         
#bottomhalf	{margin-top: 2em;            	/* and a bottom box */
		     color: #660000;
		     background: transparent;
			 /*border: solid 1px white;*/
         }         
		 
#centrediv	{/*border: black 1px solid;*/  	/* horizontally, there can be one central box, or */
             width: 30%;
             margin: 2em auto 0 auto;
             padding: 3em 1em 3em 3em;
         }
		 
#lefthalf   {width: 40%;                   	/* there can be two adjacent boxes, lefthalf and */
             margin: 0.5em auto 0 2em;
             float: left;
         }
         									
#righthalf	{float: right;					/* and a righthalf box (inside "content") */
             margin:0.5em 2em 0 auto;
             width: 40%;
	     }  
	     
#lefthalf a, #righthalf a					/* and a lefthalf box (inside "content") */
			{color: #660000;
			 background: #6666ff;
			 padding: 0 0.5em 0 0.5em;
		 }
		 									/* or there can be three adjacent boxes: */
#leftthird	{margin: 1.5em 3%  0 6%;		/* a left third, and */
		 }
#midthird	{margin: 1.5em 3% 0 3%;			/* a middle third */
		 }
#rightthird	{margin: 1.5em 6% 0 3%;  		/* and a right third */
		 }
#leftthird, #midthird, #rightthird
			{width: 25%;
			 float: left;
			 color: #660000;
			 background: url(./images/parabackground.jpg) repeat-y;
		 }
#leftthird a, #midthird a, #rightthird a, #leftthird ul, #midthird ul, #rightthird ul
			{color: #660000;
			 background: transparent;
		 }
#leftthird.story, #midthird.story
			{background: transparent;
			 color: #ffffff;
			 font-size: 100%;
		 }		 


		 
/*---------------------------------------------------------------------------------------------------
END OF OUTER AND INNER CONTENT BOX FORMAT DEFINITIONS
-----------------------------------------------------------------------------------------------------*/

	     
#clearfloat {clear: both; 
         }
         
/* CSS TABLE PROPERTIES AND VALUES */
table           { font-size: 100%;
				  margin: 0.5em auto 0 auto; 
				  width: 90%;
				  border: solid 1px silver;
				  color: #ffffff;
				  background: transparent;
			  }

td, th          { border: solid 1px silver;
			  }
th              { font-weight: bolder;}	
td  			{ margin: 0 auto 0 auto;
				  color: #ffffff;
				  background: #543D67;
				  text-align: center;
			  }
td.item			{width: 12%;}
td.image		{background: #ffffff; 
				 color: #000000;
                 width: 23%;
             }
td.description	{width: 45%;}
em			    {color: yellow;
				 background: transparent;
			 }
td.price		{width: 10%; }
		  
caption         { font-weight: bold;
                  font-size: 130%;
              }


/* END OF STYLE SHEET */