body {
    background: url("/siteimg/wallpaper.jpg") repeat-x;
    background-position: 0px top;
    margin: 0;
    padding: 0;
    height: 100%;
	font-family: Lucida Sans Unicode;
    font-size: 10pt;
    color: #666666;
	text-align: center;
}

html {
    background: #000 url("/siteimg/wallpaper1.jpg");
    /* Height is 100%, so the body can be 100% */
    height: 100%;
}

/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
    high as the window's viewport is; higher content (upon
    scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
 'bout IE7.
*/
html>body {
    min-height: 100%;
    height: auto;
}



INPUT {
        font-family: Lucida Sans Unicode;
        font-size: 7pt;
        color: #666666;
        background: #CCCCCC;
        border: 1px solid #666666;
}

a {
        text-decoration: none;
        color: #666666;
}

a:hover {
        text-decoration: underline;
        color: #393839;
}


div#title {
        border-left: 5px ;
        padding-left:3px;
        font-weight: bold;
}
        
div#date {
        text-align: right;
        padding:5px;
        font-style: italic;
}

div#archive {
        padding-left: 25px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: left;
}

div#wrapperAll {
        width: 660px;
				margin: auto;
}

div#top {
        height: 117px;
        background-image: url('/siteimg/top.png');
        background-repeat: no-repeat;
        margin:0px;
				text-align: right;
}

div#topWrapper {
        clear: both;
        padding-left:20px;
        padding-right:20px;
}

div#logo {
        width: 272px;
        height: 37px;
        text-align: left;
				font-size: 27px;
				padding-left:3px;
        float:left;
}

div#menu {
        text-align: right;
        height: 37px;
        padding-right:10px;
        
}

div#sep {
        background-image: url('/siteimg/sep.png');
        background-repeat: no-repeat;
        height:14px;
        clear: both;
}

div#content {
        background-image: url('/siteimg/border.png');
        background-repeat: repeat-y;
        margin:0px;
        clear: both;
}

div#wrapperContent {
        clear: both;
				text-align: center;
}

div#wrapperNote {
        margin-left: auto;
        margin-right: auto;
        width: 591px;
}

div#noteTop {
        background-image: url('/siteimg/note_top.png');
        background-repeat: no-repeat;
        height:16px;
}

div#noteContent {
        background-image: url('/siteimg/note_bg.png');
        background-repeat: repeat-y;
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px;
}

div#noteBottom {
        background-image: url('/siteimg/note_bot.png');
        background-repeat: no-repeat;
        height:16px;
}

div#bottom {
        height: 0px;
        background-image: url('/siteimg/bottom.png');
        background-repeat: no-repeat;
        margin:0px;
        padding-top:20px;
}