/********************************************
* File: demo.css
* Desc: Villa Esmeralda Style Sheet
* Lang: CSS level 1
********************************************/

/*** TAG defnintions     ***/

h1,h2,h3,h4,h5 {
 font-size: 12pt;
 line-height: 14pt;
 font-family: Arial,Helvetica,sans-serif;
}

body {
 background-color: #ffffff;
 font-size: 10pt;
 font-family: Arial,Helvetica,sans-serif;
}

small {
 background-color: #ffffff;
 font-size: 8pt;
 font-family: Arial,Helvetica,sans-serif;
}

td	{ font-size: 11pt; font-family: Arial,Helvetica,sans-serif; }
ul li	{ font-size: 100% }

strong em 	{ color: red }

/*** Class definitions   ***/

.B1	 { font-size: 200%; font-weight: bold; }
.B2	 { font-size: 175%; font-weight: bold; }
.B3	 { font-size: 150%; font-weight: bold; }
.B4	 { font-size: 125%; font-weight: bold; }
.B5	 { font-size: 100%; font-weight: bold; }
.red 	 { color: red }
.blue	 { color: blue }
.green	 { color: green }
.p2	 { line-height: 200% }
.callout { font-size: -1; }

DIV.pLOGO { 
 position: absolute;
 top:      0px;
 left:     0px;
 width:  150px;
 height: 125px;
 background-color: white;
}
DIV.pTOP { 
 position: absolute;
 top:      0px;
 left:   150px;
 width:  625px;
 height: 125px;
 text-align:     center;
 background-color: blue;
}
DIV.pBOT { 
 position: absolute;
 top:        495px;
 left:         0px;
 width:      775px;
 height:      50px;
 text-align: right;
 font-size:    70%;
 background-color: green;
}
DIV.pINDEX {
 position: absolute;
 top:    125px;
 left:     0px;
 width:  150px;
 height: 400px;
 font-size:    75%;
 line-height:  200%;
 background-color: yellow;
}
DIV.pBODY {
 position: absolute;
 top:    125px;
 left:   150px;
 width:  625px;
 height: 400px;
 background-color: red;
}

/*** ID definitions      ***/

#p2	  { line-height: 200% }
#big	  { font-size: 120% }
#upper	  { text-transform: uppercase }
#small    { font-size: 90% }
#smaller  { font-size: 80% }
#smallest { font-size: 70% }