html, body {
	font-size: 13px;
	font-family: Georgia, serif, Helvetica, Arial, Sans-Serif;
	line-height: 1.2em;
	background: #0a3b75;
}
a {
	color: #cc0000;
	text-decoration: underline;
	outline: none;
}

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

.sb-container {
	margin: 0 auto;
	width: 851px;
	font-size: 13px;
	font-family: Georgia, serif, Helvetica, Arial, Sans-Serif;
}

.sb-bgtop {
		background: url(../images/top_bg1.jpg) 0 0 no-repeat;
}

.sb-bgmiddle {
		background: url(../images/middle_bg.jpg) 0 0 repeat-y;
}

.sb-bgbottom {
		background: url(../images/bottom_bg.jpg) 0 100% no-repeat;
		height: 55px;
}

#sb-logo {
	width: 90px;
	height: 80px;
	display: block;
}
#sb-iconlinks {
	width: 75px;
	height: 75px;
	display: block;
	float: right;
	margin: 20px 60px 0 0;
}

.sb-content {
	padding: 10px 20px 0 0;
}

.sb-content_left {
	width: 190px;
	display: inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 15px;
}
.sb-content_leftbg {
	background: url(../images/main_bg.jpg) 20px 40px no-repeat;
}
.sb-content_right {
	width: 620px;
	display: inline;
	float: right;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}


h2.title {
	font-size: 160%;
	margin-top: 1px;
	margin-bottom: 10px;
	letter-spacing: inherit;
	background: url(../images/hr.png) bottom left repeat-x;
	display: block;
	padding-bottom: 5px;
	color: #FF0000;
}

h2.title span {
	color: #fff;
	text-shadow: -1px -1px 1px #000;
}

h3.title span {
	font-size: 160%;
	margin-top: 11px;
	margin-bottom: 10px;
	letter-spacing: inherit;
	background: url(../images/hr.png) bottom left repeat-x;
	padding-bottom: 5px;
	color: #000;
}

h4.title span {
	font-size: 160%;
	margin-top: 11px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #fff;
}


p {
	margin: 0 0 15px 0;
}
h1, h2, h3 {
	margin: 15px 0;
	line-height: 1.1em;
}

h1 {
	font-size: 200%;
}

h1, h2, h3, h4, h5, h6, legend {
	color: #000;
}

h4, h5 {
	margin: 15px 0;
	line-height: 200%;
}

span.para {
	font-size: 20px;
	color: #fff;
	text-shadow: -1px -1px 1px #000;
	padding-left: 35px;
}

span.thai {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px;
}
	
ul.error {
	list-style: square;
	margin-left: 15px;
}

ul.error li {
	color: #FFF;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
	font-size: 14px;
}

ul.news {
	list-style: square;
	margin-left: 15px;
}

ul.news li {
	color: #FFF;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
	font-size: 13px;
}

a.titlefield {
	font-size: 140%;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
	margin-top: 5px;
	letter-spacing: inherit;
	padding-bottom: 5px;
	color: #000;
	text-shadow: none;
	font-weight: bold;
	display: block;
}

.labelfield, .datefield {
	font-size: 90%;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
	color: #ccc;
	margin-bottom: 5px;
	font-style: italic;
}


.separator {
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/hr.png) center left repeat-x;
	height: 2px;
	line-height: 2px;
	border: 0px;
	display: block;
}

/******************************************************/
a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
	padding: 6px 0 6px 30px; 
	display: block; 
	font: bold 12px arial, tahoma, verdana, helvetica;
	color: #fff; 
	text-shadow: 0 1px 0 #000;
	background: url(../images/leftmenu.png) center left no-repeat;
	text-decoration: none;
	text-transform: uppercase;
}
a.mainlevel:hover, a.mainlevel:active {
	color: #000; 
	text-shadow: 0px 1px 1px #fff;
	background: url(../images/leftmenu_over.png) center left no-repeat;
	text-decoration: none;
}

.buttoncontrol {
	width: 125px;
	margin: 35px auto 0 auto;
}

a.visit {
	margin: 10px 0px 5px 0px;
	width: 125px;
	height: 25px;
	background: transparent url(../images/button.png) 0 0 no-repeat;
	display: block;
	line-height: 25px;
	font-size: 100%;
	font-weight:bold;
	vertical-align: middle;
	text-decoration: none;
	color: #fff !important;
	text-align: center;
}

a.visit:link, a.visit:visited {
	color: #fff !important;
	text-decoration: none;
	font-weight:bold;
	vertical-align: middle;
}

a.visit:hover {
	background: transparent url(../images/button.png) 0 -25px no-repeat;
	color: #fff !important;
	text-decoration: none;
	font-weight:bold;
	vertical-align: middle;
}

span.counter {
   color: red;
   cursor: default;
   font-size: larger;
   margin-left: 5px;
   margin-right: 5px;
}