/* ELOCALITY.CO.UK - main style sheet 

Remember: font-sizes in percentages are relative to container 
*/

/* SCROLLBARS */

. {
       /*   scrollbar-3d-light-color: #00AA00;    */ 
          scrollbar-arrow-color: #cc3636;        
          scrollbar-base-color: #aaaaaa;         
          scrollbar-dark-shadow-color: #000000;  
            scrollbar-face-color: #efefef;         
          scrollbar-highlight-color: #cc3636;    
          scrollbar-shadow-color: #bb0000;       
           scrollbar-track-color: #eeeeee;        
}

/* BODY AND GLOBALS */

BODY {
   margin-top:5px;
   margin-left:10px;
   margin-right:30px;
   background-color: #f2f2f2;
   background-image:url(graphics/greyspeckle.gif);
}
.tophead {
   font-family:sans-serif;
   font-size:150%;
   font-weight:normal;
   letter-spacing:2px;
   color:#999999; 
}
.em {                  /* emphasis */
   font-weight:bold;
   color: black;
}
.c {
   color:#cc3636;      /* coloured */
}
.cem {                 /* coloured emphasis */
   font-weight:bold;
   color:#cc3636;
}
.glocality {         /* small caps effect for company name */
   color:#9c9c9c;
   font-size:80%;
   font-weight:bold;
}
.rlocality {
   color:#cc3636;
   font-size:80%;
   font-weight:bold;
}
.plocality {
   font-size:80%;
}
A.menu, A.menu:link {
   font-family:verdana;
   font-size: 8pt;
   font-weight:bold;
   text-decoration:none;
   color:#585858;
}
A.menu:visited {
   text-decoration: none;
   color: #707070
}
A.menu:hover {
   text-decoration:none;
   color:#cc3636
}
.menu {
   font-family:verdana;
   font-size: 8pt;
   font-weight:bold;
   color:#585858;
}
A, A:link {
   text-decoration:underline;
   color:#cc3636
}
A:visited {
   text-decoration:underline;
/*   color:#404040 */
   color:#9d273d
}
A:hover {
   text-decoration:underline;
   color:black
}

/* MAIN CONTENT */

DIV.main {
   margin-left:150px;
   margin-right:0px;
   width: 600px;
   border:ridge #f0f0f0 3px;
   padding-left:20px;
   padding-right:20px;
   padding-top:0px;
   font-family:verdana;
   font-size:75%;
   line-height:120%;
   font-weight:normal;
   background: white;
   color:black;
}
DIV.topmenu {
   padding-top:5px;
   padding-bottom:0px;
}
LI {
   list-style-image:url(graphics/square.gif)
}
DT {
   font-weight:bold;
   color: #cc3636;
}
.larger {
   font-size:12pt;letter-spacing:1px
}
.quote {
   font-style:italic;
}

TABLE.main {
   font-family:verdana;
   font-size:90%;
   font-weight:normal;
   background: white;
   color:black;
}
TABLE.main2 {            /* used within TABLE.main */
   font-family:verdana;   
   font-size:100%;
   font-weight:normal;
   background: white;
   color:black;
}

/* BOTTOM DIV WITH COPYRIGHT */

DIV.bottom {
   margin-left:150px;
   margin-right:0px;
   padding-top:4px;
   font-family:serif;
   font-size:80%;
   font-weight:normal;
   font-style:italic;
   color:#666666;
}

/* LEFT-HAND PANEL WITH MENU */

DIV.left {
   position:absolute;
   left:10px;
   top:69px;
   width:130px
   padding:0px;
   font-family:verdana;
   font-size:60%;
   font-weight:bold;
   color: #cc3636;
}
TABLE.menu {
   border:solid gray 1px;
   background-image:none;
   background-color:white;
}

/* LAYER FOR EXAMPLES */

DIV.example {
   position:absolute;
   top:105px; left:175px;
   min-height: 500px;
   max-width: 600px;
}