@import url(clear.css);
body {background-color:#A7A7A7;}
p {color:#3D3D3D; font-family:Tahoma, Arial, Thonburi; font-size:12px;}
a {color:#0054A6;}
a:hover {color:#DA3F15;}
.orange {color:#FF7B00; font-weight:bold;}
.white {color:#FFF; font-weight:bold;}
.tinytext {font-size:11px; color:#9A9A9A;}

#whitebg {margin:0 auto; width:960px; background-color:#FFF;}
#container {margin:0 auto; width:900px; background-image: url(../images/top_bg.gif); background-repeat: repeat-x; background-position: center top;}

#top {width:900px; height:122px; padding-top:10px;}
#topleft {width:290px; float:left;}
#topright {width:610px; float:right;}
#topflag {width:610px; padding-top:5px;}
#topflag p {font-size:11px; text-align:right;}
#topflag a {color:#595959;}
#topflag a:hover {color:#F04E23;}
#topflag a.active {font-weight:bold;}
#topflag img {margin-left:1px;} /*----------------updated---------------------*/
#topflag img.flag {margin-left:21px;}

#topmenu {width:610px; float:right; padding-top:37px;}
#topmenu ul {display:block; text-align:right;}
#topmenu ul li {color:#303030; font-family:Arial, Thonburi; font-size:13px; display:inline;}
#topmenu ul li a {display:block; display:inline; margin-left:8px; color:#303030; text-decoration:none; background-image: url(../images/menu_bg.gif); background-repeat: no-repeat; background-position: right; padding-right: 10px;}
#topmenu ul li a:hover {color:#F04E23;} 
#topmenu ul li a.active {font-weight:bold;}


#grey {width:900px; height:7px; background-color:#E6E6E6; margin-bottom:4px;}

#highlight {width:900px; height:231px; margin-bottom:4px;}
#hlightleft {width:288px; height:231px; float:left; background-image:url(../images/wsc_students.jpg);}
#testimoup {width:288px; height:231px; float:left; background-image:url(../images/testimonials.jpg);}
#contactup {width:288px; height:231px; float:left; background-image:url(../images/wsc_students2.jpg);}
#aboutup {width:288px; height:231px; float:left; background-image:url(../images/wsc_students3.jpg);}
#registerup {width:288px; height:231px; float:left; background-image:url(../images/register.jpg);}
#courseup {width:288px; height:231px; float:left; background-image:url(../images/wsc_students4.jpg);}
#linkup {width:288px; height:231px; float:left; background-image:url(../images/links.jpg);}
#testup {width:288px; height:231px; float:left; background-image:url(../images/wsc_books.jpg);}
#faqup {width:288px; height:231px; float:left; background-image:url(../images/wsc_faq.jpg);}


#hlightright {width:612px; float:right;}

#content {width:900px; margin-bottom:7px;}

#leftside {width:288px; float:left;}
.greybox {background-color:#E6E6E6; padding:14px; margin-bottom:8px; border: 1px solid #D5D5D5;}
.greybox img {margin-right:14px; margin-bottom:8px; float:left;}
.greybox p {font-size:11px;}
.greybox p.title {font-size:18px; font-weight:bold; margin-bottom:9px;}

#rightside {width:612px; float:right;}

#centerbox {width:376px; float:left; padding-top:10px; padding-left:17px; padding-right:17px; padding-bottom:17px;}
.cboxone {margin-bottom:18px;}
.cboxone p.title {font-family:Arial; font-size:24px; font-weight:bold; margin-bottom:9px;}
.cboxtwo {margin-bottom:18px;}
.cboxtwo p.title {font-family:Arial; font-size:24px; font-weight:bold; margin-bottom:9px;}
.cboxtwo p.list {line-height:22px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DAD5D4;}
.cboxtwo a {text-decoration:none;}
.cboxtwo img {margin-left:3px; margin-top:3px;}
.cboxthree {margin-bottom:18px;}
.cboxthree p.title {font-family:Arial; font-size:24px; font-weight:bold; margin-bottom:9px;}
.cboxthree img {margin-right:14px; margin-bottom:6px; float:left;}

#eleven {margin-bottom:15px;}
#eleven p {font-size:11px;}
#eleven img {float:left; margin-right:14px; margin-bottom:5px;}

#testimo {width:681px; float:left; margin-bottom:16px;}
#testimotop {width:681px; height:48px;}
#testimotitle {width:258px; padding-top:5px; float:left;}
#testimotitle p {font-family:Arial; font-size:24px; font-weight:bold;}

.testimobox {width:659px; background-color:#E4E4E4; padding:11px; margin-top:10px; margin-bottom:5px;}
.testimobox img {background-image: url(../images/frame.gif); background-repeat: no-repeat; padding-top:7px; padding-left:7px; padding-right:7px; padding-bottom:16px; float:left;}

/* 25/08/2010 */
.tutorbox {width:659px; background-color:#E4E4E4; padding:11px; margin-top:10px; margin-bottom:5px;}
.tutorbox img {background-image: url(../images/frame.gif); background-repeat: no-repeat; float:left;}
/* ----------- */

.textbox {width:494px; padding:8px; border: 2px solid #FFF; background-color:#F3F3F3; float:right;}
.textbox p {font-size:11px;}
.nametitle p {font-size:18px; font-weight:bold; margin-bottom:13px;}

#contact {width:681px; float:left; margin-bottom:16px;}
#contacttop {width:681px; height:41px;}
#contacttop p {font-family:Arial; font-size:24px; font-weight:bold; padding-top:5px;}
.cont {width:657px; background-color:#E8E8E8; padding:11px; margin-top:10px; margin-bottom:5px; border: 1px solid #C1C1C1;}
.cont img.branch {float:left; border: 2px solid #FFF;}
.textcon {width:460px; float:right;}
.textcon p {font-size:11px;}
.textcon h1 {font-family:Arial; font-size:18px; font-weight:bold; color:#3D3D3D; margin-bottom:13px;}
.textcon a {margin-right:8px}
.textcon img {margin-right:3px}

#aboutus {width:681px; float:left; margin-bottom:16px;}
#abouttop {width:681px; height:51px;}
#abouttop p {font-family:Arial; font-size:24px; font-weight:bold; padding-top:5px; padding-bottom:5px;}

#courses {width:176px; padding:12px; float:right; background-color:#CBCBCB; border: 1px solid #8C8C8C; margin-bottom:9px;}
#courses p {line-height:19px;}
#courses p.sub {text-indent:13px;}
#courses p.subsub {text-indent:23px;}
#courses p.title {color:#131313; font-weight:bold;}
#courses em {font-style:italic;}
#courses a {color:#212121;}
#courses a:hover {color:#CC0000;}

#abtmenu {width:176px; padding:12px; float:right; background-color:#FF670E; border: 1px solid #EA5606; margin-bottom:4px;}
#abtmenu p {font-size:11px; color:#FFF; line-height:19px;}
#abtmenu p.sub {font-size:11px; text-indent:13px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D5350B; padding-bottom: 3px; padding-top:2px;}
#abtmenu p.title {font-size:12px; color:#FFF200; font-weight:bold; margin-bottom:4px;}
#abtmenu a {color:#FFF; text-decoration:none;}
#abtmenu a:hover {color:#131313;}

.bluemenu {width:176px; padding:12px; float:right; background-color:#254488; border: 1px solid #00236F; margin-bottom:4px;}
.bluemenu p {font-size:11px; color:#FFF; line-height:19px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #00236F; padding-bottom: 3px; padding-top:2px;}
.bluemenu p.sub {font-size:11px; text-indent:13px;}
.bluemenu p.title {font-size:12px; color:#FFF200; font-weight:bold; margin-bottom:4px;}
.bluemenu a {color:#FFF; text-decoration:underline;}
.bluemenu a:hover {color:#FFF200;}

.reg {width:176px; padding:12px; float:right; background-color:#C6E6E4; border: 1px solid #95C7DB; margin-bottom:4px;}
.reg p {color:#004A80; line-height:19px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #6DC1E3; padding-bottom: 3px; padding-top:2px;}
.reg p.sub {text-indent:13px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #6DC1E3; padding-bottom: 3px; padding-top:2px;}
.reg p.title {color:#002157; font-weight:bold;}
.reg a {color:#004A80; text-decoration:underline;}
.reg a:hover {color:#212121;}

#tutortop {width:681px; height:51px;}
#tutortitle {width:258px; float:left;}
#tutortitle p {font-family:Arial; font-size:24px; font-weight:bold; padding-top:5px;}
#pagetutor {width:360px; float:right; padding-top:10px;}
#pagetutor img {margin-right:2px;}
#pagetutor  p {font-size:11px; text-align:right;}

#registration tr td {font-size:12px; padding-bottom:3px; padding-top:3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D2F0FC;}
#registration input.btn {background-color:#F47521; padding:6px; color:#FFF; font-weight:bold; border: 1px solid #EB640A;}

.regcourse {line-height:18px;}
.regcourse strong {font-size:11px; color:#4B4B4B;}

.timetabledark {border-top-width: 3px; border-bottom-width: 3px; border-top-style: double; border-bottom-style: double; border-top-color: #F15A22; border-bottom-color: #F15A22; border-right-width: 1px; border-right-style: solid; border-right-color: #F36F21; margin-bottom:15px;}
.timetabledark tr td {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #F15A22; border-left-color: #F36F21;}

.timetable {border-top-width: 3px; border-bottom-width: 3px; border-top-style: double; border-bottom-style: double; border-top-color: #F7941D; border-bottom-color: #F7941D; border-right-width: 1px; border-right-style: solid; border-right-color: #FDB913; margin-bottom:15px;}
.timetable tr td {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #F7941D; border-left-color: #FDB913;}

.timetableinten {border-top-width: 3px; border-bottom-width: 3px; border-top-style: double; border-bottom-style: double; border-top-color: #003471; border-bottom-color: #003471; border-right-width: 1px; border-right-style: solid; border-right-color: #0076A3; margin-bottom:15px;}
.timetableinten tr td {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 2px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #003471; border-left-color: #0076A3;}

#hidari {width:330px; float:left;}
#migi {width:330px; float:right;}

.linkbox {width:330px; margin-bottom:12px; background-image: url(../images/linkbg.gif); background-repeat: repeat-x; background-position: top; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #B2E6FA;}
.linkbox p {font-size:11px; line-height:15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B2E6FA; padding-bottom: 3px; padding-top:3px; padding-left:5px; padding-right:5px;}
.linkbox em {font-family:Tahoma, Arial, Thonburi; font-size:11px; color:#FFF; font-weight:bold; margin:5px; padding-bottom:5px;}
.linkbox a {color:#3D3D3D; text-decoration:none;}
.linkbox a:hover {color:#F26522; text-decoration:underline;}

.blinkbox {width:330px; margin-bottom:12px; background-image: url(../images/bluelinkbg.gif); background-repeat: repeat-x; background-position: top; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #B2E6FA;}
.blinkbox p {font-size:11px; line-height:15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B2E6FA; padding-bottom: 3px; padding-top:3px; padding-left:5px; padding-right:5px;}
.blinkbox em {font-family:Tahoma, Arial, Thonburi; font-size:11px; color:#FFF; font-weight:bold; margin:5px; padding-bottom:5px;}
.blinkbox a {color:#3D3D3D; text-decoration:none;}
.blinkbox a:hover {color:#F26522; text-decoration:underline;}

.glinkbox {width:330px; margin-bottom:12px; background-image: url(../images/greenlinkbg.gif); background-repeat: repeat-x; background-position: top; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #B2E6FA;}
.glinkbox p {font-size:11px; line-height:15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B2E6FA; padding-bottom: 3px; padding-top:3px; padding-left:5px; padding-right:5px;}
.glinkbox em {font-family:Tahoma, Arial, Thonburi; font-size:11px; color:#FFF; font-weight:bold; margin:5px; padding-bottom:5px;}
.glinkbox a {color:#3D3D3D; text-decoration:none;}
.glinkbox a:hover {color:#F26522; text-decoration:underline;}

.faq {width:663px; background-color:#EBEDEE; padding:8px; margin-top:8px; margin-bottom:3px; border: 1px solid #CFDAE0;}
.faq p {line-height:16px;}

#footer {margin:0 auto; width:900px; height:56px; background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; background-position: top; padding-top:22px;}
#footleft {width:450px; float:left;}
#copyright {width:250px; float:left;}
#copyright p {color:#565656;}
#copyright p.tiny {font-size:11px;}

#social {width:143px; float:left;}

#footright {width:450px; float:right; text-align:right;}
#footright p {color:#565656;}
#footright p.tiny {font-size:11px;}


#map{ padding: 10px; width: 520px; }

/*#album{	padding: 10px;	width: 520px;}
#album a{ border:5px; border-width:5px;}*/
/* #album a:hover{	border: 5px solid #999;	border-width: 5px 5px;	color: #fff;} */

{
	padding: 10px;
	width: 520px;
}
#gallery a
{
	list-style: none;
}
#gallery a
{
	display: inline;
}
#gallery a img
{
	border: 5px solid #CCC;
	border-width: 5px 5px 5px;
}
#gallery a:hover img
{
	border: 5px solid #999;
	border-width: 5px 5px 5px;
	color: #fff;
}
#gallery  a:hover
{
	color: #fff;
}



#album
{
	padding: 10px;
	width: 520px;
}
#album a
{
	list-style: none;
}
#album a
{
	display: inline;
}
#album a img
{
	border: 5px solid #CCC;
	border-width: 5px 5px 5px;
}
#album a:hover img
{
	border: 5px solid #999;
	border-width: 5px 5px 5px;
	color: #fff;
}
#album  a:hover
{
	color: #fff;
}



#login {margin:0 auto; width:389px; height:151px; background-image: url(../images/login.jpg); background-repeat: no-repeat; padding-top:111px; padding-left:43px; margin-top:90px;}
#login input.btn {background-color:#F47521; padding:6px; color:#FFF; font-weight:bold; border: 1px solid #EB640A;}
#login tr td {font-size:12px;}

#about_top {width:681px; height:80px;}
#about_top p {font-family:Arial; font-size:22px; font-weight:bold; padding-top:5px; padding-bottom:5px;}



loginbox {width:250px; padding:9px; background-color:#FFF; border: 5px solid #C1C1C1;}
#loginbox p {font-size:11px;}
#loginbox input {margin-top:6px; margin-bottom:6px; padding:5px; font-size:13px;}
#loginbox input.btn {background-color:#F47521; padding:5px; color:#FFF; font-weight:bold; border: 1px solid #EB640A; margin-right:10px;}
#loginbox img {margin-top:8px; margin-right:6px;}

#memberup {width:288px; height:231px; float:left; background-image:url(../images/wsc_students5.jpg);}

/*------------------*17 June 2010------------------------------*/
.red {color:#CC0000; font-weight:bold; margin-left:5px;}

/*------------------*27 June 2010------------------------------*/
.greenactive {color:#39AF0A; font-weight:bold;}
.redinactive {color:#ED1C24; font-weight:bold;}
.bluepending {color:#00AEEF; font-weight:bold;}
/*------------------*8 August 2010------------------------------*/
.newsletbox {background-color:#EDEED7; padding-top:14px; padding-right:14px; padding-left:101px; padding-bottom:8px; margin-bottom:8px; border: 1px solid #C4C5A6; background-image: url(../images/newsletter.gif); background-repeat: no-repeat; background-position: left top;}
.newsletbox p {font-size:11px; margin-bottom:7px;}
.newsletbox p.title {font-size:18px; font-weight:bold; margin-bottom:9px;}
.newsletbox input {color:#595959;}
.newsletbox input.btn {background-color:#FF7F33; padding:3px; color:#FFF; font-weight:bold; border: 1px solid #FF6816; margin-top:7px;}
#newsletterup {width:288px; height:231px; float:left; background-image:url(../images/wsc_newsletter.jpg);}