#canvas {
 margin: 0 auto;
 margin-left: 10px;
 margin-right: 10px;
 min-width: 900px;
 _width: 900px;
}

#navigation {
 clear: both;
 font-family: Arial;
 font-size: 12px;
 height: 40px;
}
.menuelement {
 float: left;
 width: 130px;
 background-image: url(/img/purple_gradient.gif);
 background-repeat: repeat-x;
 border: solid 1px #5d0132;
 cursor: default;
 color: #fff;
}
.menuelement a {
 color: #fff;
}
.menucanvas {
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}
.menuchildren {
 width: 130px;
 visibility: hidden;
 position: absolute;
}
#pagemessage {
 clear: both;
 margin: 3px;
 padding: 3px;
 background-color: #090;
}
#pageerror {
 clear: both;
 margin: 3px;
 padding: 3px;
 background-color: #900;
}

.button {
 color: #ffffff;
 width: 120px;
 height: 30px;
 margin: 0px;
 vertical-align: middle;
 text-align: center;
 background-image: url(/img/purple_gradient.gif);
 background-repeat: repeat-x;
 border: solid 1px;
 border-color: gray black black gray;
}

.pager {
 line-height: 24px;
}
.pager .head {
 float: left;
}
.pager .pager_span {
 float: left;
 width: 40px;
 text-align: center;
}

#leftbar {
 padding: 5px;
 padding-top: 0px;
 vertical-align: top;
 text-align: center;
 background-color: #5d0132;
 width: 220px;
 height: 100%;
}
#leftbar h2,
#leftbar .links {
 text-align: left;
}
#leftbar #messagearea {
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: 5px;
 text-align: left;
}
#leftbar .leftmessage {
 border: solid 1px #666;
 border-bottom: solid 1px #00f;
 border-right: solid 1px #00f;
 padding: 3px;
 font-weight: bold;
 background-color: #ccf;
 line-height: 16px;
}
#leftbar .leftmessage a {
 color: #00f;
}

#leftbar p {
 margin: 0px;
 padding: 0px;
}

#leftbar legend {
 color: #fff;
 border: solid 2px #F1C73D;
 border-bottom: none;
 width: 100px;
 text-align: center;
}

#leftbar fieldset {
 margin-top: 15px;
 border: solid 2px #F1C73D;
 padding: 3px;
 width: 200px;
}

#logo {
 width: 225px;
 margin-right: 2px;
 float: left;
 text-align: center;
}
#navigation {
 width: 900px;
}
#bnnr {
 margin: 5px;
}
#body {
 vertical-align: top;
}

#bodycanvas {
 clear: both;
 padding: 10px;
 background-color: #460d25;
 border: 1px solid gray;
 min-height: 400px;
 _height: 400px;
}

#footer {
 clear: both;
 padding: 5px;
 text-align: right;
 font-size: 10px;
 color: #666;
}
#footer a {
 color: #666;
}

#userarea {
 width: 215px;
 font-size: 10px;
 border: solid 1px gray;
 text-align: left;
}
#userarea td {
}
#userarea th {
 padding-right: 3px;
}
#userarea input {
 width: 100px;
}

#userprofile {
 width: 330px;
 margin: 5px;
 float: left;
}
#userprofile th {
 width: 150px;
}
#userprofile td {
 width: 180px;
 text-align: right;
}

.prof {
 float: left;
 display: block;
 width: 230px;
 line-height: 16px;
}
.prof .head {
 color: #F1C73D;
 margin: 2px;
 font-weight: bold;
}
.prof .cont {
 margin: 2px;
 padding-left: 10px;
}

.person {
 clear: left;
 border-top: solid 1px #666;
 border-left: solid 1px #666;
 border-bottom: solid 1px #666;
 background-color: #460d25;
 margin: 2px;
 margin-top: 8px;
}
.person .prof {
 width: 120px;
}

.boardmessage {
 margin-bottom: 5px;
}
.boardmessage .contentarea {
 font-family: arial;
 margin: 5px;
 padding: 5px;
 border-top: solid 1px #999;
 border-left: solid 1px #999;
 border-bottom: solid 1px #666;
 background-color: #5D0132;
}

.boardmessage p {
 margin: 10px;
 font-size: 14px;
}

.boardmessage h2 {
 padding: 3px;
 margin: 0px;
}

.boardmessage .author {
 font-size: 10px;
 margin-left: 30px;
}


.privatemessage th {
 width: 120px;
}
.privatemessage td {
 vertical-align: top;
}
.messagebody {
 border: solid 1px #666;
 background-color: #5D0132;
}
.messagebody p {
 font-size: 14px;
}

#privafolder {
 width: 100%;
}
#privafolder th {
 text-align: left;
}

#calendar {
 margin: 5px;
}
#calendar h2 {
 margin: 0px;
 padding: 2px;
}
#calendar .day {
 clear: both;
 border-top: solid 1px #000;
 min-height: 50px;
 _height: 50px;
}
#calendar .weekend {
 background-color: #5D0132;
}
#calendar .dayname {
 text-align: left;
 padding-right: 5px;
 width: 150px;
}

#calendar .event {
 float: left;
 border: solid 1px #666;
 margin: 3px;
 padding: 2px;
 width: 250px;
 min-height: 40px;
 _height: 40px;
}

#calendar .adminevent {
 float: left;
 border: solid 2px #cccc00;
 margin: 3px;
 padding: 20px;
 width: 90%;
 min-height: 40px;
 _height: 40px;
  font-size: 12px;
}

#calendar .event .head {
 color: #F1C73D;
 margin: 3px;
}

#calendar .event .sender {
 font-size: 10px;
 border-bottom: 2px;
}
#calendar .event .calbody {
 padding: 3px;
}


.thumbholder {
 font-size: 10px;
 text-align: center;
 width: 110px;
 height: 200px;
 margin: 3px;
 background-color: #5d0132;
}
.thumbholder img {
 margin: 1px;
 margin-bottom: 0px;
}
.thumbholder .head {
 text-align: right;
 margin: 3px;
 padding: 3px;
}
.thumbholder .popularity {
 color: #F1C73D;
}
.thumbholder .subj {
 text-align: left;
 margin: 3px;
 color: #F1C73D;
}
.private_vis {
 background-color: #900;
 color: #fff;
}
.guests_vis {
 background-color: #F1C73D;
 color: #000;
}
.public_vis {
}

#memberlist th {
 text-align:left;
}
#memberlist {
 line-height: 16px;
}
.odd {
 background-color: #5d0132;
}

.bars {
 border-top: solid 1px #666;
 border-left: solid 1px #666;
 border-bottom: solid 1px #666;
}

.bars td {
 border-right: solid 1px #666;
 padding-left: 3px;
 padding-right: 3px;
}

.bars th {
 border-right: solid 1px #666;
 border-bottom: solid 1px #666;
 padding-left: 3px;
 padding-right: 3px;
}

.keyword {
 font-size: 14px;
}


#notebook {
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 24px;
	width: 215px;
}

.notehead {
 	color: #F1C73D;
	margin-top: 5px;
}

.notebody {
	background-color: #5d0132;
	margin-left: 30px;
	padding: 3px;
	font-family: monospace;
}