﻿/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

/*body { height:100%; background: #141215 url('../../pics/background.png') repeat scroll left top; }
.w		{ background-color: #ffffff;}*/

html { height:100%; }
body {font-size:100%; line-height:0.8em; text-align:center}
textarea
	{	font-family:Tahoma; 
		color:#797979;
	}	


input
	{	font-family:Tahoma; 
		color:#797979;
	}	


html
	{	font-family:Tahoma; 
		color:#797979;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
.nw{white-space:nowrap;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#a30000;}

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

.a2{color:#a30000; text-decoration:none; font-weight:bold} 
.a2:hover{color:#a30000; text-decoration: underline; font-weight:bold} 
.a1{color:#5d8f00; background:url("../../pics/template/arrow2.gif") top left no-repeat; background-position:0 6px; margin:0px; padding-left:10px; text-decoration:none} 
.a1:hover{text-decoration: underline} 

ul {margin:0; padding:0; list-style:none;}
ul li {background:url("../../pics/template/arrow4.gif") top left no-repeat; background-position:0 8px; margin:0px; padding-left:10px; }
ul li a {color:#797979; text-decoration:none; line-height:1.5em; font-weight:bold} 
ul li a:hover { text-decoration:none; color:#a30000 }





/*=======================*/
/*=         All         =*/
/*=======================*/

#title, #header, #content, #footer { float:left; }





/*=========================*/
/*=         Title         =*/
/*=========================*/

#title {padding:63px 0px 0px 0px; font-size:0.6875em; color:#FFFFFF;}
#title .col2, #title .col1 {border: 1px Solid #CFCFCF; border-bottom:0;}
#title .col1 {border-right: 0;}
#title .col2 {border-left: 0;}
#title .indent_col2{padding:30px 15px 16px 25px}
#title .title{margin-bottom:4px}
#title #logo {/*height:150px;*/}





/*==========================*/
/*=         Header         =*/
/*==========================*/

#header { padding:0px 0px 0px 0px; font-size:0.6875em; color:#FFFFFF; }
#header .col1, #header .col2, #header .col3, #header .col4 {padding:0; margin:0; border:1px Solid #CFCFCF; border-bottom:0; border-top:0;}
#header .col4 { border-left:0; }

#header .col4 { text-align:center; background:url("../../pics/template/bg_top.gif") repeat-x top left #36352d; }

#header .bann { margin:0px 0 0px 186px; position:absolute; }
#header .indent_col2 { padding:0px 19px 20px 25px; }
#header .title1 { margin:15px 0 14px 0; border:1px solid black;}
#header .line { margin:5px 0 0px 0}
#header .txt a { float:right; color:#bcb98e; font-size:0.8em; text-decoration:none; margin-right:12px}
#header .txt a:hover { text-decoration: underline;}
#header a { color:#bcb98e; text-decoration:none; font-size:0.9em}
#header a:hover { text-decoration: underline}
#header span a { color:#fff; text-decoration:underline; font-size:1em}
#header span a:hover { text-decoration:none }
#header p { margin:0px 0px 8px 0px}
#header #fortressline { height:206px;/*206px*/}

/* Sidelinks Green Old */
/***
#header .sidelink {  display:block; padding:8px 0 0 38px; margin:0; height:25px;/*33px* / width:148px;/*186px* / background-image:url(''); background-repeat:no-repeat; background-position:0% 100%;}
#header .sidelink a { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; word-spacing:.2em; letter-spacing:.075em; text-transform:capitalize;  font-weight:bold; font-size:1.1em; }
#header #s1 { 		background-image:url('../../pics/template/m1.gif'); padding-top: 28px; height:24px;/*52* /  }
#header #s1:hover { background-image:url('../../pics/template/m1-1.gif'); padding-left:48px;}
#header #s2 { 		background-image:url('../../pics/template/m2.gif');  }
#header #s2:hover { background-image:url('../../pics/template/m2-2.gif'); padding-left:48px; }
#header #s3 { 		background-image:url('../../pics/template/m3.gif');  }
#header #s3:hover { background-image:url('../../pics/template/m3-3.gif'); padding-left:48px; }
#header #s4 { 		background-image:url('../../pics/template/m4.gif');  }
#header #s4:hover { background-image:url('../../pics/template/m4-4.gif'); padding-left:48px; }
#header #s5 { 		background-image:url('../../pics/template/m5.gif');  height:47px; /*55px* / }
#header #s5:hover { background-image:url('../../pics/template/m5-5.gif'); padding-left:48px; }
***/

/* Sidelinks Orange New */
#header .col3 ul, #header .col3 li { list-style: none; background: none; padding:0; margin:0; }
#header .col3 ul { background: #820024 url('../../pics/mainmenu_bkk.jpg') repeat-x left top; height: 188px; padding: 18px 20px 0 20px; margin-left: 0; }
#header .col3 li { padding: 8px 0px 0 15px; height: 25px; border-bottom: 1px Solid #E0B341; background: url('../../pics/mainmenu_arrow.png') no-repeat 5px 15px; } /*Based on:http://css.maxdesign.com.au/listutorial/07.htm*/
#header .col3 a { color: #FFFFFF; font-family: Tahoma, Geneva, "Trebuchet MS", Helvetica, sans-serif; letter-spacing: -0.01em; text-transform: uppercase; font-weight: 500; font-size: 1.25em; line-height: 1.5em; }
#header #s5 { border:0; }
#header .col3 li:hover { list-style-image:url('../../pics/mainmenu_hover.png');  padding-left:48px; }


#page3 #header a { color:#bcb98e; text-decoration:underline; font-size:.9em}
#page3 #header a:hover{text-decoration:none }





/*===========================*/
/*=         Content         =*/
/*===========================*/

#content { font-size:0.6875em; text-align:left; border:1px Solid #CFCFCF; border-top:0;}
#content .col2, #content .col3 { border-left: 1px Solid #CFCFCF; }

#content .indent_col1{padding:22px 40px 5px/*20px*/ 24px; }
#content .indent_col2{padding:22px 40px 20px 24px; }
#content .indent_col3{padding:22px 20px 20px 24px; }

#content .title{  margin:28px 0 18px 0}
#content .pic_wrapper { float:left; width:233px; padding-right:30px;}
#content .pic_left{ margin:0px 14px 16px 0px; height:68px; max-width:231px}
#content .pic{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 7px 0px}
#content .p{ margin:0px 0px 7px 0px}
#content .p1{ margin:11px 0px 11px 0px}
h3{ color:#a30000; font-size:1em}

#content .col1 ul{margin:0px 0 70px 25px; padding:0; list-style:none;}
#content .col1 ul li{background:url("../../pics/template/arrow1.gif") bottom left no-repeat; padding:0px }
#content .col1 ul .li{background:none; padding:0px }
#content .col1 ul li a{color:#5d8f00; text-transform:uppercase; font-size:0.8em; text-decoration:none; background:url("../../pics/template/arrow.gif") no-repeat top;  background-position:0 5px; padding-left:10px; line-height:3.2em; font-weight:bold; margin-left:3px} 
#content .col1 ul li a:hover { color:#000000; text-decoration:none; }

#content .col2 h2 { padding:0 0 10px 2px; }





/*==========================*/
/*=         Footer         =*/
/*==========================*/

#footer { color:#a9a7a7; font-size:0.6875em; /*background:url("../../pics/template/bg_bot.gif") repeat-x top;*/ padding:10px 0px 50px 0px; clear:both;}
#footer a {color:#a9a7a7; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer span a {color:#5d8f00;}  





/*=========================*/
/*=         Other         =*/
/*=========================*/

.input{
	background:#FFFFFF;
	width:138px;
	height:19px;
	font-size:1em;
	padding-left:3px;
	margin-right:4px;
	vertical-align:middle;
}
.input_but{ width:26px; height:19px;  vertical-align:middle}
.input_contact{
   	border:1px solid #bababa; 
	background:#efefef;
	width:252px; height:18px;
	font-size:1em;
	color:#9c0909;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #bababa; 
	background:#efefef;
	width:252px; height:98px;
	font-size:1em;
	color:#9c0909;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}







