body {
    margin: 0px;
    padding: 0px;
/* here's where you change the background-image, the color is defined so that it has a background if the image will not load, "fixed" means that the image will not scroll when you move down the page */
    background: #800000 url("bg-img.jpg") fixed;
}

body, p, html, table, td {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #800000;
/* if you want your markup to validate according to W3C-standards delete the next 8 lines, but your scrollbar will look like hell! */
    scrollbar-face-color: #ff9900;
    scrolbar-highlight-color: #800000;
    scrollbar-shadow-color: #800000;
    scrollbar-3dlight-color: #800000;
    scrollbar-arrow-color: #800000;
    scrollbar-track-color: #ff9900;
    scrollbar-darkshadow-color: #800000;
    scrollbar-base-color: #ff9900;
}


#header {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}


#left {
    margin-top: 0px;
    padding: 0px;
    position: absolute;
    top: 120px;
    left: 25px;
    width: 500px;
}


#right {
    padding: 0px;
    margin-top: 0px;
    position: absolute;
    top: 120px;
    left: 550px;
    width: 225px; 
}


#right, #right p { 
    font-size: 11px;
    line-height: 15px;
}


.footer {
    margin: 4px 4px 10px 4px;
    padding: 4px;
    text-align: center;
    border: 1px dashed #800000;
    background: #ff9900;
    color: #800000;
    font-size: 11px;
    line-height: 15px;
}


.block {
    margin: 10px 10px 25px 10px;
    padding: 4px;
    background: #ff9900;
    border: 1px dashed #800000;
}


.block H3 {
     background: #800000;
     color: #ff9900;
     margin: 4px 4px 4px 4px;
     padding: 4px;
     font-size: 13px;
}


.entrydate {
    color: #ff9900;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 8px 0px;
}


.entryblock {
    margin: 4px 4px 25px 4px;
    padding: 4px;
    border: 1px dashed #800000;
    background: #ff9900;
    color: #800000;
}


.entryblock H3 {
    background: #800000;
    color: #ff9900;
    margin: 4px 4px 4px 4px;
    padding: 4px;
    font-size: 13px;
}


.block P {
    margin: 0px;
}


H1 {
    font-size: 32px;
    margin: 4px;
    padding: 16px 0px 16px 16px;
    color: #ff9900;
}


H1 A {
    color: #ff9900;
    font-weight: bold;
    text-decoration: none;
}


H1 A:hover {
    color: #008000;
    font-weight: bold;
    text-decoration: underline;
}


H2 {
    font-size: 20px;
    margin: 4px;
    padding: 4px 0px 12px 15px;
    color: #ff9900;
    font-style: italic;
}


H3 {
    font-size: 13px;
}


.date {
    color: #ff9900;
    background: #800000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    float: right;
}


.date a {
    color: #ff9900;
    text-decoration: none;
    font-weight: bold;
}


.date a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #008000;
}


.entryfooter {
    color: #800000;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    text-align:right;
    margin: 0px;
    padding: 6px 0px;
    clear: both;
}


.entryfooter A {
    text-decoration: underline;
    font-weight: bold;
    color: #800000;
}


.entryfooter a:hover {
    text-decoration: underline;
    color: #008000;
}


a {
    font-weight: bold;
    text-decoration: underline;
    color: #800000;
}


a:hover {
    color: #008000;
    font-weight: bold;
    text-decoration: underline;
}


.place {
    background: #800000;
    color: #ff9900;
    border: 1px dashed #ff9900;
    margin: 10px 4px 25px 4px;
    padding: 4px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
    

.searchresult {
    margin: 10px 4px 10px 4px;
    padding: 4px;
    border: 1px dashed #800000;
    background: #ff9900;
    color: #800000;
    font-size: 11px;
    line-height: 15px;
}


.searchresult H2{
    background: #800000;
    color: #ff9900;
    margin: 4px 4px 4px 4px;
    padding: 4px;
    font-size: 13px;
    font-style: normal;
}


.content p {
    margin: 4px 2px 4px 2px;
}


.prevnext_links {
    color: #ff9900;
    font-size: 11px;
}


.prevnext_links A {
    color: #ff9900;
    text-decoration: underline;
}


.prevnext_links A:hover {
    color: #008000;
}


/* these styles are for the search boxes */
.searchbox { 
    width: 10em; 
    font-size: 11px;
    color: #ff9900;
    background: #800000;
}


.searchbutton {
    border: 1px solid #800000;
    font-size: 11px;
    color: #ff9900;
    background: #800000;                
}


/* these styles are for the calendar widget */
.calendar { 
    padding: 1px 5px;
    margin: 0px;
    border-right: 1px solid #800000;
    border-bottom: 1px solid #800000;
    font-size: 11px;
    color: #800000;
}


.calendarHeader { 
    font-weight: bold; 
    color: #ff9900;                   
    background: #800000;
    margin:0px;
    padding: 2px 5px;
    font-size: 13px;
}


.calendartoday { 
    font-weight: bold;
    background: #ff9900;
    color: #800000;
    border: 3px solid #800000;
}

	
table.calendar {
/* only the calendar has a line, not the individual cells */
    border: 1px solid #800000;
    padding:0px;
    width: 195px;
}


.calendar A {
    font-weight: bold; 
    color: #800000;
    text-decoration: underline;
}


.calendar A:hover {
    font-weight: bold; 
    color: #008000;
    text-decoration: underline;
}


.calendarHeader A {
    font-weight: bold; 
    color: #ff9900;
    text-decoration: none;
}