@font-face { 
    font-family: supermarket;
	font-weight:normal;
	src: local('☺'), url('/sites/all/themes/thaiwebaccessibility/fonts/supermarket.ttf') format("truetype");
	src: url('/sites/all/themes/thaiwebaccessibility/fonts/supermarket.eot');
    src: url('/sites/all/themes/thaiwebaccessibility/fonts/supermarket.eot?#iefix') format('embedded-opentype'),
	     url('/sites/all/themes/thaiwebaccessibility/fonts/supermarket.ttf') format('truetype');
}
@font-face { 
    font-family: Circular;
	font-weight:normal;
	src: local('☺'), url('/sites/all/themes/thaiwebaccessibility/fonts/Circular.ttf') format("truetype");
	src: url('/sites/all/themes/thaiwebaccessibility/fonts/Circular.eot');
	src: url('/sites/all/themes/thaiwebaccessibility/fonts/Circular.eot?#iefix') format('embedded-opentype'),
	     url('/sites/all/themes/thaiwebaccessibility/fonts/Circular.ttf') format("truetype");		
}
@font-face { 
    font-family: Circular;
	font-weight:bold;
	src: local('☺'), url('/sites/all/themes/thaiwebaccessibility/fonts/CircularBold.ttf') format("truetype");
	src: url('/sites/all/themes/thaiwebaccessibility/fonts/CircularBold.eot');
	src: url('/sites/all/themes/thaiwebaccessibility/fonts/CircularBold.eot?#iefix') format('embedded-opentype'),
	     url('/sites/all/themes/thaiwebaccessibility/fonts/CircularBold.ttf') format("truetype");
}

body{
	margin:0;
	padding:0;
	font:13px Arial, Tahoma;
	/*background: #9cd7e4 url(/sites/all/themes/thaiwebaccessibility/images/bg3.png) repeat-x top; */
	line-height: 140%;
	background-color:#ffffff;
	color: #333;
}
.bg{
	background:url(/sites/all/themes/thaiwebaccessibility/images/bg.png) repeat-x #c2ddef center top;
}
a{
	text-decoration:none;
	color:#0072bc;
}
a:hover{
	color: #000;
	text-decoration:underline;
}
div,h1, h2, h3, h4, h5, img{
	margin:0px; 
	padding:0px;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}
h1 {
	font-family: arial;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 0.5em;
/*	
	color: #ec008c;
	border:1px solid #ddd;
	padding:7px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}
h2 {
	font-weight: bold;
	padding-bottom: 0.5em;
/*	color: #ff1d42;
	color: #73c0dc;*/
	font-family: arial;
	font-size: 120%;
}
h3 {
	font-family: arial;
	font-size: 110%;
	font-weight: bold;
	color: #00a3b4;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;	
	padding: 0.5em 0.5em 0.5em 0;
	margin-bottom: 0.5em;
}
/* general */
.b {
	font-weight: bold;
}
.lighter {
	color: #a4a4a4;
}
.smaller {
	font-size: 90%;
	font-weight: normal;
}
.textbox, .dropdown {
	width: 97%;
	color: #666;
}
.dropdown {
/*	font-size: 90%;*/
}
.clear-all{
	clear:both; 
	line-height:0; 
	height:0;
}

#reg h1 .ss-form-title, #reg h2 .ss-section-title {
	font-family:supermarket;
}
#wrapper{
	margin:0 20px;
	
	background:url(/sites/all/themes/thaiwebaccessibility/images/header-bg1.png) no-repeat top left;
}
#wrapper .right{
	background:url(/sites/all/themes/thaiwebaccessibility/images/header-bg2.png) no-repeat top right;
	padding:0 20px;
}
#header{
	height:146px;
	position:relative;
}
#header h1 {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	float:left;
}
#skip-link a {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	display:block;
}
#logo{
	width:390px;
	height:95px;
	position:absolute;
	top:0px;
	left:0px;
}
#logo h1 {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
#logo a {
	background:url(/sites/all/themes/thaiwebaccessibility/images/logo.png) no-repeat;
	display:block;
	width:390px;
	height:95px;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
}
#access-help, #access-help ul {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	list-style:none;
	float:left;
}
#access-view{
	width:270px;
	height:28px;
	background:url(/sites/all/themes/thaiwebaccessibility/images/access-view-bg.png) no-repeat;
	position:absolute;
	top:20px;
	right:0;
	padding:0 10px;
}
#access-view h2, #access-view .switch-title {
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	float:left;
}
#access-view ul, #access-view ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
} 
#access-view a {
	cursor: pointer;
    margin:5px 1px 0 1px;
}
#access-view a.fsactive {
	cursor: pointer;
}
#access-view a#decreaseFont {
	background:url(/sites/all/themes/thaiwebaccessibility/images/text-small.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
	margin-left:132px;
}
#access-view a#defaultFont {
	background:url(/sites/all/themes/thaiwebaccessibility/images/text-normal.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
}
#access-view a#increaseFont {
	background:url(/sites/all/themes/thaiwebaccessibility/images/text-large.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
}
#access-view a.white-style {
	background:url(/sites/all/themes/thaiwebaccessibility/images/text-white.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
	margin-left:8px;
}
#access-view a.default-style {
	background:url(/sites/all/themes/thaiwebaccessibility/images/text-black.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
}
#access-view a.yellow-style {
	background:url(/sites/all/themes/thaiwebaccessibility/images/text-yellow.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
}
#sitemap-button {
	width:82px;
	height:36px;
	position:absolute;
	top:62px;
	right:290px;
}
#sitemap-button a {
	background:url(/sites/all/themes/thaiwebaccessibility/images/sitemap-button.png) no-repeat;
	width:82px;
	height:36px;
	line-height:0;
	font-size:0;
	text-indent:-9999px;
	display:block;	
}
#header-info{
	width:238px;
	height:38px;
	background:url(/sites/all/themes/thaiwebaccessibility/images/header-info-bg.png) no-repeat;
	position:absolute;
	top:60px;
	right:20px;
	padding:0 10px;
	line-height:38px;
	color:#68def0;
	font-size:14px;
	text-align:center;	
}
#header-info .number{
	color:#fff;
	font-size:18px;
	font-weight:bold;	
}


#main-menu{
	height:47px;
	margin:0px;
	position:absolute;
	top:99px;
	left:0px;
	list-style:none;
	padding:0 40px;
	font-family:supermarket;
}
#main-menu li{
	margin:0px;
	list-style:none;
	display:inline;
	line-height:47px;
	padding:0 10px;
	font-size:17px;
	letter-spacing:1px;
	background:url(/sites/all/themes/thaiwebaccessibility/images/mainmenu-line.png) no-repeat right;
	
}
#main-menu li a{
	color:#FFF;
	font-weight:bold;
	padding:0 10px;
	text-decoration:none;
}
#main-menu li a:hover{
	color:#000;
	background:url(/sites/all/themes/thaiwebaccessibility/images/mainmenu-hover.png) repeat-x;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#content-wrapper{
	position:relative;
	background:url(/sites/all/themes/thaiwebaccessibility/images/content-wrapper-bg.png) repeat-y right #FFF;
	/*min-height:1000px;*/
	padding:0 0 0 0;
}
#main-content{
	margin-right:285px;
}
#reg {
	clear:both;
}
#highlight-banner{
	height:250px;
	width:100%;
	background:url(/sites/all/themes/thaiwebaccessibility/images/content-wrapper-bg2.png) repeat-x;
}
#highlight-banner .item{
	position:relative;
	height:250px;
}
#highlight-banner .item .text{
	position:absolute;
	bottom:10px;
	left:30px;
}
#highlight-banner .item .text h1{
	font-size:300%;
	color:#51ae26;
}
#highlight-banner .item .text h2{
	font-size:150%;
	margin:0 0 0 60px;
}
#sidebar-first{
	width:285px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(/sites/all/themes/thaiwebaccessibility/images/content-wrapper-bg2.png) repeat-x;
}
#sidebar-highlight{
	color:#FFF;
	height:230px;
	padding:20px 20px 0 20px;
}
#sidebar-highlight h1 {
}
#sidebar-highlight h2 {
	font-family: Circular;
	font-size:29px;
	padding-bottom:0;
}
#sidebar-highlight p {
	padding:5px;
	background:#ffbb3a;
	border:1px solid #FFF;
	font-size:13px;
	line-height:15px;
	color:#000;
	font-weight:normal;
	margin:10px 0 0 0;	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#sidebar1{
	background:#e5f1f6;
	
}
#sidebar1 h1{

}
#sidebar1 h2 {
	background:url(/sites/all/themes/thaiwebaccessibility/images/sidebar1-h.png) top no-repeat;
	color:#FFF;
	height:39px;
	padding:10px 10px 10px 20px;
	font-family: Circular;
	font-size:29px;	
}
#sidebar1 .item .text .colur1{
	color:#ff5b0a;
}
#sidebar1 .item .text .colur2{
	color:#2f890a;
}
#sidebar1 .item .text .colur3{
	color:#0a4989;
}
#sidebar1 .item{
	/*padding:10px;*/
	border-bottom:1px dotted #CCC;
	text-align:center;
}
#sidebar1 .item .text {
	text-align:left;
	padding-left:20px;
}
#sidebar1 .item .picture img{
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	border:2px solid #FFF;
}
#topbar{
	height:39px;
	position:relative;
	background:url(/sites/all/themes/thaiwebaccessibility/images/bar1-bg.png) ;
}
#topbar #bread-crumb{
	width:70%;
	line-height:39px;
	font-size:12px;
	position:absolute;
	top:0px;
	left:20px;
}
#topbar #social-first{
	width:40%;
	font-size:10px;
	position:absolute;
	top:10px;
	right:20px;
}
#facebook-button {
	float:right;
}
#tweet {
	float:right;
}
#content1{
	position:relative;
	padding:30px 20px;
	clear:both;
}
#content1 .picture{
	width:215px;
	position:absolute;
	top:30px;
	left:20px;
}
#content1 .text{
	margin:0 0 30px 235px;
}
.block-center1{
	padding:20px;
	clear:both;
	
}
.block-center1 ul{
	width:45%;
	margin:20px 0 0 0;
	padding:0px;
	float:left;
	list-style:none;
}
.block-center1 ul li{
	margin:0px;
	padding:10px;
	border-bottom:1px dotted #CCC;
	position:relative;
	min-height:80px;
}
.block-center1 ul li .picture{
	position:absolute;
	top:10px;
	left:10px;
}
.block-center1 ul li .text{
	margin:0 0 0 85px;
}
.block-center1 ul li .text a{
	color:#000;
}
.block-center1 .title{
	height:94px;
}
.block-center1 .title .right{
	height:94px;
}
#content2 .title{
	background:url(/sites/all/themes/thaiwebaccessibility/images/service-h1-2.png) no-repeat right top #8fc2e2;
}
#content2 .title .right{
	background:url(/sites/all/themes/thaiwebaccessibility/images/service-h1-1.png) no-repeat left top;
}
#content3 .title{
	background:url(/sites/all/themes/thaiwebaccessibility/images/training-h1-2.png) no-repeat right top #b1e49d;
}
#content3 .title .right{
	background:url(/sites/all/themes/thaiwebaccessibility/images/training-h1-1.png) no-repeat left top;
}
.block-center2{
	padding:20px;
	clear:both;
	position:relative;
}
.block-center2 h1{
	color: #fff;
	padding:5px 10px;
	height:37px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background:url(/sites/all/themes/thaiwebaccessibility/images/article-h.png) repeat-x;
}
.block-center2 ul{
	margin:20px 0 0 0;
	padding:0px;
	float:left;
	list-style:none;
}
.block-center2 ul li{
	margin:0px;
	padding:10px;
	position:relative;
	min-height:130px;
}
.block-center2 ul li .picture{
	position:absolute;
	top:10px;
	left:10px;
}
.block-center2 ul li .text{
	margin:0 0 0 145px;
}
.block-center2 .text a{
	color:#000;
}
#footer{
	clear:both;
	margin:0px 0 0 0;
	padding:20px;
	height:144px;
	background:url(/sites/all/themes/thaiwebaccessibility/images/footer-bg.png) repeat-x;
	font-size:11px;
	line-height:13px;
}
#footer ul{
	width:50%;
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
}
#footer ul li{
	padding:5px 0;
}
#footer ul.col2{
	text-align:right
}
#footer ul.col2 li#contact a.site {
	margin-right:5px;
}
.ss-form-title{
	background-color:#36F;
	}
.form-pading{padding-left:50px;padding-top:50px;}