@import url(../font/truevisions-font.css);
@charset "utf-8";

*{
	margin:0;
	padding:0;
}
/** General Style Info **/

html {
	font-size: 80%
}
body {
	font-family:"true", sans-serif;
	/*font-family:"THSarabun", sans-serif; */
	width: 100%;
	margin:0;
	color: #58595B;
	background-color: #ffffff;
}

a{
	color:#3f3f3f;
	text-decoration:none;
	line-height:inherit
}
a:hover,a:focus{
	color:#3f3f3f
}
a img{
	border:none
}

.c1 {  
	font-size: 1em;
	}
.c1 a:link {  
	color: #cccccc;
	text-decoration:none;
	line-height:inherit
	}
.c1 a:visited {  
	color: #cccccc;
	text-decoration:none;
	line-height:inherit
	}
.c1 a:hover {  
	color: #cccccc;
	text-decoration:none;
	line-height:inherit
	}
.c1 a:active {  
	color: #cccccc;
	text-decoration:none;
	line-height:inherit
	}

.c2 {  
	font: "truevisions", sans-serif;
	font-size: 1em;
	}
.c2 a:link {  
	color: #FFFFFF;
	text-decoration:none;
	line-height:inherit
	}
.c2 a:visited {  
	color: #FFFFFF;
	text-decoration:none;
	line-height:inherit
	}
.c2 a:hover {  
	color: #cccccc;
	text-decoration:none;
	line-height:inherit
	}
.c2 a:active {  
	color: #cccccc;
	text-decoration:none;
	line-height:inherit
	}

p{
	font-weight:normal;
	font-size:1em;
	line-height:1.6;
	margin-bottom:1.25em;
	text-rendering:optimizeLegibility
}
p aside{
	font-size:0.875em;
	line-height:1.35;
	font-style:italic
}

textarea{
	height:auto;
	min-height:50px
}
select{
	width:100%
}
h1, h2, h3, h4{
	font-weight: normal;
	margin-bottom:0.5em;
	-webkit-font-smoothing: antialiased !important;
}

h1{
	background:none;
	font-size: 3em;
	font-smooth: auto;
}

#everywhere .video-text{
	margin-top:10%
}
#everywhere .video-text p{
	color:#f1f1f1;
	font-size:3em;
	font-weight:bolder;
	letter-spacing:0.5em;
	text-align:center;
	text-shadow:1px 1px 1px black
}


#container{
  background-color:#0ff;
  float:left;
  width:500px;
  border-left:150px solid #0f0;
  /* ขนาดความกว้าง และ สี เหมือนกับ leftRail */
  border-right:200px solid #f00; 

  /* ขนาดความกว้าง และ สี เหมือนกับ rightRail*/
}
#leftRail{
  float:left;
  width:150px;
  margin-left:-150px;
  position:relative;

}
#center{
  float:left;
  width:500px;
  margin-right:-500px;
}
#rightRail{

  float:right;
  width:200px;
  margin-right:-200px;
  position:relative;
}

@font-face{
	font-family: "true",sans-serif;
}
.font-thin{
	font-family:"true",sans-serif;
	font-weight:lighter;
	font-style:normal;
}
.font-medium{
	font-family:"true";
	font-weight:normal;
	font-style:normal
}
.font-bold{
	font-family:"true", sans-serif;
	font-weight:bold;
	font-style:normal
}
.text-white{
	color:white !important;
	text-shadow:1px 1px 1px black
}

.text-black{
	color:#58595B !important;
}

.text-red{
	color:#FF0000 !important;
}

.text-red-head{
	font-size: 1.5em;
	color:#ff0000 !important;
	text-align: center;
    vertical-align: middle;
}
.text-gray-head{
	font-size: 1.2em;
	color:#3f3f3f !important;
	text-align: center;
    vertical-align: middle;
}
.text-white-head{
	font-size: 1.2em;
	color:#ffffff !important;
	text-align: center;
    vertical-align: middle;
}
.text-red-Sch{
	color:#ff0000 !important;
	font-size: 1.0em;
	font-smooth: auto;
    vertical-align: middle;
}
.text-green-Sch{
	color:#33cc00 !important;
	font-size: 1.0em;
	font-smooth: auto;
    vertical-align: middle;
}
.text-gray-Sch{
	color:#3f3f3f !important;
	font-size: 1.0em;
	font-smooth: auto;
    vertical-align: middle;
}
.text-gray1-Sch{
	color:#3f3f3f !important;
	font-size: 0.5em;
	font-smooth: auto;
    vertical-align: middle;
}

.text-white-Sch{
	color:#ffffff !important;
	font-size: 1.0em;
	font-smooth: auto;
    vertical-align: middle;
}

.text-red-title{
	font-size: 1.2em;
	color:#ff0000 !important;
    vertical-align: middle;
}

.text-white-comm{
	font-size: 1em;
	color:#ffffff !important;
    vertical-align: middle;
}

.bg-gray-radius{
	background:#cccccc;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.bg-white-radius{
	border: 1px solid #cccccc;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.bt-gray-radius{
	font-size: 1em;
	font-smooth: auto;
	width:100px;
	height:25px;
	background:#cccccc;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.urlImgfb1 {
    width: 186px;
    height:49px;
    display:block;
	background-position: left top;
	background-repeat: no-repeat;
    background-image: url('../images/b1_1.png');
}
.urlImgfb1:hover {
    background-image: url('../images/b2_1.png');
}

.urlImgfb2 {
    width: 223px;
    height:49px;
    display:block;
	background-position: left top;
	background-repeat: no-repeat;
    background-image: url('../images/b1_2.png');
}
.urlImgfb2:hover {
    background-image: url('../images/b2_2.png');
}

.urlImgfb3 {
    width: 189px;
    height:49px;
    display:block;
	background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/b1_3.png');
}
.urlImgfb3:hover {
    background-image: url('../images/b2_3.png');
}

.urlImgfb4 {
    width: 179px;
    height:49px;
    display:block;
	 background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/b1_4.png');
}
.urlImgfb4:hover {
    background-image: url('../images/b2_4.png');
}

.urlImgfb5 {
    width: 155px;
    height:49px;
    display:block;
	 background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/b1_5.png');
}
.urlImgfb5:hover {
    background-image: url('../images/b2_5.png');
}


.urlImgme1 {
    width: 120px;
    height:58px;
    display:block;
	background-position: left top;
	background-repeat: no-repeat;
    background-image: url('../images/but_home01.jpg');
}
.urlImgme1:hover {
    background-image: url('../images/but_home02.jpg');
}

.urlImgme2 {
    width: 165px;
    height:58px;
    display:block;
	background-position: left top;
	background-repeat: no-repeat;
    background-image: url('../images/but_livescore01.jpg');
}
.urlImgme2:hover {
    background-image: url('../images/but_livescore02.jpg');
}

.urlImgme3 {
    width: 197px;
    height:58px;
    display:block;
	background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/but_leaguetable01.jpg');
}
.urlImgme3:hover {
    background-image: url('../images/but_leaguetable02.jpg');
}

.urlImgme4 {
    width: 223px;
    height:58px;
    display:block;
	 background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/but_fixture01.jpg');
}
.urlImgme4:hover {
    background-image: url('../images/but_fixture02.jpg');
}

.urlImgme5 {
    width: 109px;
    height:58px;
    display:block;
	 background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/but_clips01.jpg');
}
.urlImgme5:hover {
    background-image: url('../images/but_clips02.jpg');
}

.urlImgme6 {
    width: 173px;
    height:58px;
    display:block;
	 background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/but_topscorer01.jpg');
}
.urlImgme6:hover {
    background-image: url('../images/but_topscorer02.jpg');
}

.urlImgme7 {
    width: 211px;
    height:58px;
    display:block;
	 background-position: left top;
 background-repeat: no-repeat;
    background-image: url('../images/but_game01.jpg');
}
.urlImgme7:hover {
    background-image: url('../images/but_game02.jpg');
}

.divstyle{
  font-size:12px;
  text-align:left;
  background-color:#0F0;
  height:1500px;
  vertical-align:top;
}

.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

#navmenu {
  margin: 0;
	padding: 0;
}

#navmenu ul{
	margin: 0;
	padding: 0;
	height:30px;
}

#navmenu li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	background:#FFF;
	
}

#navmenu ul li a{
	text-align:center;
	text-decoration:none;
	height:30px;
	width:140px;
	display:block;
	color:#3f3f3f;
	line-height:inherit;
	padding-top:7px;
}

#navmenu ul ul{
	position:absolute;
	visibility: hidden;
	top:30px;
}

#navmenu ul li:hover ul {
	visibility:visible;
}

#navmenu li:hover {
	color:#3f3f3f;
}

#navmenu ul li:hover ul li a:hover{
	background:#FFF;
	color:#FF0000;
}