html {
	color:				#4b413e;
	background:			url("/framework/images/background.jpg") center top;
	font:				0.9em "times new roman", serif;
}

body {
	position:			relative;
	width:				967px;
	margin:				auto;
	background:			url("/framework/images/bodyBackground.jpg") 0px 195px;
}

h1 {
	width:				967px;
	height:				195px;
	margin:				0px;
	background:			url("/framework/images/annabellesTeaRoom.jpg");
}

h1 a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding:			195px 0px 0px 967px;
}

p#whoIsAnnabelle {
	position:			absolute;
	top:				14px;
	right:				25px;
	width:				256px;
	height:				168px;
	margin:				0px;
	background:			url("/framework/images/whoIsAnnabelle.jpg");
}

p#whoIsAnnabelle a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding:			168px 0px 0px 256px;
}

ul#topMenu {
	position:			relative;
	height:				51px;
	margin:				0px 10px;
	padding:			0px;
	background:			url("/framework/images/menuBackground.png");
	list-style:			none;
}

ul#topMenu li {
	position:			absolute;
	height:				51px;
}

ul#topMenu li a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding-top:		51px;
}

ul#topMenu li#ourStory {
	left:				60px;
	width:				180px;
	background:			url("/framework/images/ourStory.png");
}

ul#topMenu li#ourStory.selected{
	background:			url("/framework/images/ourStorySelected.png");
}

ul#topMenu li#ourStory a {
	padding-left:		180px;
}

ul#topMenu li#ourStory a:hover {
	background:			url("/framework/images/ourStoryHover.png");
}

ul#topMenu li#menu {
	left:				243px;
	width:				115px;
	background:			url("/framework/images/menu.png");
}

ul#topMenu li#menu.selected{
	background:			url("/framework/images/menuSelected.png");
}

ul#topMenu li#menu a {
	padding-left:		115px;
}

ul#topMenu li#menu a:hover {
	background:			url("/framework/images/menuHover.png");
}

ul#topMenu li#whatsNew {
	left:				359px;
	width:				198px;
	background:			url("/framework/images/whatsNew.png");
}

ul#topMenu li#whatsNew.selected{
	background:			url("/framework/images/whatsNewSelected.png");
}

ul#topMenu li#whatsNew a {
	padding-left:		198px;
}

ul#topMenu li#whatsNew a:hover {
	background:			url("/framework/images/whatsNewHover.png");
}

ul#topMenu li#giftShop {
	left:				561px;
	width:				172px;
	background:			url("/framework/images/giftShop.png");
}

ul#topMenu li#giftShop.selected{
	background:			url("/framework/images/giftShopSelected.png");
}

ul#topMenu li#giftShop a {
	padding-left:		172px;
}

ul#topMenu li#giftShop a:hover {
	background:			url("/framework/images/giftShopHover.png");
}

ul#topMenu li#contact {
	left:				737px;
	width:				153px;
	background:			url("/framework/images/contact.png");
}

ul#topMenu li#contact.selected{
	background:			url("/framework/images/contactSelected.png");
}

ul#topMenu li#contact a {
	padding-left:		153px;
}

ul#topMenu li#contact a:hover {
	background:			url("/framework/images/contactHover.png");
}

div#content {
	position:			relative;
	height:				422px;
	padding:			0px 10px;
}

div#content div#splash {
	float:				right;
	width:				579px;
}

div#content div#article {
	position:			relative;
	float:				left;
	overflow:			hidden;
	width:				348px;
	height:				402px;
	margin:				10px 0px 0px 10px;
}

div#content div#article .jScrollPaneTrack {
	background:			none;
}

div#content div#article .jScrollPaneDrag {
	background:			#f0dce6;
}

div#content div#article a.jScrollArrowUp {
	height:				21px;
	background:			url("/framework/images/scrollUp.png");
}

div#content div#article a.jScrollArrowDown {
	height:				21px;
	background:			url("/framework/images/scrollDown.png");
}

div#content div#article div.scrollPane {
	position:			absolute;
	overflow:			auto;
	width:				348px;
	height:				402px;
}

div#content div#article div.scrollPane h2 {
	margin:				15px;
	color:				#ba8aa3;
	font:				x-large "times new roman", serif;
	text-transform:		uppercase;
	letter-spacing:		0.1em;
}

div#content div#article div.scrollPane h3 {
	margin:				45px 15px 15px 15px;
	color:				#ba8aa3;
	font:				large "times new roman", serif;
	text-transform:		uppercase;
	letter-spacing:		0.1em;
}

div#content div#article div.scrollPane p {
	margin:				15px;
	text-align:			justify;
	line-height:		1.5em;
}

div#content div#article div.scrollPane a {
	color:				#4585c5;
	text-decoration:	none;
}

div#content div#article div.scrollPane a:hover {
	text-decoration:	underline;
}

div#foot {
	height:				160px;
	background:			url("/framework/images/foot.jpg");
}

p#standards {
	position:			absolute;
	width:				967px;
	margin:				0px;
	color:				#bbb;
	font:				x-small "verdana", sans-serif;
	text-align:			center;
}

p#standards a {
	color:				#bbb;
	text-decoration:	none;
}

p#standards a:hover {
	color:				#a78;
	text-decoration:	underline;
}

.uppercase {
	text-transform:		uppercase;
}

.alignCenter {
	text-align:			center;
}

.displayNone {
	display:			none;
}