BODY   {
background: #FFFFFF;
background-image: url(images-what/bground.jpg);
color: #000000;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-family: tahoma, verdana, arial;
}

P   {
font-size:12px;
}
/*  margin-top: 0px;
margin-bottom: 5px; */

.p20px
{
font: 20px/24px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p18px
{
font: 18px/22px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p16px
{
font: 16px/19px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p14px
{
font: 14px/17px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p12px
{
font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
.p10px
{
font: italic normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

.p8px
{
font: italic normal 8px/10px Verdana, Arial, Helvetica, sans-serif;
}

P.menu  {
margin-left: 4px;
margin-right: 4px;
margin-top: 3px;
margin-bottom: 3px;
}

.menu_item  {
color: #51587B;
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:15px;
margin-left: 4px;
margin-right: 4px;
margin-top: 3px;
margin-bottom: 3px;
}

.errors   {
color: Black;
background-color : yellow;
font-weight:bold;
font-size:14px;
}

.required_form
{
color: #000000;
background: #FFE1B3;
}

.errors_form
{
color: #000000;
background: #FF00CC;
}

.darker
{
background: #CCCCFF;
}

.lighter
{
background: #F1EEE4;
}



H1   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

H1.dark   {
font-family: tahoma, verdana, arial;
color: White;
font-weight:bold;
font-size:15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
margin-bottom: 2px;
}

H1.menu   {
color: #51587B;
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 4px;
}

H1.recip   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
}

H2   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:14px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 4px;
}

H2.dark   {
font-family: tahoma, verdana, arial;
color: White;
font-weight:bold;
font-size:15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 4px;
}

H2.category   {
font-family: tahoma, verdana, arial;
color: #B20B43;
font-style: italic;
font-weight:bold;
font-size:15px;
margin-left: 4px;
margin-right: 4px;
margin-top: 3px;
margin-bottom: 0px;
}

H2.recip   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:12px;
}

H3   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:13px;
}

H4   {
font-family: tahoma, verdana, arial;
font-weight:bold;
font-size:12px;
}

/* ------------------------------- */


A:link {
color: #3345A2
text-decoration:none;
}     /* unvisited link */

A:visited {
color: Maroon
text-decoration:none;
	text-decoration: none;
}  /* visited link */

A:hover    {
color: Blue;
text-decoration:underline;
}   /* mouse over link */

A:active {
color: Blue
text-decoration:underline;
}   /* selected link */

/* ------------------------------- */

A.links_on_purple:link {
color: #484F6F;
text-decoration:none;
font-weight:bold;
font-size:14px;
}     /* unvisited link */

A.links_on_purple:visited {
color: #626B97;
text-decoration:none;
font-weight:bold;
font-size:14px;
}  /* visited link */

A.links_on_purple:hover    {
color: White;
text-decoration:underline;
font-weight:bold;
font-size:14px;
}   /* mouse over link */

A.links_on_purple:active {
color: White;
text-decoration:underline;
font-weight:bold;
font-size:14px;
}   /* selected link */

/* ------------------------------- */

A.links_on_brown:link {
color: #484F6F;
text-decoration:none;
font-weight:bold;
font-size:14px;
}     /* unvisited link */

A.links_on_brown:visited {
color: #626B97;
text-decoration:none;
font-weight:bold;
font-size:14px;
}  /* visited link */

A.links_on_brown:hover    {
color: Black;
text-decoration:underline;
font-weight:bold;
font-size:14px;
}   /* mouse over link */

A.links_on_brown:active {
color: White;
text-decoration:underline;
font-weight:bold;
font-size:14px;
}   /* selected link */

/* ------------------------------- */
/*  Controlling the Unordered List - UL and LI */
UL {
font-size:12px;
margin-left: 12px;
margin-bottom: 8px;
padding-left: 5px;
} 

LI   {
margin-bottom: 8px;
}

/*  Controlling the Ordered List - UL and LI */
OL {
margin-left: 12px;
padding-left: 5px;
} 
/* ------------------------------- */

/* Adding Borders to Tables  */

.borderleft {  
border-style: solid; 
border-color: Black;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 2px;
}

.borderbottom {  
border-style: solid; 
border-color: Black;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px;
}

.borderall
{  
border-style: solid; 
border-color: Black;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

.borderright
{  
border-style: solid; 
border-color: Black;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
border-left-width: 0px;
}

.borderall_less_top
{  
border-style: solid; 
border-color: Black;
border-top-width: 0px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 0px;
}

/* Gallery */
.picture {
  background: White;
  border-color: Black;
  border-style: solid;
  border-width: 2px;
}

.thumb_single {
  background: White;
  border-color: Black;
  border-style: solid;
  border-width: 2px;
}

.thumbs_all {
	background: ;
	border-color: White;
	border-style: solid;
	border-width: 1px;
}

FORM.tight {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
/* ------------------------------- */

/*
Notes:
- a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
- a:active MUST come after a:hover in the CSS definition in order to be effective!!
- Pseudo-class names are not case-sensitive.
- IE 4 and higher supports the anchor pseudo-class. NN 4.5 and Netscape 6 support the anchor pseudo-class only partially.

- font property: (weight, style, size/leading, font family) i.e. 
	font: medium italic 24pt/30pt Georgia, serif;
	Order must be correct
*/