body {
	margin:0px 0px;
	/* Center wrapper in IE <5.5 */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
}

#wrapall {
	background-image: url(images/bg.gif);
	width: 750px;
	/* neutralize center from body */
	text-align: left;
	margin: 0px auto;
	overflow: visible;
}

#innerwrapper {
	background-image: url(images/bg.gif);
	float:left;
	width: 750px;
}

#headerlogo {
	margin-bottom:20px;
}

#mainmenu {
	float:left;
	width: 150px;
}

.box {
	/* background-color: #FF0000; */
	background-color: #f14321;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	margin-left:5px;
	/* 'display' fixes an IE bug that makes left-margin double size*/
	/* All other browsers just ignore display on floats as they should */
	display:inline;
	float:left;
	clear:left;
	overflow: visible;
}

.box a,
.box a:visited {
	color: white;
	text-decoration: none;
}

.box a:hover {
	background-color:white;
	color: #00857f;
}

.box .menuheader {
	font-size:18px;
	font-weight: bold;
}

.box .menuitem {
	font-size:12px;
	font-weight: normal;
	margin-left: 16px;
	white-space: nowrap;
}

#content {
	float:left;
	width:600px;
}

#content .text {
	margin: 5px;
	margin-top:0px;	
	font-size:12px;
}

#content #col2 .text {
	margin: 10px;
	margin-top:0px;
}

#content .headerA {
	font-size: 14px;
	font-weight:bold;
	color:white;
}

#content .headerB {
	font-size: 12px;
	font-weight:bold;
}

#content #col1 .headerB {
	margin: 5px;
	margin-bottom:0px;
}

#content #col2 .headerB {
	margin: 10px;
	margin-bottom:0px;
}

#content .smalltext,
#content #descriptions .time {
	font-size:10px;
}

#content #col1 {
	float:left;
	width: 165px;
}

#content #col1 .contentbox {
	/* IE fix. padding and border included in this value */
	width: 165px;
	/* other browsers. padding and border are added to this value */
	max-width: 156px;
}

#content #col2 {
	float:left;
	width: 415px;
	margin-left: 20px;
}

#content #col2 .contentbox {
	/* IE fix. padding and border included in this value */
	width: 410px;
	/* other browsers. padding and border are added to this value */
	max-width: 402px; 
}

#content .contentbox {
	background-color: white;
	float:left;
	clear:left;
	margin-bottom: 20px;

}

#content a {
	text-decoration:none;
	border-bottom: 1px solid yellow;
	color: black;
}

/* yellow */
#content .color1 .contentbox { border: 4px solid #fff600; }
#content .color1 .headerA { background-color: #fff600; }
#content .color1 a { border-bottom: 1px solid #fff600; }
#content .color1 a:hover { background-color: #fff600; }
#content .color1 .headerA {	color:#000000;}

/* green */
#content .color2 .contentbox { border: 4px solid #c0e218; }
#content .color2 .headerA { background-color: #c0e218; }
#content .color2 a { border-bottom: 1px solid #c0e218; }
#content .color2 a:hover { background-color: #c0e218; }

/* blue-green */
#content .color3 .contentbox { border: 4px solid #00857f; }
#content .color3 .headerA { background-color: #00857f; }
#content .color3 a { border-bottom: 1px solid #00857f; }
#content .color3 a:hover { background-color: #00857f; }
#content .color3 .headerA {	color:#ffffff;}

/* orange */
#content .color4 .contentbox { border: 4px solid #f14321; }
#content .color4 .headerA { background-color: #f14321; }
#content .color4 a { border-bottom: 1px solid #f14321; }
#content .color4 a:hover { background-color: #f14321; }

/* grey */
#content .color5 .contentbox { border: 4px solid #6c6c6c; }
#content .color5 .headerA { background-color: #6c6c6c; }
#content .color5 a { border-bottom: 1px solid #6c6c6c; }
#content .color5 a:hover { background-color: #6c6c6c; }

#descriptions .img {
	float:left;
	margin-bottom:10px;
	width:120px;
}

#descriptions .nextToImg {
	float:left;
	width: 282px;
}

#descriptions .headerA {
	float:left;
	margin-bottom: 10px;
}

#descriptions .time {
	clear:left;
	margin-left:10px;
}

#descriptions .text {
	clear:left;
}

#footer {
	border: 4px solid yellow;
	padding: 10px;
	background-color: white;
	float:left;
	/* IE fix. padding and border included in this value */
	width: 740px;
	/* other browsers. padding and border are added to this value */
	max-width: 712px;
	/* 'display' fixes an IE bug that makes left-margin double size*/
	/* All other browsers just ignore display on floats as they should */
	display:inline;
	margin-top: 20px;
	margin-left:5px;
}
#footer a { 
	background-color: yellow;
	text-decoration: none;
	color: black;
}

#footer a:hover { background-color: #00857f; }


/***********************
Messageboard
***********************/

.msgText {
	font-size:12px;
}

.msg {
	border: 4px solid #00857f;
	margin-bottom:20px;
	background-color:white;
	padding: 10px;
}

.allmessages,
.nav,
hr {
	width:550;
	margin-bottom:10px;
}

.allmessages a:link,
.nav a:link,
.writeIn a {
	background-color:yellow;
}