/* CSS Document */

body {
	margin: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #433841;
	background-image: url(images/Background.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: repeat-x;
}
body.Take1 {
	background-image: url(images/Background.jpg);
	margin: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#Paper {
	width: 855px;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF url(images/ContentBackground.gif);
	border: solid 4px #CCCBCB;
}

div#TopBanner {
	height: 80px;
	background-image: url(images/TopBannerBackground.gif);
	border-top: solid 1px #C7AD7A;
}
#TopBanner p {
	margin: 40px 0px 0px 40px;
}
#TopBanner a {
	color: #FFFFFF;
	margin: 0px 26px 0px 0px;
}

div#MidBanner {
	height: 32px;
	background-image: url(images/Banner2Background.gif);
	border-bottom: solid 1px #BDBCBC;
}
#MidBanner div {
	width: 76px;
	float: right;
	margin: 3px 0px 0px 3px;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
}
#MidBanner a {
	color: #FFFFFF;
}

img.CaseEditButton {
	vertical-align: top;
	margin: -14px 0px 0px 0px;
	float: right;
}
img.TitleEditButton {
	float: right;
	position: relative;
	top: -8px;
	right: 16px;
}
img.ArtifactEditButton {
	position: relative;
	top: -60px;
	left: -16px;
}


div#Introduction {
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
	font-size: 12px;
	padding: 12px 24px 24px 24px;
}
#Introduction p {
	margin: 12px 0px 0px 0px;
}
#Introduction p.Heading 
{
	font-size: 16px;
	color: #77475C;
	font-weight: bold;
}
#Introduction img {
	float: right;
	border: none;
	margin: 12px 0px 24px 24px;
}
#Introduction a {
	font-weight: bold;
	color: #77475C;
}
#Introduction li {
	margin-top: 12px;
}

div#RoomMenu {
	height: 36px;
	background-image: url(images/RoomMenuBackground.gif);
	border-top: solid 1px #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	color: #77475C;
}
#RoomMenu p {
	margin: 8px 0px 0px 70px;
}
#RoomMenu img {
	margin: 0px 0px 0px 6px;
}
#RoomMenu a {
	color: #77475C;
}

div#ContentsTop {
	height: 16px;
	background: #FFFFFF url(images/ContentsTop.gif) no-repeat;
}

div#CaseMenu {
	width: 228px;
	float: left;
	padding-bottom: 18px;
}
#CaseMenu p.Divider {
	width: 220px;
	height: 3px;
	margin: 0px 0px 0px 8px;
	clear: both;
}
#CaseMenu p.Divider img {
	width: 220px;
	height: 3px;
	margin: 0px;
}
#CaseMenu div.Item {
	margin: 0px 0px 0px 8px;
	padding: 6px 0px 8px 0px;
	height: 70px;
}
#CaseMenu div.TopItem {
	height: 18px;
}
#CaseMenu .Selected {
	background-color: #B1C1C9;
}
#CaseMenu .Item p {
	margin: 0px 8px 0px 0px;
	font-size: 11px;
}
#CaseMenu .Item img.Icon {
	margin: 2px 8px 0px 8px;
	float: left;
}
#CaseMenu .Item p.Head {
	font-weight: bold;
	font-size: 12px;
}


div#CaseTextArea {
	width: 310px;
	float: left;
}
#CaseTextArea p {
	margin: 12px 0px 0px 26px;
}
#CaseTextArea p.Head {
	font-size: 14px;
	font-weight: bold;
	margin: 26px 0px 0px 26px;
}
#CaseTextArea p.SelectOne {
	font-weight: bold;
	font-style: italic;
	margin-top: 18px;
	font-size: 12px;
}
#CaseTextArea div.IconGroup {
	margin: 6px 0px 0px 26px;
}
#CaseTextArea div.Icon {
	float: left;
	text-align: center;
	width: 70px;
	height: 120px;
	margin: 0px;
	font-size: 11px;
	line-height: 12px;
}
#CaseTextArea div.Icon img {
	border: none;
	margin-bottom: 2px;
}
#CaseTextArea div.ClearAll {
	clear: both;
}
#CaseTextArea p#Continue {
	clear: both;
	margin: 12px 0px 0px 26px;
}
#CaseTextArea p#Continue img {
	position: relative;
	top: 2px;
}

div#ArtifactArea {
	width: 260px;
	float: left;
	background-color: #E3EBEB;
	margin: 26px 0px 0px 26px;
}
#ArtifactArea p {
	margin: 24px 18px 24px 18px;
	font-size: 11px;
}
#ArtifactArea p.Image {
	text-align: center;
	margin-bottom: 0px;
}
#ArtifactArea p.Click {
	text-align: center;
	font-size: 10px;
	margin-top: 2px;
}
#ArtifactArea p.About {
	font-weight: bold;
	margin-bottom: 0px;
}
#ArtifactArea p.Desc {
	margin-top: 0px;
}


div#ContentsBottom {
	height: 32px;
	background: #FFFFFF url(images/ContentsBottom.gif) no-repeat;
	clear: both;
}
#ContentsBottom div.PrevNext {
	width: 202px;
	font-size: 11px;
	color: #888888;
	margin: 0px 0px 0px 16px;
}
#ContentsBottom div.PrevNext img {
	position: relative;
	top: 3px;
	border: solid 1px #FFFFFF;
}
#ContentsBottom div.PrevNext a {
	color: #000000;
}
#ContentsBottom div.Prev {
	float: left;
}
#ContentsBottom div.Next {
	float: right;
}

div#SupportBar {
	height: 30px;
	background-image: url(images/SupportBackground.gif);
	border-top: solid 1px #9A4D79;
	font-size: 14px;
	clear: both;
}
#SupportBar p {
	margin: 6px 0px 0px 24px;
}

.Red {
	color: #EA7400;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}

img {
	border: none;
}