/* Layout Stylesheet */ 

body {
	margin-top: 0px;
	padding: 0px;
	background-color: #faf37c;
	
}

#outer {
	text-align:left;
 	width:950px;
 	margin:auto;
}

#tcsheader {
	height: 121px;	
}


#logo {
	background-image: url(../images/TCS_logo.png);
	height: 123px;
	width: 173px;
	background-repeat: no-repeat;
	float: left;	
}

#tabs {
	margin-top: 86px;
	margin-left: 10px;
	float: left;
}

.tabstart_on {
	background-image: url(../images/Tabs_Start_On.png);
	height: 37px;
	width: 20px;
	background-repeat: no-repeat;
	float: left;	
}

.tabstart_off {
	background-image: url(../images/Tabs_Start_Off.png);
	height: 37px;
	width: 20px;
	background-repeat: no-repeat;	
	float: left;
}

.tab_on_off {
	background-image: url(../images/Tabs_On_Off.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}


.tab_off_on {
	background-image: url(../images/Tabs_Off_On.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

.tab_off_off {
	background-image: url(../images/Tabs_Off_Off.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

.tabend_on {
	background-image: url(../images/Tabs_End_On.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

.tabend_off {
	background-image: url(../images/Tabs_End_Off.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

.tab_on {
	float: left;
	background-color: white;
	border-top: 2px solid white;
	height: 30px;
	padding-top:5px;
}


.tab_on a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #878887;	
}

.tab_off {
	float: left;
	background-color: #faf37c;
	border-top: 2px solid white;
	height: 30px;
	padding-top:5px;
}

.tab_off a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: white;
}

#toptabs {
	float: right;
}

.ttabstart_on {
	background-image: url(../images/TopTab_Start_On.png);
	height: 37px;
	width: 20px;
	background-repeat: no-repeat;
	float: left;	
}

.ttabstart_off {
	background-image: url(../images/TopTab_Start_Off.png);
	height: 37px;
	width: 20px;
	background-repeat: no-repeat;	
	float: left;
}

.ttab_on_off {
	background-image: url(../images/TopTab_On_Off.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}


.ttab_off_on {
	background-image: url(../images/TopTab_Off_On.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

.ttabend_on {
	background-image: url(../images/TopTab_End_On.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

.ttabend_off {
	background-image: url(../images/TopTab_End_Off.png);
	height: 37px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;	
}

#flag_aust_on {
	background-image: url(../images/Flag_Aust.png);
	height: 19px;
	width: 37px;
	background-repeat: no-repeat;
	float: left;
	background-color: white;
	border-bottom: 2px solid white;
	border-top: 8px solid white;
	height: 27px;
}

#flag_aust_off {
	background-image: url(../images/Flag_Aust.png);
	height: 19px;
	width: 37px;
	background-repeat: no-repeat;
	float: left;
	background-color: #faf37c;
	border-bottom: 2px solid white;
	border-top: 8px solid #faf37c;
	height: 27px;
}

#flag_thai_on {
	background-image: url(../images/Flag_Thai.png);
	height: 19px;
	width: 37px;
	background-repeat: no-repeat;
	float: left;
	background-color: white;
	border-bottom: 2px solid white;
	border-top: 8px solid white;
	height: 27px;
}

#flag_thai_off {
	background-image: url(../images/Flag_Thai.png);
	height: 19px;
	width: 37px;
	background-repeat: no-repeat;
	float: left;
	background-color: #faf37c;
	border-bottom: 2px solid white;
	border-top: 8px solid #faf37c;
	height: 27px;
}

#panel {
	width:950px;
 	background-color: white;
	background-image: url(../images/TopPanel_Bg.png);
	background-repeat: no-repeat;
	background-position: center 180px;
}

#paneltop {
	width:950px;
}

#panel_tl {
	background-image: url(../images/OuterPanel_TL.png);	
	height: 8px;
	width: 9px;
	float: left;
}
#panel_t {
	background-color: white;
	float: left;
	width: 932px;
	height: 8px;
}
#panel_tr {
	background-image: url(../images/OuterPanel_TR.png);	
	height: 8px;
	width: 9px;
	float: right;
}

#panelbottom {
	width:950px;
	margin: 0px;
}

#panel_bl {
	background-image: url(../images/OuterPanel_BL.png);	
	height: 8px;
	width: 9px;
	float: left;
}
#panel_b {
	background-color: white;
	float: left;
	width: 932px;
	height: 8px;
}
#panel_br {
	background-image: url(../images/OuterPanel_BR.png);	
	height: 8px;
	width: 9px;
	float: right;
}



#tcssidebar {
	float:right;
 	width:300px;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	background-color: #878887;
}

#sidebar_tl {
	background-image: url(../images/InnerPanel_TL.png);	
	height: 8px;
	width: 9px;
	float: left;
}
#sidebar_t {
	background-color: #878887;	
	float: left;
	width: 282px;
	height: 8px;
}
#sidebar_tr {
	background-image: url(../images/InnerPanel_TR.png);
	height: 8px;
	width: 9px;
	float: right;
}

#sidebarcontent {
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #878887;
}


#sidebar_bl {
	background-image: url(../images/InnerPanel_BL.png);	
	height: 8px;
	width: 9px;
	float: left;
}
#sidebar_b {
	background-color: #878887;	
	float: left;
	width: 282px;
	height: 8px;
}
#sidebar_br {
	background-image: url(../images/InnerPanel_BR.png);	
	height: 8px;
	width: 9px;
	float: right;
}


#bodycontent {
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
		border: 1px solid white;
	
}

.story {
	
}
.classes {
	margin: 10px;
	
}

.storytext {
	margin-top: 43px;
}

#story1 {
	background-image: url(../images/activity1.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 160px;
	float: left;
	margin-right: 10px;
}

#story2 {
	background-image: url(../images/activity2.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 160px;
	float: left;
	margin-right: 10px;
}


#story3 {
	background-image: url(../images/activity3.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 160px;
	float: left;
	margin-right: 10px;
}



#footer {
	width:950px;
 	position:relative;
	margin-top: 10px;
}

#footer_menu {
	float: left;
}

#site_info {
	float: right;
}