html,body {
        margin:0;
        padding:0;
        color:#000;
        background:#fff url(./gifs/bgdstripe.gif);
}
body {
        padding:10px;
/*        font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; */
         font:76%/135% Verdana, Arial, Helvetica, sans-serif;
         height: 101%;
        Text-align: center;
}
p {margin:1em 0;}
.small {font-size:80%;}


  A:link        { color:navy; text-decoration:none; font-weight:normal; }
  A:visited        { color:navy; text-decoration:none; font-weight:normal; }
  A:active        { color:maroon; text-decoration:none; font-weight:normal; }
  A:hover         { color:maroon; text-decoration:none; font-weight:normal; background-color: yellow; }
  strong.copyright { FONT-FAMILY: times; FONT-SIZE: 7pt; FONT-WEIGHT: 100; COLOR:#999999; }

/* Box Layout created by Roger Johansson at www.456bereastreet.com */
/* www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/ */
/* CSS for the box starts here ================================================*/
.cb {
        margin:0.5em 0;
}
/* Rules for the top corners and border */
.bt {
        background:url(./gifs/box.png) no-repeat 100% 0;
        margin:0 0 0 18px;
        height:17px;
}
.bt div {
        height:17px;
        width:18px;
        position:relative;
        left:-18px;
        background:url(./gifs/box.png) no-repeat 0 0;
}
/* Rules for the bottom corners and border */
.bb {
        background:url(./gifs/box.png) no-repeat 100% 100%;
        margin:0 0 0 18px;
        height:17px;
}
.bb div {
        height:17px;
        width:18px;
        position:relative;
        left:-18px;
        background:url(./gifs/box.png) no-repeat 0 100%;
}
/* Insert the left border */
.i1 {
        padding:0 0 0 12px;
        background:url(./gifs/borders.png) repeat-y 0 0;
}
/* Insert the right border */
.i2 {
        padding:0 12px 0 0;
        background:url(./gifs/borders.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
        background:#fff;
        border:1px solid #fff;
        border-width:1px 0;
        padding:0 10px;
}
/* CSS for the box ends here ================================================*/

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
        margin:0 -10px;
        padding:0.3em 10px;
        background:#efece6;
        font:bold 1.2em/1 Verdana, Arial, Helvetica, sans-serif;
}

#main {
        position:relative;
         margin: 0px auto;
         text-align: left;
         width: 990px;
         }
#leftcol {
        float:left;
         text-align: left;
         width: 330px;
         }
#midcol {
        float:left;
         text-align: left;
         width: 330px;
         }
#midcol2 {
        float:left;
         text-align: left;
         width: 330px;
         }
#rightcol {
        float:left;
         text-align: left;
         width: 330px;
         }
#footer {
        text-align:center;
        clear:both;
}