body{
      margin: 0;
      padding: 0;
      background-image: url(images/texture.gif);
      background-repeat: repeat;  
      background-color: #617076; 
      }

.wrapper{
      background-image: url(images/BlueBackGradTop2.gif);
      background-repeat: repeat-x;
      background-color: transparent;
      height: 210px; 
      margin: 0;
      padding: 0;
      }

.wrapper2{width: 800px; margin: 0 auto; margin-top: -65px;}
      
.mainArea{
      background-image: url(images/brownGradDown.gif);
      background-repeat: repeat-x;
      background-color: #fff;
      color: #11093e;
      font-size: 1.1em;
      width: 700px;
      padding: 0; 
      border-top: solid 1px #7b5228 ;    
      position: relative; z-index: 50;
      }

.mainArea h2{
      font-family: mistral;
      font-size: 2.5em;
      color: #555555;     
      }
    
.mainArea h2, p{padding: 10px 30px; }
 


      /* THE FLAGS IMAGE AT THE TOP OF THE PAGE */
.flagImage{
      height: 60px; 
      margin: 0 auto;
      background-image: url(images/flagBack2.gif);
      background-repeat: repeat-x; 
      background-color: transparent; 
      padding: 0;
      }


/* ALL THE NAVIGATION STUFF */
.navigation{
    width: 700px; 
    margin: 0 auto;
    margin-left: 0;
    margin-top: -5px;
    background-image: url(images/brownGrad.gif); 
    background-repeat: repeat-x;
    background-color: #fff; 
        
    }
    


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.menu2 {padding:0px; margin: 0 10px 0 40px; list-style:none; height:36px; background-image: url(images/brownGrad.gif); background-repeat: repeat-x; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif; font-size: 14px; font-weight: bold; }
.menu2 li.top {display:block; float:left; width: 130px; background-image: url(images/brownGrad.gif); background-repeat: repeat-x; padding: 0;}
.menu2 li.top a:visited { color:#4e564e;}
.menu2 li.top a { color:#4e564e; text-decoration: none; }

.menu2 li a.top_link span {float:left; display:block; padding:0; height:36px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 5px; height:36px; }
.menu2 li:hover > a.top_link {color:#4e564e;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left: -120px;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left: 5px; top:36px; background: #6e7b81; color: #fff; padding:3px; border:1px solid #422100; white-space:nowrap; width:135px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:14px; height:20px; width:90px; line-height:20px; text-indent:5px;  text-decoration:none; color: #fff; }

.menu2 :hover ul.sub li a:hover {width: 130px; background: #fff; color:#4d5559;}

.menu2 :hover ul :hover ul,
{left:0px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}
    
  .piccies{
  width: 360px;
  float: right;
  margin: 0;
  background-color: transparent;
  position: relative;
  top: 50px;
  margin-bottom: -850px;
  left: 20px;
  z-index: 30;
}

.footer{color: #fff; background-image: url(images/brownGrad.gif);background-repeat: repeat-x; padding: 30px; border-bottom: double 5px #66564d;}
.footer a, .footer a:visited{color: #fff;}