style media="screen" type="text/css"> 
    /* <!-- */
    /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;           /* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#000;
    ##    background-image: url('images/santabackgroundwithcoffee.jpg');
## background-repeat: repeat;
min-width:600px;        /* Minimum width of layout - remove line if not required */
                        /* The min-width property does not work in old versions of Internet Explorer */
        font-size:120%;
    }
    b {
    font-size: 120%;
    font-weight: bold;
    color: green;
}
    a {
        font-size: 130%;
        font-weight: bold;
        color:#DC143C;
    }
    a:hover {
        color:#fff;
        background:#006600;
        text-decoration:none;
    }
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
    img {
        margin:10px 0 5px;
    }
    /* Header styles */
    #header {
        clear:both;
       float:left;
        width:100%;
background-color: #00CC66;
    }
    #header {
        border-bottom:1px solid #000;
    }
    #header p,
    #header h1,
    #header h2 {
       text-decoration: none;
 text-align: center;
 font-size: 300%; 
    margin-top:0px;
margin-bottom:0px;}
    #header a {
        color: #DC143C;
    text-decoration: none;
}
    #header ul {
        clear:left;
        float:left;
        width:100%;
        list-style:none;
        margin:10px 0 0 0;
        padding:0;
    }
    #header ul li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0;
    }
    #header ul li a {
        display:block;
        float:left;
        margin:0 0 0 1px;
        padding:3px 0px;
        text-align:center;
        background:#eee;
        color:#000;
        text-decoration:none;
        position:relative;
        left:15px;
        line-height:1.0em;
    }
    .text { position: relative; left: -1px; top: -1px; color: #000;} 
}
    #header ul li a:hover {
        background:#369;
        color:#fff;
    }
    #header ul li a.active,
    #header ul li a.active:hover {
        color:#fff;
        background:#000;
        font-weight:bold;
    }
    #header ul li a span {
        display:block;
    }
    /* 'widths' sub menu */
    #layoutdims {
        clear:both;
        background:#eee;
        border-top:4px solid #000;
        margin:0;
        padding:6px 15px !important;
        text-align:right;
    }
    /* column container */
    .colmask {
        position:relative;  /* This fixes the IE7 overflow hidden bug */
        clear:both;
        float:left;
        width:100%;         /* width of whole page */
        overflow:hidden;        /* This chops off any overhanging divs */
    }
    /* common column settings */
    .colright,
    .colmid,
    .colleft {
        float:left;
        width:100%;         /* width of page */
        position:relative;
    }
    .col1,
    .col2,
    .col3 {
        float:left;
        position:relative;
        padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
                        only padding top and bottom is included here, make it whatever value you need */
        overflow:hidden;
    }
    /* 3 Column settings */
    .threecol {
        background:#ff0000;        /* right column background colour */
    }
    .threecol .colmid {
        right:20%;          /* width of the right column */
        background:#fff;        /* center column background colour */
    }
    .threecol .colleft {
        right:50%;          /* width of the middle column */
        background:#fff; /* left column background colour */
  background-image: url('images/santa22a1background.jpg');
    }
    .threecol .col1 {
        width:46%;          /* width of center column content (column width minus padding on either side) */
        left:102%;          /* 100% plus left padding of center column */
    }
    .threecol .col2 {
        width:26%;          /* Width of left column content (column width minus padding on either side) */
        left:26%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }
    .threecol .col3 {
        width:16%;          /* Width of right column content (column width minus padding on either side) */
        left:80%;           /* Please make note of the brackets here:
                        (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    }
    /* Footer styles */
    #footer {
        clear:both;
        float:left;
        width:100%;
        border-top:1px solid #000;
        font-size: 60%;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    .li_current  {
                list-style-image: url("images/holly1.gif");
            }
label,input {
    display: block;
    float: left;
    margin-bottom: 10px;
}


br {
    clear: left;
}
        
        
            /* --> */
    </style>