*html {
	background: #FFFFFF;
	margin: 0;
	padding: 0
	}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetical, Verdana, Sans-serif;
	font-size: 11pt;
	color: #1b1b1b;
	line-height: 1.4em;
	background: #767676
	}
a {
	text-decoration: none;
	color: #d7b602
	}
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0
	}
h1, h2 {
	font-size: 12pt
	}
img {
	border: none;
	outline: none
	}


/*--- Normal Classes ----*/

.bold {
	font-weight: bold
	}
.default {
	color: #1b1b1b
	}
.underline {
	text-decoration: underline
	}
.italic {
	font-style: italic
	}
.clear {
	clear: both
	}
.block {
	display: block
	}


/*---- clearfix ----*/

.clearfix {
	display: inline-block
	}
/*Firefox Hack\*/
.clearfix:after {
	content: '.';
	height: 0;
	display: block;
	clear: both;
	font: 1px/0 serif
	}

/*--- Site Structure ----*/

#wrapper {
	width: 824px;
	margin: 3.7em auto 0.4em;
	position: relative;
	display: block;
	background: #026367;
	}


/*--- Banner ----*/

#banner {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.3em
	}
#logo {
	float: left;
	width: 328px
	}
#navmenu {
	float: right;
	width: 232px;
	margin: 4pt 7pt 3pt 0;
	padding: 5px 0;
	background: url('../images/nav_bg.gif') repeat-y center center;
	display: none
	}
#navmenu ul {
	list-style: none;
	margin: 0 5px;
	padding: 0
	}
#navmenu ul li {
	list-style: none;
	height: 24px;
	line-height: 100%;
	margin: 0;
	padding: 0
	}
#navmenu ul li a {
	display: block;
	padding: 4pt 7pt 4pt 11pt;
	background: url('../images/arrow.png') no-repeat 6% 50%;
	text-indent: -2000em;
	outline: none ! important;
	border: none ! important
	}
#navmenu ul li a:hover {
	background: url('../images/arrow_active.png') no-repeat 6% 50%
	}
#navmenu ul li.sayardaw {
	background: url('../images/nav_menu.gif') no-repeat 0 0
	}
#navmenu ul li.festivals {
	background: url('../images/nav_menu.gif') no-repeat 0 -29px
	}
#navmenu ul li.donaters {
	background: url('../images/nav_menu.gif') no-repeat 0 -57px
	}
#navmenu ul li.notes {
	background: url('../images/nav_menu.gif') no-repeat 0 -84px
	}
#navmenu ul li.ceos {
	background: url('../images/nav_menu.gif') no-repeat 0 -111px
	}
#navmenu ul li.activities {
	background: url('../images/nav_menu.gif') no-repeat 0 -139px
	}

/*--- logo ----*/

#logo {
	margin-top: 1.3em;
	margin-left: 2.4em
	}
#logo h1 {
	line-height: 78px;
	overflow: hidden
	}
#logo h1 a {
	display: block;
	background: transparent url('../images/logo.png') no-repeat top left;
	text-indent: -2000em;
	outline: none ! important;
	padding: 4pt 7pt 7pt 7pt
	}

/*---- Body ------*/

#doc_body {
	clear: both;
	position: relative;
	border-bottom: 1px solid #FFF
	}
#topnav {
	display: block;
	position: relative;
	padding: 6pt 3pt 4pt
	}

p#his_para {
	text-align: center;
	margin: 0;
	padding: 0
	}

/**** Channel Select box *****/

#channelselect {
	float: right; 
	width: 186px; 
	margin-right: 3pt; 
	padding:4pt 6pt
	}
#channelselect form {
	margin: 0; 
	padding: 0; 
	font-size: 9pt; 
	line-height: normal 
	}
#channelselect form label {
	font-size: 10pt; 
	font-weight: bold; 
	display: block; 
	text-align: left; 
	padding: 5px 0;
	color: #FFFFFF 
	}
#channelselect form input {
	vertical-align: middle; 
	margin-left: 2pt 
	}
#channelselect form select {
	width: 132px; 
	height: 23px; 
	line-height: normal; 
	float: left; 
	margin-left: 4pt 
	}
#channelselect form option {
	font-size: 9pt; 
	padding-left: 3pt 
	}
#channelselect a.gobutton {
	text-decoration: none; 
	color: #FFFFFF; 	
	float: left; 
	margin-left: 2pt; 
	font-weight: bold 
	}
#channelselect a.gobutton span {
	padding: 4px 13px; 
	display: block; 
	background: #2b2b2b 
	}
#channelselect a.gobutton:hover span {
	background: #434343 
	}
#cnlist {
	clear: both; 
	margin-top: 3pt 
	}
#vdolink {
	float: left; 
	width: 174px; 
	overflow: hidden; 
	height: 61px; 
	line-height: 64px; 
	clear: both; 
	font-size: 12pt; 
	padding: 3px; 
	background: url('video.png') no-repeat 0 50% 
	}
#vdolink a {
	color: #0547c0; 
	text-decoration: none 
	} 
#vdolink a span { 
	padding-left: 65px 
	}


/*--- player ------*/

#container { 
	margin-top: 3.9em; 	
	float: left; 
	width: 407px; 
	text-align: center;
	margin-left: 0.6em 
	}

/*** getLink ***/

#getLink {
	float: left; 
	width: 173px; 
	margin-left: 0.6em;
	font-size: 10pt
	}
#getLink span {
	display: block 
	}
#getLink span.hook {
	margin-top: 2pt 
	}
#getLink span.hook label {
	font-weight: bold; 
	display: block; 
	clear: both; 
	margin-bottom: 3px; 
	color: #FFFFFF
	}
#getLink span.hook input#copyLink {
	height: 18px; 
	border: 1px solid #999; 
	line-height: normal
	}

/*Web Cam*/

h1#webcam {
	font-weight: normal; 
	float: left; 
	width: 173px; 
	padding: 3px 6px 3px 8px; 
	clear: both; 
	line-height: 66px; 
	background: url('../images/video.png') no-repeat 0 50%; 
	margin: 0 
	}
h1#webcam a {
	color: #474747; 
	text-decoration: none; 
	display: block; 
	overflow: hidden; 
	text-indent: -2000em 
	}
h1#webcam a:hover {
	color: #2e2d2d 
	}


/*----- Footer ------*/

#footer {
	clear: both;
	margin: 0
	}
#footer a {
	text-decoration: underline;
	font-style: italic
	}
#footer p {
	margin: 3px 20px;
	color: #FFFFFF;
	padding: 7px
	}

/*---- T.O.S ------*/

#tos {
	position: fixed;
	width: 100%;
	height: 400px;
	left: 0%;
	top: 35%
	}
#tos h1#tos_child {
	line-height: 32px;
	position: absolute;
	left: 50%;
	margin-left: -464px;
	padding: 0;
	float: left 
	}
#tos h1#tos_child a {
	display: block;
	background: #026367;
	margin: 3px 0
	}
#tos h1#tos_child a span {
	padding: 3px 0 3px 7px
	}
#tos h1#tos_child a:hover {
	background: #049ba1
	}

/*---- Top ----*/

#top {
	clear: both; 
	overflow: hidden; 
	position: relative; 
	margin-top: 7pt;
	z-index: 5 
	}
#right_cor {
	float: right; 
	width: 314px; 
	margin-right: 0.6em
	}
#left_cor {
	float: left; 
	width: 387px; 
	margin-left: 1.8em; 
	font-size: 11pt;
	background: url('../images/video.png') no-repeat 0 50% 
	}
#left_cor a {
	text-decoration: underline
	}
#left_cor a:hover {
	text-decoration: none 
	}

/*---- Share Radio Link -----*/

.radio_button {
	width: 246px; 
	height: auto; 
	overflow: hidden; 
	float: right;
	margni-right: 1.3em;  
	padding-top: 6pt; 
	padding-bottom: 2pt 
	}
.radio_button span {
	display: block; 
	margin-left: 53px; 
	padding: 3px 0; 
	margin-bottom: 3pt 
	}
.radio_button span.link_area {
	font-size: 10pt 
	}
.radio_button span.link_area label {
	display: block; 
	font-weight: bold; 
	color: #FFFFFF 
	}
.radio_button span.link_area span.getLink {
	overflow: auto; 
	padding: 4px 3px 4px 2px; 
	margin: 0; 
	white-space: pre 
	}



/*---- Sign up ----*/

p.signup {
	text-align: right; 
	padding-right: 8pt; 
	margin-right: 2.3em; 
	font-size: 11pt; 
	color: #FFFFFF; 
	line-height: 1.7em 
	}
p.signup a {
	text-decoration: underline; 
	color: #FFFFFF 
	}
p.signup a:hover {
	text-decoration: none 
	}
span.red {
	color: #000000 
	}

/*---- Video Player -----*/

#mediabox {
	margin: 1.3em 0;
	position: relative;
	overflow: hidden
	}
#mediaplayer {
	float: left;
	width: 653px; 
	margin-left: 0.7em
	}
#remote_control {
	float: left;
	width: 137px;
	margin-left: 0.4em
	}

/*** Fieldset ***/

#pageJump {
	margin: 0.7em 0.6em 0.4em; 
	padding: 4pt; 
	position: relative;
	clear: both 
	}
#pageJump fieldset {
	margin: 0 auto; 
	padding: 4px 0; 
	width: 773px; 
	height: auto; 
	overflow: hidden; 
	border: none;
	color: #FFFFFF 
	}
#pageJump fieldset legend {
	text-indent: -2000em 
	}
#pageJump form {
	margin: 0; 
	padding: 0; 
	font-size: 10pt 
	}
#pageJump ul#controll {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	height: 27px; 
	width: auto 
	}
#pageJump ul#controll li {
	display: inline; 
	padding: 0; 
	list-style: none; 
	height: 27px; 
	line-height: 27px 
	}
#pageJump a {
	color: #FFFFFF; 
	text-decoration: none 
	}
#pageJump a:hover {
	text-decoration: underline 
	}
#pageJump label { 
	padding-right: 3px 
	}
#pageJump form select {
	vertical-align: middle; 
	width: 118px 
	}
#pageJump form input {
	vertical-align: middle 
	}
#pageJump ul#controll li.back {
	margin: 0 17pt 0 3pt; 
	width: 143px; 
	padding-right: 13pt; 
	padding-left: 8pt 
	}
#pageJump ul#controll li.jump {
	margin: 0 2pt 0 21pt 
	}
#pageJump ul#controll li.button {
	margin: 0 3pt 0 2pt 
	}
#pageJump ul#controll li.go {
	margin: 0 8pt 0 9pt; 
	width: 238px; 
	padding-left: 22pt 
	}

/*** Fast News Block ***/

#fast_new_block {
	clear: both;
	margin: 1.3em 0.8em 0.6em;
	position: relative;
	height: 117px;
	overflow: hidden;
	max-height: 117px
	}
ul#phpFastNews li {
	color: #ffffd5;
	list-style: none
	}
ul#phpFastNews {
	margin: 1.3em 0.8em 0.6em ! important;
	list-style: none
	}
ul#phpFastNews h3 {
	color: #FFFFFF
	}


/*** Live Category ***/

p#category {
	text-align: center; 
	font-size: 12pt; 
	margin: 1.2em 0.7em;
	clear: both
	}
p#category a {
	color: #FFFFFF;
	text-decoration: underline
	}
p#category a:hover {
	text-decoration: none;
	color: #E5E5E5
	}
	
/***** Media Space *****/

#videobox {
	margin: 0.8em 0 1.4em; 
	padding: 10pt 6pt; 
	position: relative; 
	overflow: hidden 
	}
h2#head {
	margin: 0.7em 0;
	text-align: center;
	color: #FFFFFF
	}
#videobox h3 {
	color: #FFFFFF
	}
#dynamic-box {
	float: left; 
	width: 646px; 
	position: relative;  
	margin-left: 0.7em;
	z-index: 10000 
	}
/****** Radio Button Control ****/

#radio {
	float: right;
	margin-top: 2.2em;
	position: relative;
	width: 138px;
	z-index: 20000
	}
#radio ul {
	list-style: none;
	margin: 1.3em 0.6em;
	padding: 0
	}
#radio ul li {
	list-style: none;
	padding: 2px 0;
	font-size: 12pt
	}
.butt { 
	border: 1px solid #5a4903;
	border-bottom: 1px outset #453801;
	border-left: 1px outset #453801;
	cursor: pointer ! important;
	width: 80px; 
	height: 22px; 
	font-size: 12px; 
	color: #fff; 
	background:#5a4903
	}
.butt:hover {
	background: #4a3c02;
	border-bottom: 1px inset #5a4903
	border-top: 1px outset #6e5801;
	border-left: 1px outset #6e5801
	}
	
/***** Option box *****/

#optbox {
	padding: 0.7em 0
	}
#optbox span.jump {
	display: block;
	font-size: 13pt;
	padding: 3px 0 7px
	}
#optbox form input#submit_button {
	background: #383838;
	border: none;
	color: #FFFFFF;
	font-size: 9pt;
	height: 19px;
	padding: 0 0.7em;
	margin-top: 0.4em;
	margin-left: 0.3em
	}