/*
blue for webswapp logo #818dd5
light brown body background: f6f1db
green for content background: e5ede0
*/
BODY
{
	margin:5pt;
	background-color: #f6f1db;
	font-size: .8em;
	font-family: Verdana , Georgia,'Times New Roman' , Times, serif;
	background-image:url(images/webswapp_background.gif); 
}
H1
{
	text-align:center;
	font-size:1.2em;
	color:Maroon;
}
H2
{
	text-align: center;
	font-size: 1.1em;
	color: black;
}
H3
{
	text-align:center;
	font-size:1em;
	color:Maroon;
}
H4
{
	text-align:left;
	font-size:1em;
	color:Maroon;
}
.NORMAL_CATEGORY_BUTTON, .SELECTED_CATEGORY_BUTTON, .HOVER_CATEGORY_BUTTON, .NORMAL_CHAPTER_BUTTON, .SELECTED_CHAPTER_BUTTON, .HOVER_CHAPTER_BUTTON, .NORMAL_ESSAY_BUTTON, .SELECTED_ESSAY_BUTTON, .HOVER_ESSAY_BUTTON
{
	font-size:10pt;
	padding: 0pt;
	border: none;
	width: 136px;
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	background-color: #aab6b7;
	color: white;
	vertical-align:bottom;
}

a.NORMAL_CATEGORY_BUTTON, a.SELECTED_CATEGORY_BUTTON, a.HOVER_CATEGORY_BUTTON, a.NORMAL_CHAPTER_BUTTON, a.SELECTED_CHAPTER_BUTTON, a.HOVER_CHAPTER_BUTTON, a.NORMAL_ESSAY_BUTTON, a.SELECTED_ESSAY_BUTTON, a.HOVER_ESSAY_BUTTON
{
	text-decoration: none;
	text-align: center;
}

.NORMAL_CATEGORY_BUTTON
{
	background-image: url("images/Normal/Category.gif");
	color: white;
}
.SELECTED_CATEGORY_BUTTON
{
	background-image: url("images/Selected/Category.gif");
	color: Black;
}
.HOVER_CATEGORY_BUTTON
{
	background-image: url("images/Hover/Category.gif");
	color: white;
}

.NORMAL_CHAPTER_BUTTON
{
	background-image: url("images/Normal/Chapter.gif");
	color: white;
	text-align: left;
	padding-left: 0pt;
}
.SELECTED_CHAPTER_BUTTON
{
	background-image: url("images/Selected/Chapter.gif");
	text-align: left;
	padding-left: 0pt;
	color: black;
	font-weight: bold;
}
.HOVER_CHAPTER_BUTTON
{
	background-image: url("images/Hover/Chapter.gif");
	color: white;
	text-align: left;
	padding-left: 0pt;
}

.NORMAL_ESSAY_BUTTON
{
	background-image: url("images/Normal/Essay.gif");
	color: white;
}
.SELECTED_ESSAY_BUTTON
{
	background-image: url("images/Selected/Essay.gif");
	font-weight: bold;
	color: Black;
}
.HOVER_ESSAY_BUTTON
{
	background-image: url("images/Hover/Essay.gif");
	color: white;
}

.TopMenu
{
	position:absolute;
	text-align:right;
	left:520px;
	top:5px;
}
.SecondLevelMenu
{
	position:absolute;
	left:43px;
	Top:50px;
}
.ThirdLevelMenu
{
	position:absolute;
	top:770px;
	left:200px;
}
.ContentDivInMaster
{
	border:1pt dotted gainsboro;
	
	position:absolute;
	top:37px;
	left:190px;
	width:1004px;
	height:703px;
	background-color:white;
	padding:10px;
	text-align:justify;
	overflow:auto;
	vertical-align:middle;
	color:black;
}
.SourceCodeDiv
{
	padding:10pt;
	background-color: #f6f1db;
	border:1pt dashed gray;
	margin: 10pt;
	width: 90%;
	color:Black;
	font-family: Rockwell, Georgia,Verdana , 'Times New Roman' , Times, serif;
}
.Footer
{
	position:absolute;
	top:600px;
	left:400px;
	width:800PX;
	}
.transparent1
{
	
	width:24px;
	height:380px;
	position: absolute;
	top:100px;
	left:0px;
	cursor:hand;

}
.transparent2
{
	
	width:200px;
	height:17px;
	position: absolute;
	top:5px;
	left:10px;
	cursor:hand;

}
.transparent3
{
	
	width:25px;
	height:600px;
	position: absolute;
	top:100px;
	left:1230px;
	cursor:hand;

}