/*
Theme Name: SitAndSafe
Theme URI: http://www.thaihostsave.com/
Description: for Ready Website
Version: 1.0
Author: Sup
Author URI:
Tags: Customized
*/
/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: Arial, Helvetica, Tahoma, sans-serif; vertical-align: baseline;}
td, td {vertical-align: top;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* GENERAL */
/* body {padding: 5px 0; background: #FEEDB9 url(../graphics/img01.jpg) repeat-x left top; color: #333; font-size: 12px; line-height: 16px;} */
body { background: #F6F6F6 url(../graphics/img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; color: #6B6B6B; }
p {padding: 0 0 12px 0;}
a {color: #cc0000; text-decoration: none;}
a:visited {color: #aa0000;}
a:hover {color: #ff9900;}
a:active {color: #f00;}
blockquote {margin: 1.5em 3em; padding: 1em; color: #777; font-style: italic; line-height: 150%;}
blockquote .rt {display: block; text-align: right;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym, abbr {border-bottom: 1px solid #8fb7bf;}
small {font-size: 9px;}
sup, sub {font-size: 75%;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
hr {width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
h1 {font-size: 17px; font-weight: bold; margin: 0 0 14px;}
h2 {font-size: 15px; font-weight: bold; margin: 0 0 12px;}
h3 {font-size: 13px; font-weight: bold; margin: 0 0 8px;}
.small {font-size: 9px;}
.medium {font-size: 10px; line-height: 15px;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
ul, ol {margin: 0; padding-left: 13px; text-indent: 0;}
ul li {padding: 1px 0; list-style-type: disc; list-style-position: outside;}
ol li {padding: 1px 0; list-style-type: decimal; list-style-position: outside;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
.boxborder {border: 1px solid #999;}
.date {font-size: 10px; color: #777;}
/* DIV */
#wrapper {width: 960px; margin: 0 auto; background: url(../graphics/img02.jpg) repeat-y;}
#wrapper2 { background: url(../graphics/img10.jpg) no-repeat left bottom;}
#header { padding: 0px; height: 140px; background: #087FE7 url(../graphics/img03.jpg) no-repeat; margin: 0;}
#header #flag_lang {float: right; margin: 10px 50px;}
#header #flag_lang img {margin-left: 10px;}
#header #brand {height: 100%; padding: 0px;}
#header #brand #logo {float: left; margin: 0 0px 0px 42px;}
#header #brand h1, #header #brand h1 a {padding: 0px 0 5px;margin: 0; color: #FEEDB9; font-size:20.4px; text-align: center;}
#header #brand h3, #header #brand h3 a {padding-top:10px; font-size:20px; font-weight: normal; margin: 0; color: #FFF; text-align: center;}
#web_banner { display: none; }
#web_banner { margin: 10px auto 0; position: relative; width: 920px; }
#web_banner div, #web_banner img, #web_banner embed, #web_banner object { position: absolute; left: 0px; top: 0px; }
#web_banner embed, #web_banner object  {width: 920px; height: 250px;}
/* PAGE */
#page {padding: 40px 0px 0; background:transparent url(../graphics/img04.jpg) no-repeat;}
/* CONTENT */
#content { padding: 0 0 0 76px;}
/* SIDE BAR */
.sidebar {float: right; width: 210px; background-color: #ddd; padding: 10px 0; border-width: 1px; border-style: solid; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-color: #ccc}
.sidebar select {margin-left: 10px; width: 160px;}
.sidebar ul {padding: 0; margin: 5px 0 0;}
.sidebar ul li {padding: 3px 3px 3px 14px; list-style-type: none; margin: 0;}
.sidebar ul li:hover {background-color: #eee;}
.sidebar ul li.selected {background-color: #ccc;}
.sidebar ul li a {color: #152130;}
.sidebar ul li a:hover {color: #426b9a;}
.sidebar h2 {font-size: 14px;padding: 0 15px;}
.sidebar p {padding: 0 15px;}

.sidebar .additional { border-top: 1px dashed gray; }

/* WEBBOARD */
#webboard {-moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff; border: 1px solid #dbccc6; padding: 15px; margin-top: 10px;}
/* MAIN MENUS */
#main_menu {margin: -30px 42px 0 0; padding: 0 20px; width: 700px; float: right;}
#main_menu #main_nav {margin: 0; padding: 0; background: url(images/nav-bg.gif) repeat-x;height: 30px;float: right;}
#main_menu #main_nav li {display: inline;}
#main_menu #main_nav li a {font-size: 13px; font-weight: bold; text-decoration: none; float: left; padding: 0 0 0 25px;color: #fff;}
#main_menu #main_nav li a:hover {text-decoration: underline;}

.table-border {border:1px solid #097CC6;}
#box2 {
	margin: 20px 50px 0;
	padding: 25px 20px 0 18px;
	background: transparent url(../graphics/img11.gif) repeat-x;
}

#box2 h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #F2F2F2;
	letter-spacing: -0.035em;
	font-weight: normal;
	color: #37404C;
}

#box2 #colA {
	float: left;
	width: 830px;
}

#box2 #colB {
	float: left;
	width: 260px;
	padding-left: 45px;
}

#box2 #colC {
	float: left;
	width: 186px;
	padding-left: 45px;
}
ul.list2 {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	float: left;
	list-style: none;
	margin: 0 8px 18px 0;
}

ul.list2 li.nopad {
	margin-right: 0;
}
/* FOOTER */
#footer {margin:0; padding: 20px; font-size: 11px; color: #666; background: transparent url(../graphics/img05.jpg) no-repeat;}

#footer p {
	margin: 0;
	padding-top: 25px;
	text-align: center;
	color: #8E8E8E;
}

#footer a {
	color: #666666;
}