div.calendar
{
  text-align: center;
  vertical-align: top;
}

div.timestamp
{
  text-align: right; 
  vertical-align: top;
  font-size: small;
  font-weight: bold;
}

a:link 
{
    color: #FFFF00; 
    text-decoration: underline;
    font-weight : bold;
}

a:visited 
{
    color: #FFFF00; 
    text-decoration: underline;
    font-weight : bold;
}

a:hover 
{
    color: white; 
    font-size: 100%; 
    text-decoration: none;
    font-weight : bold;    
}

a:active 
{
    color: white; 
    text-decoration: none;
    font-weight : bold;    
}

a.ParentLink:visited 
{ 
    color: blue; 
    font-weight : bold 
}

a.visit_web_site
{ 
    color: white; 
    font-weight : bold;
    text-decoration: underline;
    border: 2;
}

body
{
    font-family: Arial, "Times New Roman";
    color: Black;
    font-size: 10pt;
    /* background-image: url(images/background_wood_1.jpg); */
    background-repeat: no-repeat;
    background-color: white;  /*#BFA279;  */
    text-align: left;
    vertical-align: top;
    text-align: left;  
    margin: 0;
    padding:0; 
    border:0;
}

body.main
{
    font-family: Arial, "Times New Roman";
    color: Black;
    font-size: 10pt;
    background-repeat:repeat-x;
    background-image: url(images/background_gradient_1.jpg);
    background-attachment: fixed;
    background-color: white;  /*#BFA279;  */
    text-align: left;
    vertical-align: top;
    text-align: left;  
    margin: 0 0 0 0;    
    border: 0 0 0;
    padding: 0 0 0 0; 
}

body.top
{
    font-family: Arial, "Times New Roman";
    color: Black;
    font-size: 10pt;
    background-repeat:repeat-x;
    background-image: url(images/background_top.gradient.1.jpg);
    background-color: #BFA279;  
    text-align: left;
    vertical-align: top;
    text-align: left;  
    margin: 0;
    padding:0; 
    border:0;
}

img
{
    border-style:ridge;
    border-width:thin;
    border-color: #FFFF00;
}

p.page_header
{
    background-repeat: repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style: ridge;    
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12pt;
    font-style:italic;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    letter-spacing:2px;
    white-space: nowrap;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: .1cm;     
    width: 730px;
        
    /*OLD
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    font-style: italic;
    font-weight: bold;
    font-size: medium;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    width: 722px;
*/
}

#errorMessage
{
    COLOR: red;
    FONT-FAMILY: Arial, "Times New Roman";
    Font-SIZE: 20pt;
}

table.outermost
{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}











/******************************* TOP **********************************/
table.top
{
    font-family: Arial, "Times New Roman";
    font-size: 10pt;
    /*background-color: Transparent;  */
    background-image: url(images/background_wood_wide.jpg);
    visibility: visible;
    text-align: left;   
    vertical-align: top;
    padding: 0; 
    width: 100%;
    height: 152;
 }

td.top
{
    background-color: Maroon; 
    visibility: visible;     
    vertical-align: top;
    text-align:center;
    padding: 0; 
    width: 100%;    
 }

img.top
{
    border-style: none;
}







/******************************* ABOUT US **********************************/
table.aboutus
{
    background-color: Transparent;  
    visibility: visible;
    width: 743px;
    vertical-align: top;
    text-align: center;       
}

td.aboutus
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    font-style: normal;
    font-weight: normal;
    font-size: small;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
 }

 th.aboutus
{
    /*background-color: maroon; */
    background-repeat:repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style:  ridge;    
    font-style:  normal;
    font-weight: bold;
    font-size: 12pt;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: 2px; 
 }


table.aboutus_counties
{
    background-color: Transparent;  
    vertical-align: top;
    text-align: left;
    /*
    border-style:ridge;
    border-color:gold;
    border-width:thin; 
    */
}

th.aboutus_counties
{
    background-color: maroon;   
    font-style: normal;
    font-weight: bold;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: 0; /*.1cm; */
    
 }
 
td.aboutus_counties
{
    background-color: maroon;  
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: 0; /*.1cm; */
 }

ul.aboutus_counties
{
   text-align:left;
   margin-left: 20px; /*.4cm;*/
   line-height: 15px;
   vertical-align:top;
}
 
li.aboutus_counties
{
    padding: .1cm;   
}



 











/************************** PHOTO ****************************/
table.photo
{
    font-family: Arial, "Times New Roman";
    font-size: 12pt;
    background-color: Transparent;  
    /* -moz-opacity:0.4;
    filter:alpha(opacity=40); */
    visibility: visible;
    width: 743px;
    vertical-align: top;
    text-align: center;    
}

td.photo
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    font-style: normal;
    font-weight: bold;
    font-size: small;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: center;
    padding: .2cm; 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/********************************* DEFAULT *******************************/
table.default
{
    font-family: Arial, "Times New Roman";
    font-size: 10pt;
    background-repeat: no-repeat;
    background-color: Transparent;  
    visibility: visible;
    width: 50%;
    text-align: left;
    vertical-align: top;
    text-align: left;    
}


td.default
{
    background-color: Transparent; 
    visibility: visible; 
    text-align: left;    
    vertical-align: top;
    text-align: left;
    padding: .5cm;   
}












/************************ MAIN ***************************/
table.main
{
    background-color: Transparent;  
    visibility: visible;
    width: 743px;
    vertical-align: top;
    text-align: center;    
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
    /* -moz-opacity:0.4;
    filter:alpha(opacity=40); */
}


td.main
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    font-style: normal;
    font-weight: normal;
    font-size: small;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
 }
 
 td.main_header
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    font-style: normal;
    font-weight: bold;
    font-size: medium;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: center;
    padding: .2cm; 
 }




















/************************** MENU ****************************/
table.menu
{
    width: 180px;
    vertical-align: middle;
    text-align: center;
}


td.menu
{
    /* background-image: url(images/Logo.Watermark.jpg); 
    background-repeat: no-repeat; */
    background-color: maroon; 
    border-width: thick;
    border-color: #FFFF00;
    border-style: ridge;
    text-align: center;    
    vertical-align: top;
    text-align: center;
    padding: .1cm; 
    font-weight: normal;
    font-family: Cornerstone,Steam,Arial;
    color: #FFFF00;
    cursor: pointer;
  }

td.menu_over
{
    /* background-image: url(images/Logo.Watermark.jpg); 
    background-repeat: no-repeat; */
    background-color: maroon; 
    border-width: thick;
    border-color: white;
    border-style: ridge;
    text-align: center;    
    vertical-align: top;
    text-align: center;
    padding: .1cm; 
    font-weight: bold;
    font-family: Cornerstone,Steam,Arial;    
    color: white;
    cursor: pointer;
    /*white-space: nowrap; */  
}


 
 
 
 
 
 
 
 
 
 
 
 
/*************** Payment Info ******************/
table.pay
{
    font-size:10pt;
    width: 743px;   /*width: 100%; */
    background-color: Transparent;  
    visibility: visible;
    vertical-align: top;
    text-align: left; 
} 
 
th.pay
{
    background-repeat:repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style:  ridge;    
    font-style:  normal;
    font-weight: bold;
    font-size: 12pt;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: 2px; 
 }
 
 
td.pay
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
 }
  
td.pay_price
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: center;
    padding: .2cm; 
    white-space:nowrap;
 }
 
 
















/*************** News & Announcements ******************/
table.news
{
    background-color: Transparent;  
    visibility: visible;
    width: 100%; 
    vertical-align: top;
    text-align: left;     
} 
 

th.news
{
    /*background-color: maroon; */
    background-repeat:repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style:  ridge;    
    font-style:  normal;
    font-weight: bold;
    font-size: 12pt;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: 2px; 
 }
 

/* OLD 
th.news
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    font-style:  italic;
    font-weight: bold;
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
}
 */
 
td.news
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
 } 
 
 ul.news
 {
    text-align:left;
    margin-left: .4cm;
 }
 
 
 li.news
 {
    padding: .1cm;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*************** LINKS ******************/
table.links
{
    background-color: Transparent;  
    visibility: visible;
    width: 743px;           /* why can this not be 722px???- see payment.aspx */
    vertical-align: top;
    text-align: left;       
} 

th.links
{
    /*background-color: maroon; */
    background-repeat:repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style:  ridge;    
    font-style:  normal;
    font-weight: bold;
    font-size: 12pt;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: 2px; 
 } 
td.links
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
 } 
 
td.links_link
{
    font-size:  smaller;
    font-weight: bold;
    white-space: nowrap;
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
} 

 ul.links
 {
    text-align:left;
    margin-left: .4cm;
 }
 
 
 li.links
 {
    padding: .1cm;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 



















/*************** Officers & Delegates ******************/
table.officers
{
    background-color: Transparent;  
    visibility: visible;
    width: 743px;           /* why can this not be 722px???- see payment.aspx */
    vertical-align: top;
    text-align: left;    
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
    /* -moz-opacity:0.4;
    filter:alpha(opacity=40); */    
} 
 
td.officers
{
    background-color: maroon; 
    font-weight:bold;
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
 } 
 
 ul.officers
 {
    text-align:left;
    margin-left: .4cm;
    font-weight:normal;
 }
 
 
 li.officers
 {
    padding: .1cm;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

















 

/*************** Officers & Delegates ******************/
table.forms
{
    background-color: Transparent;  
    visibility: visible;
    width: 743px;           /* why can this not be 722px???- see payment.aspx */
    vertical-align: top;
    text-align: left;    
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
    /* -moz-opacity:0.4;
    filter:alpha(opacity=40); */    
} 
 

th.forms
{
    /*background-color: maroon; */
    background-repeat:repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style:  ridge;    
    font-style:  normal;
    font-weight: bold;
    font-size: 12pt;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: 2px; 
 }

 
td.forms
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
} 


td.forms_link
{
    font-size:  smaller;
    font-weight: bold;
    white-space: nowrap;
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
    /*  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0860a8', EndColorStr='#739ede'); */
} 
 
 
ul.forms
{
   text-align:left;
   margin-left: .4cm;
}
 
li.forms
{
    padding: .2cm;
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*************** TRAINING ******************/
table.training
{
    background-color: Transparent;  
    visibility: visible;
    width: 743px;    
    vertical-align: top;
    text-align: left;    
} 
 

th.training
{
    /*background-color: maroon; */
    background-repeat:repeat-x;
    background-image: url(images/background_wood_3.jpg);
    background-attachment: scroll;
    border-width: thin;
    border-color: maroon; /* #FFFF00;*/
    border-style:  ridge;    
    font-style:  normal;
    font-weight: bold;
    font-size: 12pt;
    font-family: Cornerstone,Steamer,OldCentury,Impact,Arial;
    color: Maroon; /*#FFFF00;*/
    visibility: visible;     
    vertical-align: middle;
    text-align: left;
    padding: 2px; 
 }

 
td.training
{
    background-color: maroon; 
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: left;
    padding: .2cm; 
} 
 
ul.training
{
   text-align:left;
   margin-left: .4cm;
}
 
li.training
{
    padding: .2cm;
}

  
  
  
  
  
  
  
  
 
 
table.text_links
{
    background-color: maroon; 
    width:740px;
    border-width: thin;
    border-color: #FFFF00;
    border-style: ridge;    
    color: #FFFF00;
    visibility: visible;     
    vertical-align: top;
    text-align: center;
    padding: .2cm; 
} 

td.text_links
{
    font-size: 7pt;
    color: #FFFF00;
}

table.page_outermost_table
{
    width: 745px;
    height: 100%;
    vertical-align: top;
    text-align: left;
}

td.page_outermost_table
{
    vertical-align: top;
    text-align: left;
}
 
td.outermost
{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    /* padding: 1.5cm; */
}


smallTD
{
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-FAMILY: Arial, "Times New Roman";
    /* padding: 1.5cm; */
}

#micro_hidden
{
	visibility: hidden;
	display: none;
	FONT-SIZE: 8pt;
   	COLOR: yellow;
   	FONT-FAMILY: Arial, "Times New Roman";
}

input.button
{
    background-color: silver;
    border-color: #FFFF00;
    color: maroon;
    border-style: ridge;
    border-width: thin;
    font-weight: bold;
    width: 250px;
}












/*
p {color: rgb(0,0,255)}
h1 {font-size: 150%}
h2 {font-size: 130%}
p {font-size: 100%}
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
p 
{
border: medium double rgb(250,0,255)
}
border-style: solid;
border-right-width: 15px
border-style: solid;
border-color: #0000ff
p.topmargin
{
margin-top: 25%
}
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.decimal {list-style-type: decimal}
ul.decimal-leading-zero {list-style-type: decimal-leading-zero}
ul.lower-roman {list-style-type: lower-roman}
ul.upper-roman {list-style-type: upper-roman}
ul.lower-alpha {list-style-type: lower-alpha}
ul.upper-alpha {list-style-type: upper-alpha}
ul.lower-greek {list-style-type: lower-greek}
border-collapse: separate;
border-spacing: 10pxa
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li {display:inline}
<html>
<head>
<style type="text/css">
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
</style>
</head>
<body>

<div class="container">
<div class="header"><h1 class="header">W3Schools.com</h1></div>
<div class="left"><p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)</p></div>
<div class="content">
<h2>Free Web Building Tutorials</h2>
<p>At W3Schools you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p>
<p>W3Schools - The Largest Web Developers Site On The Net!</p></div>
<div class="footer">Copyright 1999-2005 by Refsnes Data.</div>
</div>

</body>
</html>


p.one
{
position:fixed;
left:5px;
top:5px;
}
div 
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll
}
z-index:-1
img
{
position:absolute;
top:5%
}
a.two:hover {font-size: 150%}
p:first-line 
{
color: #0000ff;
font-variant: small-caps
}
<html>
<head>
<style type="text/css">
div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
</style>
</head>
<body>

<div class="img">
 <a target="_blank" href="klematis_big.htm"><img src="klematis_small.jpg" alt="Klematis" width="110" height="90" /></a>
 <div class="desc">Add a description of the image here</div>
</div>
<div class="img">
 <a target="_blank" href="klematis2_big.htm"><img src="klematis2_small.jpg" alt="Klematis" width="110" height="90" /></a>
 <div class="desc">Add a description of the image here</div>
</div>
<div class="img">
 <a target="_blank" href="klematis3_big.htm"><img src="klematis3_small.jpg" alt="Klematis" width="110" height="90" /></a>
 <div class="desc">Add a description of the image here</div>
</div>
<div class="img">
 <a target="_blank" href="klematis4_big.htm"><img src="klematis4_small.jpg" alt="Klematis" width="110" height="90" /></a>
 <div class="desc">Add a description of the image here</div>
</div>

</body>
</html>

<html>
<head>
<style type="text/css">
img
{
-moz-opacity:0.4;filter:alpha(opacity=40);cursor:hand"
}
</style>
</head>
<body>

<h1>Image Transparency</h1>
<img src="klematis.jpg" width="150" height="113" alt="klematis"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40" />

<img src="klematis2.jpg" width="150" height="113" alt="klematis"
onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40" />
</body>
</html>
<html>
<head>
<style type="text/css">
div.background
{
  width: 500px;
  height: 250px;
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
  -moz-opacity:0.6;
}
div.transbox p
{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
}
</style>
</head>
<body><div class="background">
<div class="transbox">
<p>This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
</p>
</div>
</div>
</body>
</html>
}
*/