/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE NAME: 	Techmania 1.0
	TEMPLATE CODE: 	S-0003
    VERSION:         1.1          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top elements */
* { margin:0; padding: 0; }

body {
	background-image:url(/images/mainbg.jpg) ;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom center;
	background-color: #D9EDF5;
 	color: #555; 
 	font: 12px tahoma,  Verdana, 'Trebuchet MS', arial, sans-serif;
 	text-align: center; 
 	margin: 15px 0;
}

#mainlayout{
	width:999px;
	border:0px solid #eeeeee;
	height:auto ;
	margin: 0 auto ;
	padding:0;	
	text-align: left;
	background:url(/images/bodyBg.png) repeat-y 0px;
}
#mainlayout2{
width:990px;
margin:3px;
height:auto;
margin: 0 auto ;
padding:0;	
text-align: left;
}
#toplayout {
	width:999px;
	height:14px; 
	display:block;
	margin: 0 auto ;
	padding:0;	
	background-image: url('/images/bodytopbg.png'); 
	background-repeat: no-repeat;  

}
/*เริ่ม Footer*/
#footer {
	width:999px;
	height:14px; 
	display:block;
	margin: 0 auto ;
	padding:0;	
	background-image: url('/images/bodybottom.png'); 
	background-repeat: no-repeat;  
}
/*จบ Footer*/
#clear{
clear:both;
}
/*ส่วนหัว*/
#headzone{
height:168px;
width:990px;
padding-left:5px;
margin-top:-3px;
}
#logo {
margin:3px;
text-align:center
width:990px;
height:128px;
}
#search{
margin:3px;
text-align:center
padding-right:10px;
}
/* links */
a	{ 
	color: #72A545;
	background: inherit;
	text-decoration: underline;
}
a:hover { 
	color: #006699;
	background: inherit; 	 
}
 
/* headers */
h1, h2, h3 {
	font-family: 'tahoma', Arial, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.4em;	
}
h2 {
	font-size: 1.3em;
	/*text-transform: uppercase;*/
	color: #339970;
}
h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333;
	/*letter-spacing: 1px;*/
}

h1, h2, h3, p { 
	padding: 0;
	margin: 10px 15px; 
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #00468C;	
}
ul span, ol span {
	color: #666666;
}
.right {
padding-right:5px;
}
.left {
padding-left:5px;
}
.center {
padding-left:5px;
padding-right:3px;
}

/*กรอบ ต่าง*/
.boxsidetop {
background:url(/images/boxsidetop.png) no-repeat 0px;
height:7px;
}
.boxsidebottom {
background:url(/images/boxsidebottom.png) no-repeat 0px;
height:11px;
}
#boxside {
background:url(/images/boxsidebg.png) repeat-y;
}
#boxside .paddingside {
padding:5px;
}
#boxside h2 {
border-bottom:3px solid #D39256;
padding:2px;
margin:0px;
font-size:12px;
font-weight:bold;
padding-left:5px;
}

.boxcentertop {
background:url(/images/boxcentertop.png) no-repeat 0px;
height:7px;
}
.boxcenterbottom {
background:url(/images/boxcenterbottom.png) no-repeat 0px;
height:11px;
}
#boxcenter {
background:url(/images/boxcenterbg.png) repeat-y;
}
#boxcenter .paddingcenter {
padding:5px;
}
#boxcenter h2 {
border-bottom:3px solid #D39256;
padding:2px;
margin:0px;
font-size:13px;
font-weight:bold;
padding-left:5px;
}
#boxcenter h2 a{
text-decoration:none;
}
.box735top {
background:url(/images/box735top.png) no-repeat 0px;
height:7px;
}
.box735bottom {
background:url(/images/box735bottom.png) no-repeat 0px;
height:11px;
}
#box735 {
background:url(/images/box735bg.png) repeat-y;
}
#box735 .padding735 {
padding:5px;
}
#box735 h2  {
border-bottom:3px solid #D39256;
padding:2px;
margin:0px;
font-size:16px;
font-weight:bold;
padding-left:5px;
}
#box735 h2 a{
text-decoration:none;
}
.box980top {
background:url(/images/box980top.png) no-repeat 0px;
height:7px;
}
.box980bottom {
background:url(/images/box980bottom.png) no-repeat 0px;
height:11px;
}
#box980 {
background:url(/images/box980bg.png) repeat-y;
}
#box980 .padding980 {
padding:5px;
}
#box980 h2 {
border-bottom:3px solid #D39256;
padding:2px;
margin:0px;
font-size:16px;
font-weight:bold;
padding-left:5px;
}

/*จบกรอบ*/



/*Top Menu*/
#navmain{
	background-image: url('/2008/images/bg-nav.jpg'); 
	background-repeat: no-repeat; height:38px; display:block; 
	background-color:#FFF; 
}
#navigation #mainlayout {
height: 38px;
position:relative;
position:absolute;
}
#navigation ul {
list-style-type:none;
padding: 0;
margin: 0;
}

#navigation ul li {
display:block;
float:left;
position:relative;
padding: 0;
margin: 0;
}
.makeRelative {
clear:both;
position:relative;
}
#navigation li a, #navigation li a:visited {
color:#FFF;
display:block;
float:left;
font-family:tahoma, Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:38px;
text-decoration:none;
text-align:center;
width: 105px;;
height: 38px;
}
#navigation li a:hover {
background:url(/2008/images/bg-nav-hover.jpg) repeat-x;
color: #FFFFFF;

}
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
a.subLink:hover {
/*background:url(../img/nav-tab.jpg) no-repeat 0px -42px!important;*/
background-color:#eeeeee;
}

#navigation a img {
margin-bottom:-4px;
padding-right:10px;
}
#navigation ul li ul {
border-width:medium 1px 1px;
left:2px;
position:absolute;
top:38px;
width: 223px;
height: auto;
padding: 10px 0px;
background: url(/2008/images/nav-sub-bg.png) no-repeat bottom;
background-color:#eeeeee;
display:none;
}
#navigation ul li ul li {
clear:both;
}
#navigation ul li ul li a, #navigation ul li ul li a:visited {
color:#000000;
font-size:12px;
font-weight:normal;
line-height:15px;
width:191px;
text-align:left;
background:url(/2008/images/nav-bullets.gif) no-repeat 15px -14px;
padding: 5px 0px 5px 26px;
height: 15px;
}
#navigation ul li ul li a:hover {
background-image:none;
text-decoration:none;
background:url(/2008/images/nav-bullets.gif) no-repeat 15px 11px;
color: #FFF;
background-color:#888888;

}
/*Grid*/
.tb1 {
padding-right:2px;
padding-left:2px;
border-bottom:1px solid #eeeeee;
padding-top:1px;
padding-bottom:1px;
font-size:11px;
color:#333333;

}


/*เมนูข้าง*/
.arrowlistmenu{
width: 184px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:bold 11px tahoma;
height:20px;
color:#ffffff;
position:relative; color:#333; cursor:default; border:#939393; background:#939393 url(/2008/images/boxtopgray.gif) repeat-x;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 0px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin:0px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#fff; cursor:pointer; border-color:#72839d; background:#72839d url(/2008/images/boxtopblue.gif) repeat-x; 
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* images */
img {
	border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}
img.banner {
  margin: 5px;
  padding:1px;
}
/* คุมหน้าความกว้างหน้าเว็บไซต์*/

#provincefoot{
font-size:12px;
color:#939393;
}
#provincefoot h4{
font-size:11px;
font-weight:bold;
}
.provicelist {
margin:0px;
list-style-type:none;
padding:2px;
padding-left:7px;
}
.infoadd{
font-size: 11px;
color:#cccccc;
}
.articleshow {
font size:12px;
}
.articleshow h3 {
margin:0px;
font-size:12px;
font-weight:bold;
}
.articlehr{
border-bottom:1px solid #eeeeee;
margin-top:5px;
}

#basic-accordian{
	border:0px solid #EEE;
	padding:5px;
	width:210px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#d39256;
}

.accordion_child{
	padding:5px;
	background:#FFFFFF;
}
.accordion_child ul li {
	margin:0;
	padding:0;
	list-style:none;
}

.header_highlight{
	background:#d39256;
}

.topbanner {
margin:3px;
padding:3px;
}