body {
	margin									: 0px;
	padding									: 0px;
	font-family								: helvetica;
}
a {
	color									: #0000aa;
}
a:hover {
	color									: #aaaaaa;
}
#header {
	background-color							: #3e3e99;
}
	#banner {
		height								: 171px;
		border-bottom							: 1px solid white;
	}
		#slogan_container, #logo_container, #photo_container {
			position						: absolute;
			width							: 0px;
			height							: 0px;
		}
		#slogan_container {
			left							: 25%;
		}
			#slogan {
				position					: absolute;
				width						: 150px;
				left						: -175px; /* -(slogan half + logo half)*/
				height						: 105px;
				top						: 30px;
			}
		#logo_container {
			left							: 50%;
		}
			#logo {
				position					: absolute;
				width						: 200px;
				left						: -100px;
				height						: 170px;
				z-index						: 5;
			}
		#photo_container {
			left							: 75%;
		}
			#photo1, #photo2, #photo3, #photo4, #photo5, #photo6 {
				position					: absolute;
				width						: 158px;
				height						: 125px;
				background-repeat				: no-repeat;
				background-position				: bottom center;
				top						: 15px;
				left						: 21px;
				visibility					: hidden;
			}
			#photo1 {
				background-image				: url('http://adventuresincharacter.com/images/layout/photos/photo1.jpg');
			}
			#photo2 {
				background-image				: url('http://adventuresincharacter.com/images/layout/photos/photo2.jpg');
			}
			#photo3 {
				background-image				: url('http://adventuresincharacter.com/images/layout/photos/photo3.jpg');
			}
			#photo4 {
				background-image				: url('http://adventuresincharacter.com/images/layout/photos/photo4.jpg');
			}
			#photo5 {
				background-image				: url('http://adventuresincharacter.com/images/layout/photos/photo5.jpg');
			}
			#photo6 {
				background-image				: url('http://adventuresincharacter.com/images/layout/photos/photo6.jpg');
			}
		#left_line, #right_line {
			position						: absolute;
			width							: 40%;
			height							: 7px;
			top							: 140px;
			z-index							: 1;
		}
		#left_line {
			left							: 0px;
		}
		#right_line {
			right							: 0px;
		}
	#nav_links {
		float								: left;
		padding								: 2px;
	}
		a.nav_link {
			color							: #FFFFFF;
			background-color					: #9b9bc9;
			text-decoration						: none;
			margin-left						: 5px;
			padding							: 0px 4px 1px 4px;
			font-size						: 0.9em;
			font-family						: "helvetica";
			border							: 1px outset #9b9bc9;/*#b9b9db*/
		}
		a.nav_link:hover {
			background-color					: #5d5db4;
			border							: 1px inset #5d5db4;
		}
	#date {
		color								: #FFFFFF;
		text-align							: right;
		padding								: 2px 6px 2px 2px;
	}
	#date, #nav_links {
		background-color						: #3e3e99;
	}
#col_wrapper {
	clear									: both;
	margin									: 20px 1.5% 10px 1.5%;
}
	#left_col {
		float								: left;
		width								: 200px;
		background-color						: #eeeef6;
		color								: #666666;
	}
			#left_box_top {
				height						: 5px;
				font-size					: 5px; /* This is required because of IE's incorrect rendering of making the div height the default font height */
				width						: 100%;
				background-image				: url('http://adventuresincharacter.com/images/layout/left-box-top.png');
				background-repeat				: no-repeat;
			}
			#left_box_bottom {
				height						: 5px;
				font-size					: 5px; /* This is required because of IE's incorrect rendering of making the div height the default font height */
				background-image				: url('http://adventuresincharacter.com/images/layout/left-box-bottom.png');
				background-repeat				: no-repeat;
			}
			#left_box_padder {
				padding-left					: 3px;
				padding-right					: 3px;
			}
				ul.left_list {
					text-align				: center;
					margin					: 0;
					padding					: 0px 5px 0px 5px;
					list-style-type				: none;
				}
				li.left_list {
					margin					: 3px;
				}
				a.left_link {
					text-decoration				: none;
					background-color			: #f4f4ff;
					display					: block;
					/* the width is specified because IE doesn't understand display */
					width					: 100%;
					border-width				: 1px;
					border-style				: outset;
				}
				a.left_link:hover {
					border-style				: inset;
					background-color			: #efefff;
				}
	#right_col {
		float								: right;
		width								: 200px;
	}
		.right_box {
			float							: right;
			color							: #fff;
			background-color					: #6767ff;
			background-image					: url('http://adventuresincharacter.com/images/layout/right-boxes-blend.png');
			background-repeat					: repeat-y;
			width							: 100%;
			margin-bottom						: 20px;
		}
			.right_boxes_top {
				height						: 6px;
				font-size					: 6px; /* This is required because of IE's incorrect rendering of making the div height the default font height */
				width						: 100%;
				background-image				: url('http://adventuresincharacter.com/images/layout/right-boxes-top.png');
				background-repeat				: no-repeat;
			}
			.right_boxes_bottom {
				height						: 6px;
				font-size					: 6px; /* This is required because of IE's incorrect rendering of making the div height the default font height */
				background-image				: url('http://adventuresincharacter.com/images/layout/right-boxes-bottom.png');
				background-repeat				: no-repeat;
			}
			.right_boxes_wrapper {
				padding-left					: 3px;
				padding-right					: 3px;
			}
			.right_boxes_link {
				color						: #ccc;
			}
			.right_boxes_link:hover {
				color						: #aaa;
			}
			.box_header {
				text-align					: center;
				font-variant					: small-caps;
				font-weight					: bold;
				font-size					: 1.2em;
			}
			#login {
			
			}
				/*#uname, #pword {
					background-color			: #c7c7e3;
					border					: 2px solid #000;
				}
				#login_button {
					background-color			: #c7c7e3;
					border-color				: #000;
					margin					: 5px 0px 5px 0px;
				}*/
				#login_button {
					margin					: 3px 0px 3px 0px;
				}
				#login_img {
				 	width					: 15px;
					height					: 90px;
					float					: left;
					margin					: 0px 10px 0px 10px;
				}
	#content {
		margin-right								: 220px;
	}
		#path {
			font-size						: 80%;
		}
#footer {
	margin-top								: 50px;
	clear									: both;
}
	#copyright {
		text-align							: center;
		color								: #bbbbbb;
		font-size							: 80%;
	}


input, textarea, select, button {
	padding									: 0px;
	background-color							: #c7c7e3;
}
input, textarea, select {
	border									: 2px solid #000;
	font-size								: 0.9em;
}
button {
	border-color								: #000;
	border-width								: 2px;
	/*margin								: 5px 0px 5px 0px;*/
}
.radio {
	border									: none;
	background-color							: transparent;
}

td {
	background-color							: #eeeef6;
	font-size								: 0.9em;
}
th {
	background-color							: #ccccf6;
	font-size								: 0.9em;
}
h1, h2, h3 {
	text-align								: center;
	margin-bottom								: 0;
}
h2 {
	color									: #37375e;
}
h3 {
	color									: #444;
}
li.contact {
	margin-bottom								: 1em;
}
.top {
	border:0;
	width:10px;
	height:10px;
}
ul.user_list {
	color					: #ccc;
	padding					: 0px 0px 0px 1em;
	list-style-type				: square;
}