/* CSS Document */
body{margin:0; padding:0; background-color:#EAF0F0; font-size:12px; font-family:Tahoma;}
h1{font-size:1.5em}
h2{font-size:1.375em}
h3{margin:0px; padding:0px; color:#520063; font-size:14px}
h4{font-size:13px}
h5{font-size:12px}
h6{font-size:11px}
a{text-decoration:none}
a:hover{color:#F93}
hr{color:#F0F5F5; height:10px; border-bottom:dotted 1px #ccc}
img{border:0;}
.wrapper{margin:0; padding:0}
.mainNav{margin:0; padding:5px; height:24px; background-color:#013C59; color:#fff;}
.mainNav ul{margin:0;}
.mainNav li{float:left; margin:5px; list-style:none;}
.mainNav a{color:#fff; text-decoration:none;}
.welcome{display:none;}
.facebook{margin:140px 0 0 630px;}
.container{margin:0; padding:0; height:838px; background-image:url(../images/varakorn.jpg); background-position:top left; background-repeat:no-repeat;}
#secondNav{float:left; margin:0; padding:360px 0 0 0; width:260px;}
#secondNav ul{margin:0; padding:0}
/*#secondNav ul li{margin:0; padding:0}*/
#content{float:left; margin:0; padding:0}
/*.head{margin:178px 0 23px 89px;}*/
.content{margin:18px 0 23px 89px; width:596px; he/ight:600px; min-height:600px; padding:10px; background-color:#F0F5F5;}
.content li{padding:3px;}
.content p{padding:3px; line-height:20px}
/*li.m2{margin:0 0 0 0; padding:29px 0 0 90px; list-style:none; width:210px; height:28px; background-image:url(../images/biography.gif); background-position:bottom; background-repeat:no-repeat}
li.m3{margin:0 0 0 0; padding:22px 0 0 90px; list-style:none; width:210px; height:35px; background-image:url(../images/secondNav_bck.gif); background-position:bottom; background-repeat:no-repeat}
li.m4{margin:0 0 0 0; padding:22px 0 0 90px; list-style:none; width:210px; height:35px; background-image:url(../images/secondNav_bck.gif); background-position:bottom; background-repeat:no-repeat}
li.m5{margin:0 0 0 0; padding:22px 0 0 90px; list-style:none; width:210px; height:35px; background-image:url(../images/secondNav_bck.gif); background-position:bottom; background-repeat:no-repeat}
li.m6{margin:0 0 0 0; padding:22px 0 0 90px; list-style:none; width:210px; height:35px; background-image:url(../images/secondNav_bck.gif); background-position:bottom; background-repeat:no-repeat}
h1.welcome{width:615px; height:72px; background-color:#F0F5F5; background-image:url(../images/welcome.png); text-indent:-999%;}*/
#secondNav a{float: left; margin:0px; padding:26px 0 0 50px; width:140px; height:31px; background-image:url(../images/menu_bck.png); background-position:top left}
/*a.m2:hover{background-image:url(../images/m1_hover.png); background-position:top left; }*/
.radiolist{margin:0; padding:0}
.radiolist li{float:left; width:48%; list-style:none}
#player{float:left; width:48%}
#browsercontent{float:left; width:48%}
#browsercontent{margin-top:0px; overflow:auto}
.browsercontent{height:200px}
.browsercontent ul{margin:0;padding:2px 0 2px 10px}
.browsercontent ul li{width:230px; list-style:none}
.book{float:left; width:150px}
.book_list{clear:both; width:486px}
.book_content{float:left}
.book_content ul{margin:0 0 0 2px; padding:0}
.book_content ul li{margin:2px 0 2px 0; padding:2px; min-height:50px; list-style:none; background-color:#E9F0F2; font-size:11px}
.content p.other{clear:both}
.c1, .c2, .c3 {float:left}
.c1 {width:220px}
.c2 {width:100px}
.c3 {width:100px}