/*
standard predefined elements and associated common styles.
*/

a.seLinksText
   {
   color: #FF0000;
   background-color: #FFFFFF;
   }

a.seLinksText:link
   {
   color: #FF0000;
   }

a.seLinksText:visited
   {
   color: #FF0000;
   }

a.seLinksText:hover
   {
   color: #00C000;
   }


body
   {
   color: #000080;
   background-color: #DEF2FD;
   line-height: 135%;
   text-align:center;
   font-size: 85%;
   }

div
   {
   background-color:#ffffff;
   }

div.seCentre730
   {
   background-color: #DEF2FD; 
   }

div.seContentArea
   {
   background-color: #ffffff;
   border-color:#000000;
   }
   

div.seCentre790
   {
   }

/* padded inner container for all page content*/
div.seContentArea772
   {
   background-image:url('../images/logos/bannerWaterStore790x140.jpg');
   background-repeat: no-repeat;
   }


div.seContactInfo
   {
   font-weight: 500;
   font-size:90%;
   }

div.seCutline
   {
   font-size: 86%; 
   font-weight: 600;
   border-color:#077FCB;
   }

div.seNavBar
   {
   font-weight: 100;
   color: #FFFFFF;
   background-color: #091D73;
   font-size: 95%;
   margin-left: 20px; 
   margin-right: 20px;
   padding-bottom: 10px; padding-top:10px;
   }


   div.seNavBar a
      {
      text-decoration: none;
      font-weight: 600;
      font-size: 95%; 
      padding-right: 7px; padding-left: 7px; 
      }   

   div.seNavBar a:link
      {
      color: #FFFFFF;
      }

   div.seNavBar a:visited
      {
      color: #FFFFFF;
      }

   div.seNavBar a:hover
      {
      color: #00C000;
      }

   div.seNavBar a.current:link
      {
      color: #FFFFFF;  
      }

   div.seNavBar a.current:visited
      {
      color: #FFFFFF;   
      }

   div.seNavBar a.current:hover
      {
      color: #00C000;
      }

   div.seNavBar100 a
      {
      font-weight: 600;
      font-size: 85%;   
      color: #FFFFFF;
      }   
   
      div.seNavBar100 a:link
         {
         color: #FF0000;
         }

      div.seNavBar100 a:visited
         {
         color: #FF0000;
         }

      div.seNavBar100 a:hover
         {
         color: #00C000;
         }


      div.seNavBar100 a.current:link
         {
         color: #FF0000;  
         }

      div.seNavBar100 a.current:visited
         {
         color: #FF0000;   
         }

      div.seNavBar100 a.current:hover
         {
         color: #00C000;
         }        

.green
    {
    margin-left: 16px; 
    font-weight: 600; 
    font-size: 91%; 
    background-color: #397105; 
    width: 285px; 
    color: #FFFFFF;
    padding: 6px;
    }

   a.seLinksGreen
      {
      color: #FEFB07;
      background-color: #FFFFFF;
      text-decoration: none;
      }

   a.seLinksGreen:link
      {
      color: #FEFB07;
      text-decoration: none;
      }

   a.seLinksGreen:visited
      {
      color: #FEFB07;
      text-decoration: none;
      }

   a.seLinksGreen:hover
      {
      color: #FE2407;
      text-decoration: none;
      }

h1
   {
   font-size:1.2em;
   font-weight:600;
   color: #1976BC;
   padding-left: 10px;
   }


h2
   {
   font-size: 1em;
   font-weight: 600;
   color: #1976BC;
   padding-left: 10px;   
   }

h3
   {
   font-size: .97em;
   font-weight: 600;
   color: #1976BC;
   padding-top: 20px;
   padding-left: 10px;   
   }

h4
   {
   font-size: .93em;
   font-weight: 600;
   color: #1976BC;
   padding-left: 10px;   
   }

.para
   {
   font-weight: 100;
   }
/*
common standard element styles independent of predefined elements 
*/

.seBorder1
   {
   border-color:#000000;
   }

.seContactBox
   {
   font-weight: 600;
   font-size: 90%;
   }

.seContactBox a:link
   {
   font-weight: 600;
   font-size: 90%;
   color: #FF0000;
   }

.seContactBox a:visited
   {
   color: #FF0000;
   }

.seContactBox a:hover
   {
   color: #00C000;
   }

.seContactBox a.current:link
   {
   color: #FF0000;
   }

/* **** CONTACT INFO **** */

.seContactInfo
   {
   font-weight: 100;
   font-size: 90%;
   color: #4B711C;
   }

.seContactInfo a
   {
   font-weight: 100;
   }

.seContactInfo a:link
   {
   font-weight: 100;
   color: #FF0000;
   }

.seContactInfo a:visited
   {
   color: #FF0000;
   }

.seContactInfo a:hover
   {
   color: #00C000;
   }

.seContactInfo a.current:link
   {
   color: #FF0000;
   }

.seContactInfo p
   {
   }


.seCopy
   {
   font-weight: 400;
   font-size: 75%;
   color: #222222;
   padding-top: 0px;
   margin-top: 0px;
   }

.seDummyLink
   {
   font-weight: 600;   
   color: #41C33B;
   padding-left:7px; padding-right:7px;
   }


.seKicker
   {
   font-size: 1em;
   font-weight: 600;
   color: #A10000;
   }

.seLineBreaker
   {
   border-bottom-color: #7C97B5;
   }

.seLinks
   {
   font-weight: 100;
   }

.seLinks p
   {
   font-weight: 100;
   }

.seLinks a:link
   {
   font-weight: 100;
   color: #FF0000;
   }

.seLinks a:visited
   {
   color: #FF0000;
   }

.seLinks a:hover
   {
   color: #00C000;
   }

.seLinks a.current:link
   {
   color: #FF0000;
   }

.seLinksHead
   {
   font-size: .95em;
   font-weight: 700;
   color: #FF0000;
   }

.seList
   {
   font-size: 115%;
   }

.sePersonalInfo
   {
   font-weight: 400;
   }

.sePersonalInfo a:link
   {
   font-weight: 400;
   color: #FF0000;
   }

.sePersonalInfo a:visited
   {
   color: #FF0000;
   }

.sePersonalInfo a:hover
   {
   color: #00C000;
   }


.sePersonalInfo a.current:link
   {
   color: #FF0000;
   }


.seTestimonial
   {
   font-size: 85%;
   font-weight: 100;
   background-color: #C3E7FF;
   padding: 10px;
   border: 1px solid #077FCB;
   }
   
.seTechBox
   {
   font-size: 85%;
   font-weight: 600;
   background-color: #FFFFFF;
   border: 1px solid #077FCB;
   }
   

/* for shadow blocking - drop shadowing*/   
div.seShadowed {}

   div.seShadowed .seShadowBlock
      {
      /* shadow area background colour*/   
      }
   
   /* 
   if blurring of the shadowed area edges is desired,
   then define colors to blend into the background of the 
   area in which the shadow area sits.
   blr_4 is closest to the shadow block and level 4 is 
   furthest from it.
   Note that not all layers need be used.
   */   
   div.seShadowed .seBlur
      {
      }

      div.seShadowed .seBlur .blr_4
         {
         border-color: rgb(189,226,247);
         }
      div.seShadowed .seBlur .blr_3
         {
         border-color: rgb(162,210,236);
         }
      div.seShadowed .seBlur .blr_2 
         {
         border-color: rgb(138,192,221);
         }
      div.seShadowed .seBlur .blr_1 
         {
         border-color: rgb(119,173,202);
         }
      div.seShadowed .seBlur .blr_inner 
         {
         background-color:rgb(97,130,148);
         /*background-color:rgb(30,98,134);*/
         border-color: rgb(104,153,179);
         }

   /*
   defines the area containing content and 
   which floats above the shadowed area.
   */
   div.seShadowed .seContentBlock 
      {
      background-color: #ffffff;
      }

   /* defines how the content area lifts above the shadow*/
   div.seShadowed .seLift
      {
      left: -10px;
      top: -10px;
      }