body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #DDDDDD;
	background: url(../images/bg_page.jpg);
	padding: 0px;
	padding-bottom: 3000px;
	margin: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
a {
color: #FFCC00;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 829px;
	height: 121px;
}
#left_column {
position: absolute;
top: 125px;
width: 150px;
float: none;
}
#totem {
	height: 477px;
	width: 100%;
	background: url(../images/totem.jpg) no-repeat top;
	text-align: center;
	margin-top: 5px;
}
#center_column {
float:left;
position: absolute;
top: 125px;
left: 155px;
width: 670px;
}
#content {
float: none;
width: 100%;
}

.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 13px; height: 13px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -13px 0px 0px 0px; }
.borderBR { margin: -13px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -3px;
    ma\rgin-left: -3px;
}
html>body .borderTL {
    margin-left: 0px;
}
.borderTR {
    margin-right: -3px;
    ma\rgin-right: -3px;
}
html>body .borderTR {
    margin-right: 0px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: -3px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: -3px;
}
html>body .borderBR {
    margin-right: 0px;
}


/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid #00000;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
} 

.contentLeftMenu {
    margin: 0px;
    padding: 5px;
    /* border: 1px solid #00000; */
	background: url(../images/bg_box.jpg);
}
.contentWrapperLeftMenu {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
	margin-left: 3px;
} 
.contentWrapperBox {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
} 
.contentHomePage {
    margin: 0px;
    padding: 5px;
	background: url(../images/bg_box.jpg);
}
.contentPage {
    margin: 0px;
    padding: 20px;
	background: url(../images/bg_box.jpg);
}
.contentTopMenu {
    margin: 0px;
    padding: 5px;
	height: 54px;
    border: 1px solid #888888;
	background: url(../images/bg_box.jpg);
	text-align: center;
	line-height: 20px;
}
.red_bullet {
margin-left: 10px;
margin-right: 5px;
}
.top_menu_link {
padding-left: 18px;
padding-right: 18px;
text-decoration: underline;
/* border-bottom: 1px solid #888888; */
}
#copyright {
position: absolute;
left: 0px;
bottom: 5px;
width: 100%;
text-align: center;
color: #888888;
}