/*========================================================
Creation Date:  25th November 2008 
      Purpose:  Gristwood & Toms
    Design By:  Designed By Loyalty Logistix Ltd
  Copyright (c) Loyalty Logistix Ltd
==========================================================


=== TABLE OF CONTENTS ====================================
    
    1.  Body Style
    2.  Title & Font Styles 
    3.  Navigation & Hyperlink Styles  
    4.  Background Images
    5.  Table & Cell Styles 
    6.  Divs 
    
==========================================================*/



/************************************************/ 
/*  Body Style			                        */
/************************************************/

  
body 
    {   
    background-image:   url(../images/bg-page.gif);
    background-repeat:  repeat;   
    font-family:	    Arial, Helvetica, Sans-Serif;
    font-size:          62.5%;
    margin:			    0;
	padding:		    0;
    }





/************************************************/ 
/*  Title & Font Styles                         */
/************************************************/

  
/*== Header 1 - Logo ===============================*/
h1 
    {
    color:			    #c2f38e;  
    margin:			    0;
    padding:            0;
    }
    

/*== Header 2 - Dark Green Page Title  ===========================*/
h2 
    {
    color:			    #006732;  
    font-size:		    2.6em;
    font-weight:        normal;
    margin:			    0;
    padding:            0;  
    }
    

/*== Header 3 - Dark Black Bold Page Text  ===========================*/
h3 
    {
    color:			    #444;  
    font-size:		    1.8em;
    font-weight:        bold;
    margin:			    0;
    padding:            0;  
    }


/*== Header 4 - Light Green Page Title  ===========================*/
h4 
    {
    color:			    #689b36;  
    font-size:		    1.6em;
    font-weight:        normal;
    margin:			    0;
    padding:            0;  
    }
    
    
h4.red 
    {
    color:			    #FF0000;  
    font-size:		    1.9em;
    font-weight:        bold;
    margin:			    0;
    padding:            0;  
    }    


/*== Content Font ===========================*/
p
    {
    color:			    #666;  
    font-size:		    1.2em;
    margin:			    0;
    padding:            0;  
    }





/************************************************/
/*  Navigation & Hyperlink Styles               */
/************************************************/


/*== Left Menu 1 What we do Section Div ===========================*/
#menu
    {
    width:              105px;
    background:         #006935;
    }

#menu ul 
    {
    list-style:         none;
    margin:             0;
    padding:            0;
    }

#menu a, #menu h2 
    {
    display:            block;
    margin:             0;
    padding:            2px 3px;
    color:		        #006935;
    font-size:	        1.3em;	
    font-weight:        bold;
    text-decoration:    none;  
    }

#menu h2 
    {
    color:              #006935;
    background:         #030;
    }

#menu a 
    {
    color:              #FFF;
    background:         #006935;
    text-decoration:    none;
    }

#menu a:hover
    {
    background:         #006935;
    text-decoration:    underline;
    }

#menu li 
    {
    position:           relative;
    }

#menu ul ul ul 
    {
    position:           absolute;
    top:                0;
    left:               100%;
    width:              100%;
    }

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
    {
    display:            none;
    }

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
    {
    display:            block;
    }


/*== Left Menu 2 Who are we Section Div ===========================*/
#menu2
    {
    width:              105px;
    background:         #006935;
    }

#menu2 ul 
    {
    list-style:         none;
    margin:             0;
    padding:            0;
    }

#menu2 a, #menu2 h2 
    {
    display:            block;
    margin:             0;
    padding:            2px 3px;
    color:		        #006935;
    font-size:	        1.3em;	
    font-weight:        bold;
    text-decoration:    none;  
    }

#menu2 h2 
    {
    color:              #006935;
    background:         #030;
    }

#menu2 a 
    {
    color:              #FFF;
    background:         #006935;
    text-decoration:    none;
    }

#menu2 a:hover
    {
    background:         #006935;
    text-decoration:    underline;
    }

#menu2 li 
    {
    position:           relative;
    }

#menu2 ul ul ul 
    {
    position:           absolute;
    top:                0;
    left:               100%;
    width:              100%;
    }

div#menu2 ul ul ul,
div#menu2 ul ul li:hover ul ul
    {
    display: none;
    }

div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
    {
    display: block;
    }
/*== menu 3=================================================*/
#menu3
    {
    width:              105px;
    background:         #006935;
    }

#menu3 ul 
    {
    list-style:         none;
    margin:             0;
    padding:            0;
    }

#menu3 a, #menu3 h2 
    {
    display:            block;
    margin:             0;
    padding:            2px 3px;
    color:		        #006935;
    font-size:	        1.3em;	
    font-weight:        bold;
    text-decoration:    none;  
    }

#menu3 h2 
    {
    color:              #006935;
    background:         #030;
    }

#menu3 a 
    {
    color:              #FFF;
    background:         #006935;
    text-decoration:    none;
    }

#menu3 a:hover
    {
    background:         #006935;
    text-decoration:    underline;
    }

#menu3 li 
    {
    position:           relative;
    }

#menu3 ul ul ul 
    {
    position:           absolute;
    top:                0;
    left:               100%;
    width:              100%;
    }

div#menu3 ul ul ul,
div#menu3 ul ul li:hover ul ul
    {
    display: none;
    }

div#menu3 ul ul li:hover ul,
div#menu3 ul ul ul li:hover ul
    {
    display: block;
    }

    
/*== Left Navigation Dark =================================*/
a.mainnavdark
    {
    color:				#FFF;
    font-size:			1.3em;	
    font-weight:        bold;
    text-decoration:	none;  
    }

a.mainnavdark:hover
    {
	color:				#FFF;
	text-decoration:	none;  
    }
    

/*== Left Navigation Light =================================*/
a.mainnavlight
    {
    color:				#2b6935;
    font-size:			1.3em;	
    font-weight:        bold;
    text-decoration:	none;     
    }

a.mainnavlight:hover
    {
	color:				#2b6935;
	text-decoration:	none;  
    }
        

/*== Top Bar Sublinks  =========================*/
a.topbar
    {
    color:				#70706f;
    font-size:			1.2em;	
    font-weight:        bold;
    text-decoration:    none;
    }

a.topbar:hover
    { 
	color:				#006935;
	text-decoration:    underline;
    }  
    

/*== Page Links ================================*/
a
    {
    color:				#254913;
    font-size:			1.1em;	
    text-decoration:	none;     
    }

a:hover
    {
    Color:				#708c37;
	text-decoration:	underline;  
    }
      




/************************************************/
/*  Background Images                           */
/************************************************/
  
  
/*== Dark Green Navigation Leaf Background ===================*/
.bgnavdark
    {
	background-image:	url(../images/bg-nav.gif); 
	background-repeat:  no-repeat;
	height:             49px;        
	margin:		        0;
	padding-top:        2px;
	width:              203px;   
    }
    

/*== Dark Green Navigation Leaf Background ===================*/
.bgnavlight
    {
	background-image:	url(../images/bg-nav2.gif); 
	background-repeat:  no-repeat;	
	height:             49px;        
	margin:		        0;
	padding-top:        4px;
    width:              203px;   
    }    
    
.menuh4 
    {
    color:			    #689b36;  
    font-size:		    1.6em;
    font-weight:        normal;
    margin:			    0;
    padding:            0;  
    }



/************************************************/
/*  Table & Cell Styles                         */
/************************************************/
  
  
/*== All Tables ================================*/
table
    {
    border:		        0;
	margin:		        0;
	padding:	        0;
    }
    

/*== All Table Cells ===========================*/
td
    {
	border:		        0;
    margin:		        0;
	padding:	        0;
    text-align:         left;	
    }





/************************************************/ 
/*  Divs			                            */
/************************************************/


/*== Header Div ================================*/
#header
    {   
	background-image:   url(../images/bg-greenline.gif);
	background-repeat:  repeat;
	height:             32px;
	text-align:         right;
	width:              100%;
    }


/*== Banner Div ================================*/
#banner
    {   
	background-image:   url(../images/bg-banner.gif);	
    background-color:   #6c8833;
    width:              100%;	
    }


/*== Banner Logo Div ===========================*/
#logo
    {   
	background-repeat:  repeat;	
	float:              left;
    }
    

/*== Banner Image Div ==========================*/
#bannerimage
    {   
	background-repeat:  repeat;	
    float:              right;
    }


/*== wrapper for middle section re column length Div ================*/
#wrapper
    {
	background:url(../images/bg-nav206.gif) repeat-y;
	width:1400px;
	}



/*== Navigation Left Column Div ================*/
#navigation
    {   
    background-color:   #81bb27;
    float:              left;
    width:              206px;
    height:             100%;
    }


/*== Sub Navigation Top Div ================*/
#subnavigation
    {   
    background-color:   #FFF;
	float:left;
	width:80%;
    }


/*== Information Div ===========================*/
#information
    {   
    background-color:   #FFF;
    vertical-align:    top;
	float:left;
	width:80%;
    }







/*========================================================*/
.txtarea
   {
    color:			    #0000;  
    font-size:		    1.2em;
    margin:			    0;
    padding:            0; 
   }