body {background: url(dev/background.gif) center center no-repeat #d9eceb; margin: 8px; font-family: verdana; font-size: 10px}
table {font-size: 11px}
#container {width: 784px; height: 560px; margin-left: auto; margin-right: auto; text-align: left; overflow: hidden}

#top {}
#top img {border: 0}
#banner {width: 576px; height: 112px; background: #ded1b8; float: left}
#forum {width: 192px; height: 112px; margin-left: 16px; background: #ded1b8; float: left}

#bottom {margin-top: 16px}
#contentout {width: 592px; height: 432px; float: left; background: url(dev/content.gif) #d0d0d0; padding: 8px}
#content {background: url(dev/contentbg.gif) #ffffff; background-position: 0px 6px; padding: 4px 8px 4px 8px; height: 252px; _height: 260px; _width: 592px; overflow: auto; font-size: 11px}

#content a {color: #404040; text-decoration: none; border-bottom: 1px dashed #808080}
#content a:hover {color: #000000; text-decoration: none; border-bottom: 1px dashed #404040}
#content img {border: 0}

#content h2 {font-size: 11px; line-height: 12px; margin: 0}

#content form {margin: 2px}
#content input, #content textarea, #content select {font-size: 11px; font-family: verdana; padding: 2px}
#content input[type=text], #content input[type=password], #content textarea, #content select {border: 1px solid #a28066; padding: 2px}

/* content with border */

#content .avatar {
	border: 1px solid #a28066;
	background: #dfd1b7;
	width: 100px;
	margin: 8px 12px 8px 12px;
	padding: 0px;
	float: left;
	overflow: hidden;
	text-align: center;
	clear:left;
}


#content .box {
	border: 1px solid #a28066;
	background: #dfd1b7;
	width: 410px;
	margin: 8px 0px 8px 0px;
	padding: 6px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: verdana;
	line-height: 14px;
}

#content .box_main {
	border: 1px solid #a28066;
	background: #dfd1b7;
	width: 280px;
	margin: 8px 0px 8px 0px;
	padding: 6px;
	text-align: left;
	float: left;
	font-size: 11px;
	font-family: verdana;
	line-height: 14px;
}

#content .fullbox {
	border: 1px solid #a28066;
	background: #dfd1b7;
	margin: 8px 12px 8px 12px;
	padding: 6px;
	text-align: left;
	font-size: 11px;
	font-family: verdana;
	line-height: 14px;
}

#content .copyright {
	font-size: 10px;
	font-family: verdana;
}

#content .forms {
	border: 1px solid #a28066;
	padding: 2px;
	line-height: 10px;
}

#content .brownborder {
	border: 1px solid #a28066;
	background: #dfd1b7;
	margin: 8px 12px 8px 12px;
	padding: 6px;
}

#content .credits {
	width: 450px;
	margin: 8px 0px 8px 0px;
	border: 1px dashed #A28066;
	background-color: #F4F0E8;
	padding: 3px;
	color: #7F9865;
	font-size: 7pt;
	text-align: left;
}

/* Menu */
#menuout {width: 160px; height: 432px; margin-left: 16px; float: left; background: url(dev/menu.gif) #d0d0d0}
#menu {margin: 8px; padding: 4px; background: url(dev/contentbg.gif) #ffffff; height: 408px; _height: 416px; text-align: left; font-size: 11px}
#menu img {border: 0; margin: 4px}
#menu ul {list-style-type: none; padding: 0; margin: 16px 0 16px 0; height: 216px; text-align: center}
#menu li {line-height: 16px}
#menu a {color: #000000; text-decoration: none; display: block; width: 100%}
#menu a:hover {color: #000000; text-decoration: none}

#menu ul img {filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1}

#affi {background: url(dev/affi.gif) no-repeat center center; padding: 8px; margin: 4px; text-align: center}

#menu #mini {text-align: center}
#menu #mini img {margin: 4px}
#menu #mini a {width: 19px; display: inline}

/* Special Messages */
#contentspeech {padding: 4px; background: url(dev/contentbg.gif) #ffffff; height: 70px; _height: 78px; _width: 592px; overflow: hidden}
#contentspeech img {margin: 0 4px 0 4px; cursor: pointer; cursor: hand}
#contentspeech .box {border: 1px solid #a28066; background: #dfd1b7; width: 396px; height: 40px; _height: 54px; _width: 410px; margin: 8px 12px 8px 12px; padding: 6px; text-align: left; float: left; font-size: 11px; line-height: 14px; overflow: hidden}
#contentspeech .box h1 {font-size: 11px; line-height: 14px; margin: 0; font-weight: normal}
#contentspeech a {color: #404040; text-decoration: none; border-bottom: 1px dashed #808080}
#contentspeech a:hover {color: #000000; text-decoration: none; border-bottom: 1px dashed #404040}
#contentspeech table {line-height: 14px}

#contentspeech .box form {margin: 2px}
#contentspeech .box input {font-size: 11px; font-family: verdana}
#contentspeech .box input[type=text], #contentspeech .box input[type=password] {border: 1px solid #a28066}
#contentspeech img {border: 0}

.speechr {background-image: url(dev/speech.gif); padding: 13px 23px 13px 13px; position: relative; width: 396px; _width: 432px; height: 39px; _height: 65px; display: none; text-align: left}
.speechl {background-image: url(dev/speech2.gif); padding: 13px 13px 13px 23px; position: relative; width: 396px; _width: 432px; height: 39px; _height: 65px; display: none; text-align: left}

#spacer {clear: both}

/* NEED TO RESIZE #box for IE */
/* Preload images */

/* Overlay */
#town {position: relative; border: 0; width: 52px; height: 60px}

/* Transparency: ; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5 */

/* Pawprint Lists */
ul#paw {list-style-type: none; margin: 8px; padding: 0}
ul#paw li {line-height: 22px; padding-left: 24px; background: url(games/footprint.gif) left top no-repeat;
}

/* Even further Pawprint Lists */
ul#paw ul {
	list-style-type: none;
	list-style:none;
	margin: 8px;
}

ul#paw ul li {
	list-style-type: none;
	margin: 8px;
	line-height: 22px;
	padding: 10px inherit inherit 35px;
	background: none;
}

ul#paw ul li a {
	width: 350px;
	height: 30px;
	border: 1px solid #A28066;
	background-color: #DFD1B7;
	line-height: 22px;
	margin: 0px 0px 0px 10px;
	padding: 5px 10px 5px 10px;
}

ul#paw2 { 
	list-style-type: none;
	margin: 8px;
	padding: 0
}
ul#paw2 li {
	line-height: 14px;
	padding-left: 24px;
	padding-bottom: 10px;
	background: url(games/footprint.gif) left top no-repeat;
}

ul#paw2 ul {
	list-style-type: none;
	margin: 8px;
	padding: 0
}

ul#paw2 ul li {
	line-height: 14px;
	padding-left: 24px;
	padding-bottom: 10px;
	margin-left: 16px;
	#margin-left: 0px;
	background: url(games/footprint.gif) left top no-repeat;
}


.speechl1 {background-image: url(dev/speech2.gif); padding: 13px 13px 13px 23px; position: relative; width: 396px; _width: 432px; height: 39px; _height: 65px; display: none; text-align: left}
.speechr1 {background-image: url(dev/speech.gif); padding: 13px 23px 13px 13px; position: relative; width: 396px; _width: 432px; height: 39px; _height: 65px; display: none; text-align: left}
.speechl11 {background-image: url(dev/speech2.gif); padding: 13px 13px 13px 23px; position: relative; width: 396px; _width: 432px; height: 39px; _height: 65px; display: none; text-align: left}
.speechr11 {background-image: url(dev/speech.gif); padding: 13px 23px 13px 13px; position: relative; width: 396px; _width: 432px; height: 39px; _height: 65px; display: none; text-align: left}