/* This is the verdada style sheet. */

.body {border: 3px solid #DEDEF4; padding: 0px; background: #FFF4C5; width: 698px;
       position: relative; left: 0; top: 10; }

.body td {border 1px dotted red;}

.title-bar {border: 0px; padding: 10px; margin: -1px; background: #C2C2F4; height: 55; width: 698;
            position: relative; top: 0px; left: 0px;
            font-family: Arial Black; color: black; font size: bold 20;}
            
.title-bar img {border: 0px; padding: 0px; position: relative; left: 15;}

.menu-bar {border: 0px dotted red; padding: 0px; margin: -1px; position: relative;
           height: 35px; width: 698; top: 1px; left: 0px;
           background-image: url(../images/menu-back-4.gif); background-repeat: repeat-x;}

.dark-blue-area {border: 0px dotted red; padding: 0px; margin: -1px; position: relative;
                 height: 75; width: 698; top: 2px; left: 0px;
                 background: #C7C7ED;}

.light-blue-area {border: 0px dotted red; padding: 10px; margin: -1px; position: relative;
                 height: 45; width: 698; top: 0px; left: 0px;
                 background: #DEDEF4;
                 font-family: arial black; color: #0000F6; font size: bold 32;}
.light-blue-area td {padding-left: 25px;}
.tan-area {border: 3px solid #DEDEF4; padding: 0px; margin: 0px; background: #FFF4C5;
           width: 698; padding-left: 30px;
           position: relative; left: 0px; top: 0px; }

/* This style element creates the copyright. */
.copywrite {border: 0px dotted black; background: clear;
           font-family: Monospaced; font size: bold 10; color: #000096; 
           height: 12; vertical-align: center; margin-right: 20px;
           position: absolute; bottom: 3; right: 0;}

/* These style elements layout the rounded corners. */
img.tlc {border: 0px; background: clear; position: absolute; top:0; left:0;}
img.trc {border: 0px; background: clear; position: absolute; top:0; right:0;}
img.lrc {border: 0px; background: clear; position: absolute; bottom:0; right:0;}
img.llc {border: 0px; background: clear; position: absolute; bottom:0; left:0;}

/* This style element creates a bordered icon-and-text element.*/
.quote {border: 2px solid #000096; margin: 10px; margin-left: 15px;
        position: relative; top: 0px; left: 0px;}
.quote td.icon-area {background: #DEDEF4; border: 1px solid #000096; padding: 8px;}
.quote td.text-area {background: #FFFFFF; border: 1px solid #000096; padding: 8px;
                     font-family: Arial; font size: bold 12; color: #000096; }

/* This style element creates a bordered text list element.*/
.sidebar {border: 3px solid #000096; position: static;
          font: Arial black; font-size: 13; font-weight: bold; background: #FFFFFF;}
.sidebar td {padding: 5px; padding-left: 15px; padding-right: 8px; border: 0px dotted red;}
.sidebar td.title { color: black; font-family: Arial; font-size: 14; padding-left: 8px;}
.sidebar td.list { color: blue; font-family: Arial; font size: bold 12;}
.sidebar td.icon { padding: 0px; padding-left: 8px;}