html, body, #wrapper {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
}

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

html {
    background-color: #ff8;
    }

body {
    background-image:url(../red-bar1.jpg);
    background-repeat: repeat-y;
    position: relative;
    width: 100%;
    height: auto;    
    margin: 0;
    }

p {
    font-size: 1em;
    margin: 1em 0;  /*required for IE's buggy behavior
                      with collapsing margins*/
    }

h1, h2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: capitalize;
    }

#wrapper {
    position: relative;
    top: 0;
    left: 0;
    }

#main {
padding-bottom: 4em;     /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
    min-height: 400px !important;
    height: auto !important;
    }

#left-col {
top: 0px;
left: 0px;
width: auto !important;
padding: 10px !important;
    min-height: 400px !important;
    height: auto !important;
text-align:left;
position:fixed;
float:left !important;
}
    
#content {
margin-top: 0px;
margin-left: 170px;
padding: 20px 30px 20px 20px;
    min-height: 400px !important;
    height: auto !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:300;
color:#333333;
}

/* #menubar {
width: 100%;
text-align: center;
background:url(../images/menubar.gif) repeat-x;
padding:6px 0px 6px 0px;
max-height:30px !important;
font-size:.72em;
font-weight:700;
color:#000;
position:relative;
} */

/* #footer {
bottom: -30px;
width: 100%;
text-align: center;
padding:0px !important;
/*max-height:80px !important;*/
font-size:.75em;
font-weight:700;
color:#000;
position: absolute;
} */

.bk6 {
text-align:center;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.6em;
font-weight:500;
color:#666666;
}

.bk8 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:600;
color:#dd0;
text-decoration:none;
}

.bk9 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#ff0;
text-decoration:none;
}

a.bk9:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#ff0;
text-decoration:none;
}

a.bk9:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#ff0;
text-decoration:none;
}

a.bk9:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800;
color:#0f0;
text-decoration:underlined;
}

a.bk10:link,a.bk10:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:700;
color:#000;
text-decoration:none;
}

a.bk10:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:700;
color:#666;
text-decoration:none;
}

a.bk10:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:700;
color:#090;
text-decoration:none;
}

.rjust {
padding: 0px;
margin: 0px;
top: 0px;
right: 8px;
position: relative;
font-family: Arial, "Times New Roman", Times, serif;
color: #444444; 
font-size: .9em; }

.cjust {
padding: 0px;
margin: 0px;
position: relative;
 }

.ljust {
padding: 0px;
margin: 0px;
top: 0px;
left: 8px;
position: relative;
font-family: Arial, "Times New Roman", Times, serif;
color: #444444; 
font-size: .9em; }