#content {
	line-height:2.0em;
}

#content h1 {
	font-size:1.6em;
	line-height:1em;
	color:#3a63c6;
	border-bottom:2px solid #3a63c6; 
	margin-top:0.5em;
	margin-bottom:0.7em;
}

#content h2 {
	font-size:1.4em;
	line-height:1em;
	color:#444444;
	border-bottom:1px dotted #444444;	
	margin-top:1.4em;
	margin-bottom:0.8em;
}

#content h3 {
	font-size: 1.0em;
	line-height:1em;
	margin-top:0.2em;
	margin-bottom:0.8em;
	color:#555555;
	border-bottom:1px dotted #e2d398;
}

#content a {
	font-weight:normal;
	color:#55369a;
	text-decoration:none;
}

#content h3 a {
	display:block;
}

#content a:hover {
	color:#476489;
	background-color:#e9eef9;
}

#content ul {
	padding-left:30px;
	padding-top:0.5em;
	padding-bottom:0.5em;

}

#content ol {
	padding-left:30px;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#content ol li {
	margin-top:0.5em;
}

#content ul a {
	color:#333333;
	text-decoration:none;
	display:block;
	padding-top:5px;
	padding-bottom : 5px;
	padding-left:10px;
	background-color:#dac07a;
	border:1px solid #efe8c7;
	font-weight:bold;
}

#content ul a:hover {
	border:1px solid #d9be7b;
}

/* 2nd Level */

#content ul ul{
	font-weight:normal;
	font-size:1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	
}

#content ul ul a {
	font-weight:normal;
	color:#55369a;
	display:block;
	background-color:#e3cd99;	
	border:1px solid #efe8c7;	
}

/* 3rd Level */

#content ul ul ul{
	font-weight:normal;
	font-size:1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
}

#content ul ul ul a {
	font-weight:normal;
	color:#55369a;
	display:block;
	background-color:#ecddb8;
	border:1px solid #efe8c7;	
}

/* 4th Level */

#content ul ul ul ul{
	font-weight:normal;
	font-size:1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	
}

#content ul ul ul ul a {
	font-weight:normal;
	color:#55369a;
	display:block;
	background-color:#f5edd7;
	border:1px solid #efe8c7;	
}

/* Code style */

#content .code {
	background-color:#F5F1DC;
	font-family:"Courier New", Courier, serif;
	display:block;
	border:1px dotted #AAAAAA;
	padding-left:30px;

}

#content .keyword {
	color:#0000FF;
}


/* FAQ Styles */

#content .faqQuestion {
	margin:20px;
	background-color:#FFFFEE;
	border:1px solid #555555;
	padding:20px;
	font-size:0.9em;
}

#content .faqQuestion ul {
	font-weight:normal;
}

#content .faqSummary {
	margin:10px;
	background-color:#fffcef;
	border:1px solid #ffdbc6;
	padding:10px;
}

#content .faqSummary a {
	font-weight:normal;
	color:#5d4789;
	background-color:#fffcef;
	border:1px solid #fffcef;
}

/* Guestbook module classes */

table.gbentry {
  	width: 98%;
	border:1px solid #e3cd99;
  	border-collapse: collapse;
  	margin-bottom: 10px;
}

table.gbentry td.gbtitle {
  	font-weight: normal;
	font-size:0.9em;
 	padding: 5px;
  	background-color: #e3cd99;
  	color: #000000;
}

table.gbentry td.gbcontent {
  	font-size:0.8em;
	padding: 5px; 
  	background-color: #FFFFEE;
  	color: #555555;
}

img.button {
  vertical-align: bottom;
}

.input_form {
	font-size: 1em;
	border: 0;
}

.input_form td {
	padding:5px;
}

.input_form input {
	background-color:#FFFFEE;
	border:1px solid #ffdbc6;
}

.input_form td .input_form_buttons {
	background-color:#cbb9e7;
	color:#444444;
	padding:5px;
	border:1px solid #a88cd8;
	font-weight:bold;
}

.input_form form {
	display:inline;
}

.input_name_field {
	width: 300px;
}

.input_mail_field {
	width: 300px;
}

.input_website_field {
	width: 300px;
}

.input_message_field {
	width: 300px;
	height: 80px;
	background-color:#FFFFEE;
	border:1px solid #ffdbc6;
}

.input_smileys {
	text-align: right;
}
.smileys {
	border: 0;
}

.captcha_table {
	padding-top: 5px;
}

.image_captcha {
	border: 0;
}

.captcha_expl {
	font-size: 0.8em;
}

/* Visitor's Page */

.visitDate {
	font-size:0.8em;
	padding-left:20px;
}

.visitHome {
	color:#000099;
}

.visitID {
	font-size:0.8em;
	color:#222222;
	padding-left:20px;
}

.visitAgent {
	font-size:0.8em;
	padding-left:20px;
}

.visitFrom {
	font-size:0.8em;
	padding-left:20px;
}

div.explain {
	margin-left:30px;
	margin-right:15px;
	margin-top:10px;
	border:1px dotted #dce1ab;
	background-color:#FFFFEE;
	line-height:1.5em;
	padding:10px;
}

div.explain h3 {
	font-size:1.0em;
	margin:0px;
	border:0px;
	padding:0px;
}

/* Tutorial stuff */

.summaryTitle
{
	color:#3a63c6;
	font-weight:bold;
	font-size:1.1em;
}
div.summary 
{
	width:250px;
	border:1px solid #cbb9e7;
	background-color:#f1f1d9;
	color:#404040;
	float:right;
	padding:10px;
	margin:10px;
        margin-top:0px;
	margin-right:0px;
	font-size:0.7em;
	clear:right;
}
div.summary ul
{
	line-height:1.2em;
}

#sections 
{
	width:270px;
	border:1px solid #cbb9e7;
	background-color:#f1f1d9;
	color:#404040;
	float:right;
	padding:10px;
        padding-top:5px;
        padding-bottom:5px;
	margin:10px;
        margin-top:0px;
	margin-right:0px;
	font-size:0.7em;
	clear:right;
}

#sections a.topic
{
	padding:2px;
	margin:0px;
	background-color:#f1f1d9;
	color:#404040;
	border:0px;
	border-left:1em solid #cbb9e7;
	margin-left:1em;
	margin-bottom:1em;
	margin-top:1em;
	padding-left:10px;
	font-weight:normal;
	display:block;
	line-height:1em;
}

#sections a.topic:hover
{
	border:0px;
	border-left:1em solid #cbb9e7;
	background-color:#daceee;
}


#sections ul,li
{
	line-height:1.0em;
}

/* Form stuff */



#messageBox {
     width:90%;
     margin-left:auto;
     margin-right:auto;
     margin-top:20px;
     margin-bottom:20px;
     padding:10px;
     padding-top:0px;
     background-color:#f1f1d9;
     border:1px solid #cbb9e7;
}


form p {
     clear:left;
     margin-top:5px;
}

form p label {
     float:left;
     width:10em;
}

.fieldHeading {
     font-size:1.2em;
     font-weight:bold;
     color:#444444;
     border-bottom:2px solid #333333;
     margin-top:5px;
     margin-bottom:5px;
}

.required {
	color: #FF0000;
}



.field_title {
	font-size: 1em;
	width: 100px;
	vertical-align: top;
	text-align:right;
}
.textfield {
	font-size: 1em;
	width: 200px;
}
.textarea {
	font-size: 1em;
	width: 60%;
	height: 100px;
}

.select {
	font-size: 1em;
}
.checkbox_label {
	font-size: 1em;
	cursor: pointer;
}
.radio_label {
	font-size: 0.9em;
	cursor: pointer;
}
.email {
	font-size: 1em;
	width: 200px;
}
.nixhier {
	display:none;
}