/* Merrydown Controlware Limited Website Cascaded Style Sheet                              */
/*                                                                                         */
/* Merrydown Controlware are an industrial automation company based in the UK.  For more   */
/* information see:                                                                        */
/*                     www.merrydowncontrolware.co.uk                                      */

BODY 
  {
   background-color: #FFFFFF;
   }

/* Basic paragraph definitions and associated tags */

P
  {
   font-family: Palatino, "New York", Geneva, Times, serif;
   font-size: 1em;
   margin-left: 3em
   }
   
P EM
  {
   font-size 1.1em;
   font-weight: bold;
   padding: 1em
   }

/* Custom Paragraph Tag Definitions                                                        */
/*                                                                                         */
/* Tag line is the text appearing below the title telling the reader what the page is      */
/* briefly (very) about */

P.tagline
  {
   font-family: Palatino, "New York", Geneva, Times, serif;
   font-style: italic;
   font-size: 1.1em;
   margin-bottom: 2em;
   margin-left: 4em
   }

/* This presents the links to other pages */
P.navigation
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 1em;
   margin-left: 0em;
   margin-top: 2em;
   padding: 1em;
   vertical-align: middle
   }

P.navigate
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 0.8em;
   margin-left: 0em;
   margin-top: 2em;
   padding: 1em;
   vertical-align: middle
   }

/* This presents addresses and telephone numbers nicely */   
P.address_line
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.1em
   margin-left: 8em;
   margin-top: 0em;
   margin-bottom: 0em
   }

   
P.comm_number
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.2em
   margin-left: 8em;
   margin-top: 0.2em;
   margin-bottom: 0.2em
   }
      

P.shout  
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 4em;
   font-weight: bold;
   margin-top: 0.2em;
   margin-bottom: 0.2em
   }

 
/* This is for form field descriptions on forms */

P.field_label
  {
   color: #444444;
   font-family: helvetica,geneva,sans-serif;
   font-size: 1em;
   margin-bottom: 0;
   margin-left: 0;
   text-align: top;
   width: 10em
   }

P.form_section
  {
   background-color: #444444;
   color: #FFFF69;
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: 1em;
   margin-left: 0.2em;
   padding-bottom: 0.5em;
   padding-left: 1em;
   padding-top: 0.5em;
   text-align: top
   }
   
P.form_button
  {
   color: #444444;
   font-size: 1.5em;
   font-weight: bold;
   padding: 1em
   }
 
FORM
  {  
   background-color: #FFFF69;
   border-color: #222222;
   border-style: solid;
   border-width: 1mm;
   color: #000000;
   margin-bottom: 2em;
   margin-top: 0;
   padding: 1em
   }


INPUT
  {   
   background-color: #FFFFCF;
   color: #000000;
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.1em
   }

TEXTAREA
  {   
   background-color: #FFFFCF;
   color: #000000;
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.1em
   }


CENTER.graphic
  {
   align: center;
   border-color: #111111;
   border-style: solid;
   border-left-width: thin;
   border-right-width: thick;
   border-top-width: thin;
   border-bottom-width: thick;
   padding: 2em
  }
       
      
/* Heading use is as follows: */
/*  H1 - Page title           */
/*  H2..3 - Section headings  */

H1, H2, H3, H4
  {
   font-family: helvetica,geneva,sans-serif;
   padding-bottom: 0.1em;
   padding-left: 0em;
   padding-right: 0.1em;
   padding-top: 0.2em;
   vertical-align: middle;
   background-color: #FFFF69
   }

H1
  {
   font-size: 1.5em;
   margin-left: 0em;
   }

 
H2
   {
   font-size: 1.2em;
   margin-left: 0em;
   margin-top: 2em
   }

H3
  {
   font-size: 1.2em;
   margin-left: 2.5em;
   margin-top: 2em
  }
 
H4
  {
   font-size: 1.0em;
   margin-left: 3em;
   margin-top: 1em
  }
   
  
/* The following ensure there is a niece space to the right of images used in headings before the text starts */
 
H1 IMG
  {
   padding-right: 1em
   }  

H2 IMG
  {
   padding-right: 1em
   }  

H3 IMG
  {
   padding-right: 1em
   }  
 
 
/* List Styles */
 

UL
  {
   font-family: helvetica,geneva,sans-serif;
  }   

UL.long
  {
   font-family:  Palatino, "New York", Geneva, Times, serif;
  }   

LI
  {
   font-size: 1.1em;
   margin-left: 4em;
   margin-botom: 0.75em;
   padding: 0.1em;
   }

LI LI
  {
   font-size: 1em;
   margin-left: -1em;
   margin-botom: 0.4em;
   padding: 0em
   }


/* This section defines the paragraph styles and their variants */

CAPTION
  {
   font-family: Helvetica,Geneva,sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   margin-top: 2em;
   margin-bottom: 0.5em
   }


DT
  {
   font-family: helvetica,geneva,sans-serif;
   font-weight: bold;
   margin-bottom: 0.2em;
   margin-top: 1em
   }

DD
  {
   font-family: Palatino, "New York", Times,serif;
   margin-bottom: 0.2em
   }
   
/* Table Style Section */

  
TD P
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   margin-left: 0em;
   padding: 0.2em
  }

THEAD
  {
   border-bottom: thin solid
  }
  
TH
  {
   text-align: left
  }
     
TH P
  {
   font-family: helvetica,geneva,sans-serif;
   font-size: 1.1em;
   margin-bottom: 0.2em;
   margin-left: 0em;
   padding: 0.2em
   }

    

/* Fancy hot link stuff */
   
A:link
  {
   background-color: #FFFF69;
   color: #0000FF;
   padding: 0.2em;
   text-decoration: underline;
   }
   
A:active
  {
   background-color: #0000FF;
   color: #FFFF69;
   padding: 0.2em;
   text-decoration: bold
   }
   
A:visited
  {
   background-color: #FFFF69;
   color: #660066;
   padding: 0.2em;
   text-decoration: underline
   }
   
A:hover
  {
   background-color: #0000FF;
   color: #FFFF69;
   padding: 0.2em;
   text-decoration: underline
   }
   
           