/* CSS Document */

body {
	background-color: #FFFFFF;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
}
div.container {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 100%;
	background-color: #FFFFFF;
}
.header {
	position: absolute;
	height: 89px;
	width: 800px;
	left: 0px;
	top: 0px;
}
.top_menu_bar {
	position: absolute;
	height: 32px;
	width: 800px;
	left: 0px;
	top: 91px;
}

.home_nav {
	position: absolute;
	height: 32px;
	width: 125px;
	left: 0px;
	top: 0px;
}
.ess_nav {
	position: absolute;
	height: 32px;
	width: 110px;
	left: 125px;
	top: 0px;
}
.recipe_nav {
	position: absolute;
	height: 32px;
	width: 110px;
	left: 235px;
	top: 0px;
}
.talk_nav {
	position: absolute;
	height: 32px;
	width: 110px;
	left: 345px;
	top: 0px;
}
.shop_books_nav {
	position: absolute;
	height: 32px;
	width: 110px;
	left: 455px;
	top: 0px;
}
.shop_potions_nav {
	position: absolute;
	height: 32px;
	width: 110px;
	left: 565px;
	top: 0px;
}
.ask_nav {
	position: absolute;
	height: 32px;
	width: 110px;
	left: 675px;
	top: 0px;
}



.large_rh_image {
	position: absolute;
	height: 308px;
	width: 380px;
	left: 410px;
	top: 135px;
}


.display_area {
	position: absolute;
	height: 100%;
	width: 800px;
	left: 0px;
	top: 123px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.text_large_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
}
.text_large_header_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bolder;
	color: #CC3333;
}


.text_medium_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
	padding-bottom: 4px;
}
.text_white_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}

.text_white_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.text_white_header:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bolder;
	text-decoration:none;
	color: #FFFFFF;
}
.text_white_normal:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	color: #FFFFFF;
}

.text_large_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	color: #FF0000;
}
.text_medium_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
}

.text_large_purple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	color: #9966CC;
}
.text_large_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	color: #253DF5;
}

.text_large_pink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	color: #FF6695;
}

.text_large_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900;
	color: #FF7F00;
}


.text_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.text_normal_bigger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.text_normal_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF7F00;
	text-decoration: none;
}
.text_normal_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #253DF5;
	text-decoration: none;
}
.link_normal_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #253DF5;
	text-decoration: none;
}
.link_normal_blue:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #253DF5;
	text-decoration: underline;
}
.link_normal_purple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #9966CC;
	text-decoration: none;
}
.link_normal_purple:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #9966CC;
	text-decoration: underline;
}
.text_normal_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
.link_normal_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.link_normal_red:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
.link_normal_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF7F00;
	text-decoration: none;
}
.link_normal_orange:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF7F00;
	text-decoration: underline;
}
.link_normal_pink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF6695;
	text-decoration: none;
}
.link_normal_pink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF6695;
	text-decoration: underline;
}

.text_normal_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.text_normal_bold_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CC3833;
}
.text_normal_bold_purple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #9966CC;
}
.text_normal_bold_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF7F00;
}

.text_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.text_small_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text_small_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

.orange_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF7F00;
	text-decoration: none;
}
.orange_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF7F00;
	text-decoration: underline;
}
.orange_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FF7F00;
}

.text_tiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.display_box {
	padding: 5px 0px 0px;
}