/* for control.htm
menu items border */
/*ID*/

#content{
  width:80%;
  margin:-40px 0 20px 20px;
  padding:10px;
  border:3px solid #666;
  background-color:#C0CFEA; /*blue*/
  z-index: 10;
}
#checkoutbutton {
  float: left;
  background-color: #ffff99;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  width: 75px;
  height: 55px;
  border: 2px solid #00ff00;
  padding: 5px;
  display: block;
}
#checkoutbutton:hover {
  opacity: 0.6;
  background-color: #ffffff;
 }

A:link {color: blue; text-decoration:none}
A:visited {color: #880088; text-decoration:none}
A:hover {text-decoration:underline; opacity: 1; color:#880088;}


/* font colors */
.fb {color:#0000ff;} /* blue */
.fr {color:#ff0000;} /* red */
.fg {color:#00ff00;} /* green */

/* font red italic */
em	{color:red;}

/* Text styles */

h1	{color:#ff00ff;font-size:2em;}

hl	{color:#000000;font-size:12pt;}

h2	{color:#000000;font-size:14pt;}

h3	{color:#000000;font-size:18pt;}

h4	{color:#000000;font-size:22pt;}

h5	{color:#0000ff;font-size:28pt;}

h6	{color:#000000;font-size:32pt;}

/* General Classes */
.gn {background:#ccffcc;}

.bl {background:#ccccff;}

.pnk {background:#ffcccc;}

.yel {background:#ffff99;}

.wh {background:#ffffff;}


.grad {style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');";
}

/*classes*/
.body{
background-color:#00ffff; /*cyan*/
background-color:#ff00ff; /*violet*/
background-color:#0000ff; /*blue*/
background-color:#00ff00; /*green*/
background-color:#ff0000; /*red*/
background-color:#ffff00; /*yellow*/
background-color:#ffff99; /*lightyellow*/
font-family: Times New Roman, serif;
z-index=1;
}

.linx a:link {color: #009900;}
.linx a:visited {color: #0000ff;}
.linx a:hover {color: #333333;}
.linx a:focus {color: #333333;}
.linx a:active {color: #009900;}

.whitespace{
position: absolute; left: 0; top: 0;
width: 100%; height: 130px; background-color:white;
z-index:2;
}
.GreenRadial1, .GreenRadial2{
position: absolute;  top: 0;
width: 10%; height: 130px; background-color:white;
z-index:20;
}
.GreenRadial1{left: 0px;}
.GreenRadial2{right: 0px;}
.Counter{
position: absolute; top: 60px; right: 10%;
width: 10%; height: 30px; background-color:white;
z-index:10;
}

.Clock2{
position: absolute; top: 100px; left: 8%;
z-index:300;
}

.Logo{
position: absolute; top: 10px; left: 35%;
width: 400px;
 height: 120px; background-color:white;
z-index:10;
}

.Text1{
position: absolute; left: 0px; top: 130px; 
width: 100%;
font-weight:bold; color: red;
background-color:white; text-align:center;
height: 25px;
z-index:30;
}
.Text2, .Text3{
position: absolute; top: 90px;  height: 20px;
width: 10%; background-color:green;
font-weight:bold; color:silver; z-index:9;
}
.Text2{
left: 10%;
}
.Text3{
right: 10%;
}
.Text4{
position: absolute;
top: 400px;  
height: 30px;
width: 20%; 
background-color:green;
font-size: 18pt;
font-weight:bold; color:silver; z-index:9;
left: 40%;
}
.Text5{
position: relative;
top: -380px;  
font-weight:bold;
border-style: double;
border-color: blue;
background-color: #ffffff;
padding-left: 10px;
left: 5%;
width: 50%;
height: auto; /*170px;*/
z-index:9;
}
.panel{
position: absolute;
top: 155px;
left: 0%;
background-color: #ffff99;/*was #ffFFc0;*/
width: 100%;
height: 50px;
z-index: 200;
}
.panel1{
position: absolute;
top: 220px;
left: 0%;
background-color: #ffff99;/*was #ffFF80;*/
width: 100%;
height: 120px;
z-index: 200;
}

.wrap{
float: left;
margin: 20px;
}
.middle{
position: absolute;
bottom: 800px;
left: 10px;
}
.bottom{
position: absolute;
bottom: 220px;
left: 10px;
}

.pic1 {
position: absolute;
width: 601px;
height: 226px;
background-color: #ffffff;
}
.pic3, .pic4, .pic5, .pic6, .pic7, .pic8{
position: relative;
width: 301px;
height: 226px;
background-color: #ffffff;/*was #ffFF80;*/

}.pic1 {
top: 120px;
left: 25%;
z-index: 20;
}


.pic3 {
top: 100px;
left: 65%;
z-index: 10;
}

.pic4 {
top: 100px;
left: 10%;
z-index: 60;
}

.pic5 {
top: -100px;
left: 65%;
z-index: 4;
}

.pic6 {
top: -150px;
left: 25%;
z-index: 5;
}

.pic7 {
top: -250px;
left: 65%;
z-index: 8;
}

.pic8 {
top: -400px;
left: 10%;
z-index: 7;
}

.leftcolumn {
position: absolute;
width: 25%;
height: 50%;
top: 155px;
left: 5%;
border-style: solid;
background-color: #00FF80;
}
.centercolumn {
position: absolute;
width: 25%;
top: 155px;
left: 35%;
margin: 0px;
border: 5px;
border-color: red;
padding: 10px;
border-style: groove;
background-color: #00FFc0;
}
.rightcolumn {
position: absolute;
width: 25%;
top: 155px;
left: 65%;
border-style: ridge;
background-color: #00FFFF;
}
.b1
{
font-size:14pt;
font-family:Sans-Serif;
text-align:center; 
background-color: #ffff99;
border:inset 2px;}

.day
{background-color: white;
font-size:28pt;
text-align:center;
}

.big
{font-size:18pt;
}

.prog
{background-color: #ffff99;
font-size:14pt;
text-align:top;
}

.TextSpace{
position: absolute: 0px; 0px; 0px; 0px;
width: 30%; height: 130px; background-color:blue;
}
.Text{
position: absolute; top: -50px; left: 5px;
width: 20%; margin-left: 5px; height: 40px; 
background-color:red;
}
.pict{
position: absolute; left: 30%; top: 0;
width: 100%; height: 130px; 
background-color:white;
z-index: 2;
background-image: URL("file:///D:/bedrock/web%20pages/test/dscf0067rp.jpg") no-repeat
}
#leftcontent {
position: absolute;
left: 10px;
top: 50px;
width: 200px;
background: #fff;
border: 1px solid #000;
}
#centercontent {
background: #fff;
margin-left: 199px;
margin-right: 199px;
border: 1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right: 201px;
}
html>body #centercontent {
margin-left: 201px;
margin-right: 201px;
}
#centerleftcontent {
position: absolute;
left: 22%;
width: 28%;
top: 50px;
background: #fff;
}
#centerrightcontent {
position: absolute;
left: 51%;
width: 28%;
top: 50px;
background: #fff;
}
#rightcontent {
position: absolute;
right: 10px;
top: 50px;
width: 200px;
background: #fff;
border: 1px solid #000;
}

.hilite {
background: #ffffff;
}

/*body {class=grad;}*/

body {
background: #ffffff;
font-family: Serif;
}

/* prog sched */
td	{font-size:14pt; vertical-align: top;}

td.dual
{background-color: #ffff99;
color: green;
text-align: top;
}

td.one
{background-color: #66ff99;
width: 100px;
/*position: absolute;}*/
}

td.two
{background-image: "C:\my Documents\My Pictures\colours.gif";
width: 100px;
/*position: absolute;}*/
}

td.three
{background-color: red;
width: 100px;
/*position: absolute;}*/
}

/* Specific Classes */
div.menucontrol
{border: 4px solid lightblue;
background-color: lightblue;
width: 300px;
}

div.tabl	/* programme Schedule */
{background-color: #ffff99;
position:"right";
width:"100%";
font-size:28pt;
}

div.menu	/* drop down menus */
{
background-color: #ffff99;
position: absolute;
visibility: show;
left: 5px;
top: -50px;
z-index: 2;
font-size: 28pt;
}

div.menun	/* drop down menus for Netscape*/
{
background-color: #ffffff;
visibility: show;
left: 5px;
top: -60px;
z-index: 1;
font-size: 28pt;
}
table.menun	/* drop down menus */
{
padding: 3px;
border: outset 1px;
border: inset 1px;
border-spacing: 1px;
border-collapse: seperate;
width: 180px;
border-color: #0000ff;
}

table.menu	/* drop down menus */
{
padding: 5px;
border: outset 1px;
border: inset 1px;
border-spacing: 5px;
border-collapse: seperate;
width: 200px;
border-color: #000000;
}

table.mem	/* drop down menus */
{width: "100%";
padding: 5px;
border: outset 1px;
border: inset 1px;
border-spacing: 5px;
border-collapse: seperate;
width: 100%;
border-color: #000000;
position: center ;
}


body.menu
{background-color: #ffffff;
font-size: 14pt;
}
/*
body.grad
{background-color: #ffffff;
font-size:14pt;
background-image:filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFEA', startColorstr='#FFFFFF', gradientType='0');
}

/* Paragraph Style */
P.raise:first-letter /*raised capital*/
{font-size: 200%;}

p.drop:first-letter /* drop capital*/
{font-size: 300%;
 float: left; 
 color: #ff0000;
 line-height: 35px;
 padding-top: 3px; 
 padding-right: 3px;
 font-family: Times, serif, Georgia;
}

p.menu
{font-size: 120px;
position: absolute;
top: 280px;
}

/* Green Tabs */
/*- Menu Tabs C--------------------------- */

    #tabsC {
      float:left;
      width:"100%";
      background: #EDF7e7; /* background ribbon */
      font-size: 93%;
      line-height: normal;
      }
    #tabsC ul {
        margin: 0;
        padding: 10px 10px 0px 50px;
        list-style: none;
      }
    #tabsC li {
      display: inline;
      margin: 0;  /*  0  */
      padding: 0;  /*  0  */
      }
    #tabsC a {
      float: left;
      background: url("tableftC.gif") no-repeat left top;
      margin: 0;
      padding: 0 0 0 4px;  /*  0 top - 0 gap - 0 bottom - 4 left  px  */
      text-decoration: none;
      }
    #tabsC a span {
      float: left;
      display: block;
      background: url("tabrightC.gif") no-repeat right top;
      padding: 5px 15px 5px 6px;  /* 5px top - 15px right - 4px bottom - 6px left */
      color: #464E42;	/* text colour */
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#fff; /* text colour */
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC #current a {
                background-position:0% -42px;
        }
        #tabsC #current a span {
                background-position:100% -42px;
        }