
body
{
    background-position: url('/images/bg.png') repeat-x #FFFFFF;
    background: url('/images/bg.png') repeat-x #FFFFFF;
    color: black;
    font-family: Arial;
    text-align: center;
    background-attachment: fixed;
    font-size:13px;width:1300px;
}

#pagebg 
{
    width:800px;
    margin:0 auto;
    margin-top:30px;
    text-align:left;
    background: url('/images/pagebg.png') repeat-y;
}

.asda 
{
    width:800px;
    height:110px;
    margin:0px auto;
    text-align:left;
}

.logo 
{
    width:800px;
    height:110px;
    margin:0px auto;
    text-align:left;
    background: #333333;
    border-bottom:5px solid #FF9900;
    border-top:5px solid #FF9900;
    font-size:24px;
}



.logo a 
{
    font-size:40px;
    padding:10px;
    color:#FFFFFF;
    text-decoration:none;
}

.logo a:hover 
{
    color:#FFFFFF;
}


#menu
{
    float: left;
    width:200px;
    margin:15px 0 0 0;
}

#menu h2
{
    margin-top:10px;
    margin-left:10px;
    width:171px;
    height:21px;
    color:white;
    background:#FF9D00;
    padding:4px;
    padding-top:5px;
    font-size:15px;border:1px solid #000000; border: solid 1px red;
 }
 
#menu ul
{
    list-style:none;
    margin-left: -20px;
}
    
#menu ul li a
{
    margin-top:2px;
    background:#FF8419;
    display:block;
    width:171px;
    height:21px;
    text-decoration:none;
    color:black;
    padding:4px;
    padding-top:5px;
    font-size:15px;
}

    
#menu ul li a:hover 
{
    color:black;
    text-decoration:none;
    background: #C27200;
}


/**********************************************************/
.testmenu a
{
    margin-left: 18px;
    margin-top:1px;
    background:#FF8419;
    display:block;
    width:171px;
    height:21px;
    text-decoration:none;
    color:black;
    padding:4px;
    padding-top:5px;
    font-size:15px;
}


.testmenu a:hover 
{
    color:black;
    text-decoration:none;
    background: #C27200;
}
/***************************************************/


    
.selected 
{
    color:black;
    text-decoration:none;
    background: #C27200;
    font-weight:bold;
    }
    
#menu ul li a.selected 
{
    color:black;
    background:#C27200;
    }

#main 
{
    width:580px;
    float:right;
    padding:10px;
    }
    
#main h2 
{
    color:#FF9900;
    height:20px;
    font-size:15px;
    }
    
#main p 
{
    color:#333333;
    margin-top:10px;    
    }
    
#main a 
{
    color:#FF6600;
    text-decoration:none; 
    font-weight:bold;
    }
    
#main a:hover 
{
    color:#FF9900;
    text-decoration:none;
    }


.footer 
{
    width:790px;
    padding:5px;
    clear:both;
    text-align:center; text-decoration:none;
    color:white;
    background: #333333;
    border-top:5px solid #FF9900;
    border-bottom:5px solid #FF9900;
}

.footer a {color:white;  text-decoration:none;}
.footer a:hover {color:#ff9900;text-decoration:none;}

h1
{
    color:#FF6600; 
    display: inline; 
    text-align:center; 
    font-size:18px;
}

.enjoy
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:20px; height:45px;    
}

.enjoy2
{
    font-size:20px;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:20px;height:5px;
}

.maintext
{
    font-size:16px;
    color:#FFFFFF;
    text-decoration:none; text-align:left;
}


.box {
  width: 300px;
  background: url('/Images/div-bottom.gif') no-repeat left bottom;
}
.box h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #E0CFAB;
  background: url(/Images/h3-bg.gif) no-repeat top left;
  }
.box ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.box li {
  margin: 0 0 6px; 
  padding: 0;
  } 
  
 /*big box*/ 
.bigbox {
  width: 578px;
  background: url('/Images/div-bottom-big.gif') no-repeat left bottom;
}
.bigbox h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #FF9900;
  background: url(/Images/h3-bg-big.gif) no-repeat top left;
  }
.bigbox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.bigbox li {
  margin: 0 0 6px; 
  padding: 0;
  } 
  
  
   /*news box*/ 
.newsbox {
  width: 578px; height: 100%;
  background: url('/Images/div-bottom-news.gif') no-repeat left bottom;
}
.newsbox h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #FF9900;
  background: url(/Images/h3-bg-big.gif) no-repeat top left;
  }
.newsbox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.newsbox li {
  margin: 0 0 6px; 
  padding: 0;
  } 
  
  
  /*postcode box*/
.postcodebox {
  width: 400px;
  background: url('/Images/div-bottom-postcode.gif') no-repeat left bottom;
}
.postcodebox h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #FF9900;
  background: url(/Images/h3-bg-postcode.gif) no-repeat top left;
  }
.postcodebox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.postcodebox li {
  margin: 0 0 6px; 
  padding: 0;
  } 
  
  
  /*****************************************************/
  
.personalbox {
  width: 288px;
  background: url('/Images/div-bottom-personal.gif') no-repeat left bottom;
}
.personalbox h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #FF9900;
  background: url(/Images/h3-bg-personal.gif) no-repeat top left;
  }
.personalbox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.personalbox li {
  margin: 0 0 6px; 
  padding: 0;
  } 
  
  
  
  
  
  /****************************************************/
  
.linkbox {
  width: 300px;
  background: url('/Images/div-bottom-link.gif') no-repeat left bottom;
}
.linkbox h3 {
  margin: 0;
  padding: 6px 8px 4px 10px;
  font-size: 130%;
  color: #333;
  border-bottom: 1px solid #E0CFAB;
  background: url(/Images/h3-bg-link.gif) no-repeat top left;
  }
.linkbox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.linkbox li {
  margin: 0 0 6px; 
  padding: 0;
  } 
 
/* Indestrucible box */
 
.container {
  float: left;
  margin: 20px 0;
  padding: 0;
  color: #666;
  background: url(/Images/rounded-right.gif) top right no-repeat;
  } 
.desc {
  margin: 0;
  padding: 9px 9px 0 9px;
  background: url(/Images/rounded-left.gif) top left no-repeat;
  }
.link {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(/Images/rounded-left.gif) bottom left no-repeat;
  }
.link em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(/Images/rounded-right.gif) bottom right no-repeat;
  }
.container a {
  font-size: 130%;
  color: #e70;
  }

.heading
{
     font-size: 16px; color: #FF9900; font-weight: bold;
}

.paragraf
{
    font-size:14px; font-weight:bold;
}

		.updateProgressPanel
        {
	        position:relative;
	        width: 200px;
	        left: 30%;
	        top: -250px;
	        background-color: #ff9900;
	        border: solid 1px #ff9900;
	        text-align: left;
	        vertical-align: middle;		
	        padding-top: 16px;
	        padding: 5px;
        }
