body 
{
	border: 0;
	color: #040902;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
    width:824px;
}

.header {
	margin: 0;
	padding: 0;
    background-color: #680100;
	height: 100px;
    text-align: center;
    font-family: Raavi; 
    font-size: 32pt; 
    font-style: oblique; 
    font-weight:bold;
    color: #ffffc3;

}

.header h1 {
	color: #b4aa9c;
	font-size: 29px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.horiz_divider {
	margin: 0;
	background-color: #ff0000;
	height: 5px;
}

.separator
{
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #464d5f;
    color: #464d5f;
}

.middle_container {
	margin: 0;
	height: 790px;
	background-color: #ffffc3;
	border-bottom: 2px solid #676362;
/*  for testing  */	
/*	border: 2px solid #00ff00;*/
}

.left_menu {
	float:left;
	margin: 0;
	/*background-color: #7d0a08;*/
	/*background-color: #2b2d42;*/
    background: url(images/background.jpg) repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 190px;
	height: 780px;
	border-right: 2px solid #676362;
	border-left: 2px solid #676362;
/*  for testing  */	
/*  border-right: 2px solid #ff0000;*/
/*	border: 2px solid #ff0000;*/

}

.news_menu {
    margin-top: 20px;
    margin-left: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 140px;
	height: 450px;
	color: #040902;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
    border: 2px solid #680100;
/*  for testing  */	
/*  border-right: 2px solid #ff0000;*/
}

.banner {
    background-color:white; 
    color:#680100;
    font-size:14pt; 
    border-color:#b98d47;
    border-width:1px; 
    border-style:solid; 
    text-align:center; 
    width:500px; /*80%*/
    margin-left:30px; /*10%*/
    margin-bottom: 5px;
    margin-top: -10px;
    height: 40px;
    line-height: 40px;
}

.scroll
{
	height: 728px;
    overflow-x:hidden;
    overflow-y:scroll;
    padding-right: 10px;
    border-top: 1px solid #45366A;
    text-align:justify;
    /*border: 2px solid #b200ff;*/
}

.scroll h1 {
    text-align:left;
    font-size:16px;
    background-color:#6c5536;
    color: #ffffc3;
}

.scroll td.missing {
    color: #3385ca;
    text-decoration:line-through;
}

.content 
{
	background-color: #ffffc3;
	border-right: 2px solid #676362;
    color: #45366A;
	font-size:14px;
	height: 820px;
	margin: 0;
	overflow:hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
	/*border: 2px solid #0000ff;*/
}

.content_title 
{
    color:#464d5f; 
    font-weight:bold;
    /*font-size:16px;
    font-style:italic;
    text-align:left;*/
    text-transform:capitalize;
}

div.content ul li {
    list-style-image: url(Images/blobul3e.gif);
}

div.content ol li {
    text-align: left;
    list-style-type:decimal;
}

div.content ol li img {

}

div.content tr {
    vertical-align:top;
}

div.content td {
    /*width:170px;*/
    padding-top: 5px; 
    padding-bottom: 5px; 
    border-bottom-style: dashed; 
    border-bottom-width: medium; 
    border-bottom-color: #800000;
}

div.content td.noborder {
    border-bottom-style: none; 
}

div.content td.title {
    width:100%;
    column-span:all;
}

#homepage
{
	/*height: 498px;*/
    height: 780px;
}

.pagecounter
{
	background-color: #ffffc3;
	border-right: 2px solid #676362;
	color: #b4aa9c;
	font-size:small;
	font-weight:normal;
	height: 20px;
	margin: 0;
	text-align:center;
}

.footer {
	/*background-color: #2b2d42;*/
    background-color: #680100;
	color: #b8a793;
    font-size:x-small;
	height: 20px;
	margin: 0;
	padding-left: 15px;
	text-align: left;
}

.footer a {
	color: #b8a793;
}

.footer h3 
{
    color: #b4aa9c;
    font-size:small;
    text-align:center;
}

img.pointer
{
    cursor: pointer;
}


h1 {
    /*color: #CC9900; */
    color: #45366A;
	font-size:  29px;
	margin: 0 0 15px 0;
    text-align: center;
}

h2 {
	margin: 0 0 10px 0;
	/*color: #ffffc3;
	background-color: #464d5f;*/
    background-color:#680100;
    color: #ffffc3;
	font-size: 16px;
	font-style:normal;
	text-transform: uppercase;
}

h3 {
	margin: 0 0 5px 0;
	color:#464d5f;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: underline;
}

h4
{
	color: #b4aa9c;
	font-size:small;
	text-align:center;
    margin-bottom: 0px;
}

h5 {
    color: #b4aa9c; 
    font-size:x-small;
    font-style:italic;
    text-align: center;
}

p.line {
    text-decoration: line-through;
}


div.left_menu ul {
margin:0;
padding:0;
list-style:none;
}

div.left_menu ul li {
border-bottom:solid 1px #676362;
}

div.left_menu ul.sub {
	border-bottom:solid 7px #680100;
}

div.left_menu ul.sub li {
text-indent:10px;
border:0;
width:100%;
}

div.left_menu ul.subsub {
font-weight:400;
/*border-bottom:solid 7px #680100;*/
}

div.left_menu ul.subsub li {
text-indent:30px;
border:0;
width:100%;
}

div.left_menu ul.subsub li a {
/*color:aliceblue;*/
font-size:smaller;
font-weight:normal;
}

div.left_menu ul li a {
display:block;
background-color:#680100;
padding:5px 5px;
font-size:small;
font-weight:bold;
border-left:solid 7px #680100;
text-decoration:none;
color:#ffffc3;
}

div.left_menu ul.sub li a {
border-left:solid 7px #371a0a;
background-color:#564335;
padding-left:10px;
}

div.left_menu ul a:hover,div.menu ul a:active {
background-color:#a8895d;
border-left-color:#6c5536;
}

div.left_menu ul.sub a:hover,ul.sub a:active {
background-color:#a8895d;
border-left-color:#6c5536;
}

div.left_menu span.youarehere {
position:relative;
left:-10px;
}

div.left_menu h2 {
border: solid 1px #676362;
border-left:0;
margin: 10px 30px 15px 0;
padding:3px;
font-size:110%;
background-color:#680100;
color: #ffffc3;
}

div.content h2 
{
    background-color:#6c5536;
	color:#ffffc3;
	/*background-color: #ffffc3;
	color: #CC9900;
	color: #464d5f;*/
	font-size: 14px;
	font-style:normal;
	margin: 10px 0 0 0; /* top right bottom left */
	/*text-transform: uppercase;*/
    width:570px;
}

.testimonial 
{
    padding: 4px; 
    text-align: justify; 
    background-color: #F5F5F5; 
    border: 2px solid #663300;
}

.code
{
    font-family: 'Courier New', Courier, monospace;
    font-size: x-small; 
    background-color: #F5F5F5; 
    border: 1px dashed #663300; 
    padding: 4px;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    border-radius: 8px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

.vbutton {
    background-color: black;
    border: none;
    border-radius: 8px;
    color: white;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 112px;
    margin-top: 5px;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    width: 300px;
}

.vbuttonsmall_l {
    background-color: black;
    border: none;
    border-radius: 8px;
    color: white;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 66px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    width: 140px;
}

.vbuttonsmall_r {
    background-color: black;
    border: none;
    border-radius: 8px;
    color: white;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 66px;
    margin-top: 5px;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    width: 140px;
}

.button1 {background-color: #f44336;} /* Red */ 
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #4CAF50;} /* Green */
.button4 {background-color: #9932CC;} /* Dark Orchid */
.button5 {background-color: #FF8C00;} /* Dark Orange */
.button0 {background-color: #000000;} /* Black */

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
} 

.grvpa {
    font-family:'Harlow Solid';
    color: red;    
}

.formdesc {
    font-size:x-small;
    color:white;
    background-color: #333333;
    width: 392px;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 1px;
    margin-bottom: 20px;
}

/* Tooltip container */
.tooltip {
    font-size:small;
    color:white;
    background-color: #333333;
    width: 392px;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 4px;
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    bottom: 100%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    margin-bottom: 50px;
    background-color: #333333;
    color: white;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.template {
    border: thin solid black;
    display: block;
    margin: 0 auto;
}

.clear			{ clear:both; }
.photo-link		{border:1px solid #ccc; } /*{ padding:5px; margin:5px; border:1px solid #ccc; display:block; width:258px; float:left; }*/
.photo-link:hover	{ border-color:#680100; }

figure {
    padding:5px; 
    margin:5px; 
    border:1px solid #ccc; 
    display: block;
    width:258px; 
    float:left;
    text-align: center;
}

figure img {
    vertical-align: top;
}
figure figcaption {
   background-color: white;
}