﻿body {
  background-color: #ff0000;
  background-image: url(BkkRed.gif);
  background-position: center top;
  background-repeat: repeat-y;
  padding: 0px;
  margin: 0px;
}
h1 {
	font-family: Arial,Helvetica,sans-serif;
	color: #808080;
	font-weight: bold;
	opacity: 0.797;
	text-align: center;
	margin-top: 0px;
	font-size:1.6em;
}
h2 {
	font-family: Arial,Helvetica,sans-serif;
	color: #808080;
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
	font-size:1.4em;
}
h3 {
	font-family: Arial,Helvetica,sans-serif;
	color: #808080;
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
	font-size:1.2em;
}
h6 {
	font-family: Arial,Helvetica,sans-serif;
	color: #808080;
	font-weight:lighter;
	text-align: left;
	margin-left: 20px;
	font-size:0.7em;
	margin-top:-10px;
	margin-bottom:-10px;
}

.Contain {
  margin: 0px auto;
  padding: 0px;
  background: #ffffff none repeat scroll 0% 50%;
  position: relative;
  width: 790px;
}
.Header {
  margin: 0px auto;
  padding: 0px;
  position: relative;
  width: 821px;
}
.TopOfPage {
  background-color: #ff0000;
  background-image:none;
  text-align:center;
    margin:0px;
}
.TopOfPage p {
	margin:0px;
}
.TopOfPage a {
color:white;
font-family:Arial, Helvetica, sans-serif;
}

.Contain p {
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  margin-left: 20px;
  margin-right: 20px;
}
ol, ul {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: inherit;
	font-size: 14px;
}

ol li {
	margin-top: .5em;
	margin-bottom: .5em;
}

div.NavlistContainer  
{
	width: 670px;
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
	text-align: center;
	padding: 5px 5px 20px 0px;
	height: auto;
}


div.NavlistContainer ul
{
list-style: none;
margin-left:-15px;
}

div.NavlistContainer ul li
{
display: inline;
float: left;
text-indent: 0px;
width: 200px;
margin-right: 5px;
margin-bottom: 5px;
border: 2px solid #f00;
background-color: #ddd;
			/* rounded corners */
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
		
			/* inset shadow */
			text-shadow: -1px -1px 1px rgba(0,0,0,.3);
		
			/* drop shadow */
			-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
			-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
			box-shadow: 2px 2px 4px rgba(0,0,0,.3);
		
			/* add gloss */
			background-image: -webkit-gradient(linear, 
				0 45%, 
				0 55%, 
				from(rgba(255,255,255,.4)), 
				to(rgba(255,255,255,0)));
			background-image: -moz-linear-gradient(270deg, 
				rgba(255,255,255,.4) 45%, 
				rgba(255,255,255,.0) 55%);
}

div.NavlistContainer ul li a
{
padding: 0 10px;
line-height: 1.75;
text-decoration: none;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
}

div.NavlistContainer ul  li a#current
{
background-color: #669;
color: #000;
}

div.NavlistContainer ul li a:hover, ul a:hover#current
{
background-color: #F00;
color: #000;
}

div.NavlistContainer  ul li a:active, ul li#active a:active#current
{
background-color: #f63;
color: #000;
}

.menu-table 	{
		width: 800px;
		background-color:#CC0000;
		background-image: url("picts/menu-background.gif");
		border-top: #330000 1px solid;
		border-left: #330000 0px solid;
		border-right: #330000 1px solid;
		border-bottom: #330000 1px solid;
		}


.menu		{
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align:center;
		padding-top: 7px;
		padding-bottom: 8px;
		padding-left: 20px;
		padding-right: 20px;
		cursor: pointer;
		display: block;
		white-space: nowrap;
		background-image: url("picts/menu.gif");
		background-color:#CC0000;
		border-right: #330000 1px solid;
		}


.firstmenu	{
		border-left: #330000 1px solid;
		}



a.menu:link 	{
		color: #FFFFFF;
		text-decoration: none;
		}


a.menu:visited 	{
		color: #FFFFFF;
		text-decoration: none;
		}


a.menu:active 	{
		color: #FFFFFF;
		text-decoration: none;
		}



a.menu:hover 	{
		background-image: url("picts/menuon.gif");
		background-color:#000000;
		color: #FFFFFF;
		text-decoration: none;
		}

