body {
			background-color: ;
			font-family:  Arial,Verdana, Tahoma; 
			font-size: 12px;
			scrollbar-base-color: #e0e0e0;
			scrollbar-face-color: #; 
			scrollbar-highlight-color: #e0e0e0; 
			scrollbar-shadow-color: #c0c0c0; 
			scrollbar-3dlight-color: white; 
			scrollbar-arrow-color: #000000; 
			scrollbar-track-color: white; 
			scrollbar-darkshadow-color: white;
			font-size: 12px;
			color: #333333;
            line-height:18px;
}
h1,h2,h3,h4 {margin: 0 0 5px 0;padding: 0 0 5px 0; border-bottom:solid 1px #cccccc;-moz-box-shadow:0 1px 0 #FFFFFF;text-shadow:0 1px 0 #FFFFFF; }
ul {
 padding:0;
 margin:0 0 5px 0;
}
.clear {
  clear: both;
}

img { border:none; }

ul li {
 list-style:none;
 padding-left: 5px;
}
/*--------------------------------    Begin form area   --------------------------------*/
p{
  margin: 5px 0;
}


option.1 {
		background-color: #FFFFFF;
		
}
option.2 {
		background-color: #F0F3EC;

}
option.3 {
		background-color: #D6DEE4;
		
}
option.4 {
		background-color: #CAD5DD;

}
option.5 {
		background-color: #A6B2BB;

}
input.button {
		border-top-width: 1px; 
		border-right-width: 1px;
		border-bottom-width: 1px; 
		border-left-width: 1px;
		font-family:  Verdana, Tahoma, CordiaUPC; 
		font-size: 11px;
		color: #434343;
		cursor: hand;
}

/*--------------------------------    Finish form area  -------------------------------- */
a:link {
			font-size:9pt; 
			color:#333333;
			text-decoration:none; 

}
a:hover {
			font-size:9pt; 

			color:#ff9900; 
			text-decoration:none; 

}

a:visited {
			font-size:9pt;
			color: #000;
    		text-decoration:none; 
			

}
.normal {
			color:#333333;
			font-size:9pt;
			text-decoration: none;

}
.normal a {
  /*color: #0099FF; */
}
.normal a:hover {
  text-decoration:underline;
}



.menu {
			color:#005500;
		     font-family:  Verdana, Tahoma;
			font-size: 10pt;
			font-weight: Bold;
			text-decoration: none;

}

.member {
			color:#005500;
		    font-family:  Verdana, Tahoma;
			font-size: 10pt;
			text-decoration: none;

}

.copy { 
			color:#005500; 
		    font-family:  Verdana, Tahoma; 
			font-size: 7pt;
			text-decoration: none;

}
.title { 
			color:#FC2C9E; 
			font-family: Verdana,Tahoma, CordiaUPC; 
			font-size: 12pt;
			font-weight: bold;
			text-decoration: none;

}

#simplegallery1{ //CSS for sample Gallery
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px solid darkred;
}

li.joblist {
line-height:20px;
display: block;
border-bottom:dotted 1px #CCCCCC;
background-image:url('images/folder.gif');
background-repeat:no-repeat;
background-position: 0px 0px;
font-size:13px;
padding-left:20px;
list-style:none;
text-align:left;
}
ul.topmenu {
 padding:0;
 margin:0;
 background:#eeeeee;
 float:left;
 width: 960px;
 margin-bottom: 2px;
}
.topmenu li {
	float:left;
	list-style:none;
	border-right:solid 1px #ffffff;
	 border-bottom:solid 3px #eeeeee;
	height:25px;
	padding:0;
}
.topmenu li:hover {
 border-bottom:solid 3px #2887C3;
}
.topmenu li:last-child {
 border-right:none !important;
}

.topmenu li a {
	color:#333333;
	padding: 5px 19px;
	height: 25px;
	line-height:25px;
	font-weight:bold;
}
.topmenu li a:hover,.topmenu li a:active{
	color: #2887C3;
	font-weight:bold;
}
ul.searchform {

 overflow:hidden;
 padding:0;
 margin:  2px 0;
}
.searchform input[type="text"],.login input[type="text"],.login input[type="password"],.newsletter input[type="text"] {
    width:190px;
}
.searchform select {
  width:190px;
}


.searchheader {
   padding: 0px 30px;
 background: url("images/search.png") no-repeat scroll 0px 3px;
 line-height:30px;
}

.searchschool,.leftnav {
    -moz-border-radius: 5px 5px 5px 5px;
    padding: 10px;
    background-color:#E3E6EF;
    margin-bottom:10px;
}
ul.searchform li {
	padding: 0;
	list-style:none;
	text-align:center;
	font-size: 13px;
    width: 190px;
	font-weight:bold;
    text-align:left;
}
ul.searchform li div {
  margin: 7px 0;
}


#leftcol {float:left;}

.navbody {
	width: 220px;
	padding: 10px;
    /*background:url(images/navbody.jpg) repeat-y; */
    background: #F4F4F4;
    border: 1px solid #cccccc;
    -moz-border-radius: 6px;
	float:left;
	text-align:left;
}
/*.navtop {
	width: 240px;
	height:4px;
	display:block;
	background:url(images/navtop.jpg) no-repeat;
	float:left;
}
.navbottom {
	width: 240px;
	height:5px;
	display:block;
	background:url(images/navbottom.jpg) no-repeat; 
	float:left;
} */
.navlist {
 padding: 0;
 margin:  5px 0;
}
.navlist li {
	list-style:none;
	background:url(images/circle_grey.png) 3px 10px no-repeat;
    border-bottom: solid 1px #d5d5d5;
    -moz-box-shadow:0 1px 0 #FFFFFF;
	line-height: 20px;
	padding : 5px 0 5px 20px;
}
.navlist li:hover {
 background: #eeeeee url(images/circle_grey.png) 3px 10px no-repeat;
}

.rightnav {
 padding:0;
}

/*.bottomcontent {
	height:10px;
    width:470px;
	display:block;
	background:url(images/bottomcontent.png) no-repeat;
	float:left;
}
.topcontent {
	height:10px;
	display:block;
	background:url(images/topcontent.png) no-repeat;
	float:left;
     width:470px;
} */
.contentbody {
 width: 450px;
 overflow: hidden;
 float:left;
 padding: 10px;
 background: #fff url(images/contentbg.jpg) repeat-x;
 text-align:left;
 -moz-border-radius: 6px;
 border: solid 1px #cccccc;
}

ul.navright {
  float:right;
  margin:5px 0px;
}


ul.navright li {
  margin-bottom:3px;
  width: 160px;
}


ul.navright a{
 color:#333333;
 text-decoration:none;
 font-size:14px;
}
ul.navright a:hover{
 color:#000000;
}

li.forum {
    background: url("images/forum.png") no-repeat scroll 5px 7px ;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    padding: 5px 0 5px 35px;
    -moz-border-radius: 5px;

}
li.forum:hover {
  background-color:#fefefe;
}

li.register{
    background: url("images/member.png") no-repeat scroll 5px 7px ;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    padding: 5px 0 5px 35px;
    -moz-border-radius: 5px;

}
li.register:hover {
  background-color:#fefefe;
}

li.priviledge{
    background: url("images/star.png") no-repeat scroll 5px 7px ;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    padding: 5px 0 5px 35px;
    -moz-border-radius: 5px;

}
li.priviledge:hover {
  background-color:#fefefe;
}

li.jobs{
    background: url("images/jobs.png") no-repeat scroll 5px 7px ;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    padding: 5px 0 5px 35px;
    -moz-border-radius: 5px;
    margin-bottom:2px;
}
li.jobs:hover {
  background-color:#fefefe;
}
.newsletter {
 padding: 10px;
 width: 200px;
 float:left;
 -moz-border-radius: 5px;
  background-color:#E3E6EF;
  margin-bottom:5px;
}
.why {
 padding: 8px 10px;
 width: 200px;
 float:left;
 -moz-border-radius: 5px;
  background-color:#e3e6ef;
  margin:10px 0;
}
.login {
 padding: 5px 10px;
 width: 200px;
 float:left;
 -moz-border-radius: 5px;
  background-color:#e3e6ef;
  margin-bottom:5px;
}
.submitbutton,a.register-button {
 border: solid 1px #1C4D78;
 background-color: #206BA4;
 font-size: 14px;
 font-weight:bold;
 padding : 3px 10px;
 -moz-border-radius: 5px;
 color:#fff;
 -moz-box-shadow:0 2px 0 #dddddd;
 margin-top: 10px;
 cursor:pointer;
}
.memberlogin {
 padding: 0px 30px;
 background: url("images/unlock.png") no-repeat scroll 0px 0px;
 line-height:30px;
}
.enews {
 padding: 0px 30px;
 background: url("images/mail.png") no-repeat scroll 0px 3px;
 line-height:30px;
}
.article {
 padding: 0px 30px;
 background: url("images/article.png") no-repeat scroll 0px 3px;
 line-height:30px;
}
.newarticle {
  padding: 0px 35px;
  -moz-border-radius: 5px;
  font-size: 17px;
  border: none !important;
  -moz-box-shadow:none;
  line-height:30px;
  background: #e5e5e5 url("images/book.png") no-repeat scroll 5px 3px;
}
.taktai {
  padding: 0px 35px;
  -moz-border-radius: 5px;
  font-size: 17px;
  border: none !important;
  -moz-box-shadow:none;
  line-height:30px;
  background: #e5e5e5 url("images/hi.png") no-repeat scroll 5px 3px;
}

.updatearticle {
  padding: 5px 10px;
  border-bottom:dotted #d5d5d5 1px;
  width: 430px;
  float: left;
}
.updatearticle  img {
  -moz-border-radius: 6px;
}
a.readmore {
 padding: 2px 7px;
 font-size:11px;
 margin: 2px 0 5px 0;
}

a.readmore1 {
 padding: 3px 10px;
 -moz-border-radius: 8px;
 font-size:11px;
 margin: 5px 0 5px 0;
}
a.readmore:hover {

}
#box {
  width: 313px;
  float:left;
  margin:10px 8px 10px 0;
}

.boxtop {
	height:7px;
    width:313px;
	display:block;
	background:url(images/box1.png) no-repeat;
	float:left;
}
.boxbottom {
	height:8px;
	display:block;
	background:url(images/box3.png) no-repeat;
	float:left;
    width:313px;
}
.boxcontent {
 width: 303px;
 height: 120px;
 overflow: hidden;
 float:left;
 padding: 0px 10px;
 background:url(images/box2.png) repeat-y;
 text-align:left;
}
.contact {
    background: url("images/address.png") no-repeat scroll 5px 6px transparent;
    line-height: 25px;
    padding: 3px 36px;
    width: 130px;
    -moz-border-radius: 6px;
    margin-bottom: 5px;
    font-family:arial;
}
.magicblog {
    background: url("images/club.png") no-repeat scroll 5px 6px transparent;
    line-height: 25px;
    padding: 3px 36px;
    width: 130px;
    -moz-border-radius: 6px;
    margin-bottom: 5px;
    font-family:  arial;
}
.magicshop {
    background: url("images/shop.png") no-repeat scroll 5px 6px transparent;
    line-height: 25px;
    padding: 3px 36px;
    width: 130px;
    -moz-border-radius: 6px;
    margin-bottom: 5px;
    font-family: arial;
}
.contact a,.magicblog a,.magicshop a {
  font-size: 14px;
}


.contact:hover,.magicblog:hover ,.magicshop:hover {
  background-color:#dfdfdf;
}


#box a {
  font-size: 13px;
  font-weight:bold;

}
.banner {
 padding: 0px 30px;
 background: url("images/banner.png") no-repeat scroll 0px 5px;
 line-height:30px;
}
.school {
 padding: 0px 30px;
 background: url("images/school.png") no-repeat scroll 0px 5px;
 line-height:30px;
}
ul.marketing{
  padding-left: 20px;
}


ul.marketing li {
  list-style: square;
}

.footer {
  width: 940px;
  padding:10px;
  background: #196498;
  color:#fff;
  -moz-border-radius:5px;
}
.menutopleft {
  width: 170px;
  float:left;
  /*background-color:#0A2C48;*/
  height:250px;
}

.contentheader {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: none;
    background:#E5E5E5;
    border: medium none !important;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
}
/*style the main menu*/
.myMenu { margin:0px; padding:0; }
.myMenu h2 { 
	color:#fff; 
	text-align:center; 
	padding:8px 0px; 
	font-size:16px; 
	box-shadow:none; 
	text-shadow:none; 
	margin:0px; 
	background:#0d2d49;  
	}
.myMenu li { 
	list-style:none; 
	float:left;  
	position: relative; 
	width: 170px; 
	padding:0px; 
	background:url(images/top-left-menu-bg.png) repeat-x; 
}
.myMenu li a:link, .myMenu li a:visited
{
  display:block;
  font-weight:bold;
  text-decoration:none;
  padding: 4px 0px 4px 25px;
  margin:0;
  border-bottom:1px solid #ccc;
   color:#fff; 
   font-size:14px;
   background:url(images/mgk-bullet.png) no-repeat 5px center;
}
.myMenu li a:hover { background:url(images/mgk-bullet.png) #18669E no-repeat 7px center; }
/*style the sub menu*/
.myMenu li ul {
    position:absolute;
    visibility:hidden;
     margin:0; padding:0;
     left: 100px;
     top: 5px;
     }
.myMenu li ul li { float:none; z-index: 10000; background-color: #1D5478 }
.myMenu li ul li a:link, .myMenu li ul li a:visited {  width:auto; }
.myMenu li ul li a:hover { background-color:#18669E; }
.contentbody table td {
  padding:5px;
  text-align:left !important;
}

.contentbody ul li {
  list-style: square;
}
ul.normal {
  margin-left: 10px;
}
ul.normal li {
	padding:0px;
}

/*.line {
  margin: 5px 0;
  border-bottom:  solid 1px #cccccc;
}*/
.download {
  background: #E3E6EF;
  padding:1px 10px;
  margin-bottom: 10px;
  -moz-border-radius: 6px;
  text-align:center;
}
.download h3 {

 padding: 0px 30px;
 background: url("images/download.png") no-repeat scroll 0px 5px;
 line-height:30px;

}
.indexad img {
            float:left;
            text-align:center;
            margin: 3px ;
}
.schoolnews li {
  list-style: disc;
  border-bottom:dotted 1px #cccccc;
  margin-left: 15px;
  padding: 3px 0;
}
.schoolnews h3 {
 background: url("images/schoolnews.png") no-repeat scroll 7px 5px #e5e5e5;
  padding: 0px 35px;
  -moz-border-radius: 5px;
  font-size: 17px;
  border: none !important;
  -moz-box-shadow:none;
  line-height:30px;
}

/*Sponsored - Ads Page*/
.sponsored-ads-page { padding:10px 6px; width:458px; }
.sponsored-ads-page img { margin:0px 2px; }

/*Content - Ads Info Page*/
#content { width:960px; padding:10px 0px; margin:0px auto; }
#ads-detail-headline { width:960px; height:70px; background:url(images/ads-detail-headline.png) no-repeat top center; }
#content .ads-detail { width:900px;  padding:0px 30px 10px; background:url(images/ads-detail-bg.png) repeat-y top center; font-size:16px; }
#content #ads-detail-bottom { width:900px; height:13px;  padding:0px 30px ; background:url(images/ads-detail-bottom.png) no-repeat top center; }
#content .ads-detail h3 { margin:0px 0px 10px; }
#content .ads-detail p { margin-bottom:15px; }
#content .ads-detail ul { margin-bottom:15px; }
#content .ads-detail ul li { margin-bottom:5px; list-style-type:disc; margin-left:40px; }
#content .ads-detail table.ads-price { width:100%; margin-bottom:10px; margin-top:20px; font-size:13px;  }
#content .ads-detail table.ads-price tr { background:#edf7ff; }
#content .ads-detail table.ads-price th { background:#192763; color:#fff; }
#content .ads-detail table.ads-price th, #content .ads-detail table.ads-price td { padding:5px; text-align:center; }
#content .ads-detail table.ads-price tr.even { background:#f9fcff; color:#000; }
#content #ads-position { width:620px; margin:0px auto; font-size:14px; }
#content #ads-position img { float:left; }
#content #ads-position .a1 { background:url(images/ads-position/ads_02.jpg) no-repeat ; display:inline-block; width:300px; height:65px; }
#content #ads-position .a1:hover { background:url(images/ads-position/ads_02.jpg) no-repeat 0px -65px; }
#content #ads-position .b1 { background:url(images/ads-position/ads_05.jpg) no-repeat ; display:inline-block; width:302px; height:155px; float:left; }
#content #ads-position .b1:hover { background:url(images/ads-position/ads_05.jpg) no-repeat 0px -155px; }
#content #ads-position .c1 { background:url(images/ads-position/ads_07.jpg) no-repeat ; display:inline-block; width:450px; height:59px; float:left; }
#content #ads-position .c1:hover { background:url(images/ads-position/ads_07.jpg) no-repeat 0px -59px; }
#content #ads-position .d1 { background:url(images/ads-position/ads_11.jpg) no-repeat ; display:inline-block; width:146px; height:137px; float:left; }
#content #ads-position .d1:hover { background:url(images/ads-position/ads_11.jpg) no-repeat 0px -137px; }
#content #ads-position .e1 { background:url(images/ads-position/ads_13.jpg) no-repeat ; display:inline-block; width:594px; height:133px; float:left; }
#content #ads-position .e1:hover { background:url(images/ads-position/ads_13.jpg) no-repeat 0px -133px; }
#content #ads-position .f1 { background:url(images/ads-position/ads_12.jpg) no-repeat ; display:inline-block; width:144px; height:445px; float:left; }
#content #ads-position .f1:hover { background:url(images/ads-position/ads_12.jpg) no-repeat -144px 0px; }
#content #ads-position .g1 { background:url(images/ads-position/ads_06.jpg) no-repeat ; display:inline-block; width:184px; height:155px; float:left; }
#content #ads-position .g1:hover { background:url(images/ads-position/ads_06.jpg) no-repeat 0px -155px; }

/*Sitti Page*/
.sitti { margin-bottom:20px; font-size:14px; }
.sitti strong { font-size:15px; color:#002c4f; }
.sitti ul li:first-child { padding-top:10px; }
.sitti ul li { margin-left:20px; margin-bottom:5px; }
#sitti-vip { width:450px; height:51px; background:url(images/sitti-vip.png) no-repeat top center; }
#sitti-normal { width:450px; height:51px; background:url(images/sitti-normal.png) no-repeat top center; }
#sitti-parent { width:450px; height:51px; background:url(images/sitti-parent.png) no-repeat top center; }
.sitti .sitti-detail { width:390px;  padding:0px 30px 10px; background:url(images/sitti-bg.png) repeat-y top center; }
.sitti .sitti-bottom { width:390px; height:17px;  padding:0px 30px ; background:url(images/sitti-bottom.png) no-repeat top center; }
.sitti .button { 
	width:146px; 
	height:50px; 
	margin:20px auto 0px;
	text-indent:-9999px; 
	display:block; 
	}

.sitti .vip { background:url(images/button-vip.png) no-repeat top center; }
.sitti .normal { background:url(images/button-normal.png) no-repeat top center; }
.sitti .parent { background:url(images/button-parent.png) no-repeat top center; }

/*Promotion Page*/
#promotion { font-size:15px; text-align:center; }
#promotion h1,h2 { border:none; box-shadow:none; margin:30px 0px; }
#promotion .main-highlight { color:#ff0000; font-weight:bold;  }
#promotion .highlight { color:#f60a90; font-weight:bold; }
#promotion hr { border:none; border-bottom:1px solid #ddd; margin:15px 0px; }
#promotion .box { float:left; margin-right:20px; }
.promotion-product { width:120px; height:150px; float:left; margin:10px 15px 20px 15px; text-align:center; font-size:13px; }
#promotion .promotion-product p { font-size:15px; color:#175da3; margin-top:-3px;  }
.order ul { padding-left:15px; margin:5px 0px; }
.order ul li { margin-bottom:5px; }


#contact-test {  }
#contact-test .form-text { width:70px; display:inline-block; }
#contact-test input[type='text'] { width:240px; padding:3px; }
#contact-test textarea { width:240px; height:60px; padding:3px; vertical-align:top;  }

/* Menu over Content */
.update { background:url(images/update.jpg) no-repeat top center; width:240px; height:82px; display:block; float:left; }
.update:hover { background:url(images/update-hover.jpg) no-repeat top center; }
.announce { background:url(images/announce.jpg) no-repeat top center; width:240px; height:82px; display:block; float:left; }
.announce:hover { background:url(images/announce-hover.jpg) no-repeat top center; }
.activity { background:url(images/activity.jpg) no-repeat top center; width:240px; height:82px; display:block; float:left; }
.activity:hover { background:url(images/activity-hover.jpg) no-repeat top center; }
.sponsor { background:url(images/sponsored-ads.jpg) no-repeat top center; width:240px; height:82px; display:block; float:left; }
.sponsor:hover { background:url(images/sponsored-ads-hover.jpg) no-repeat top center; }

/* Today Download Title*/
h3.download-title { color:#f23300; }

/* Sponsored Ads*/
.sponsored-ads { 
	padding:10px; 
	width: 200px;
	-moz-border-radius: 5px;
	background-color:#e3e6ef;
	margin:10px;
	float:left;
}

#facebook,#left-ads  {
	padding:10px; 
	width: 200px;
	-moz-border-radius: 5px;
	background-color:#e3e6ef;
	margin:10px;
	float:left;
}

#left-ads { margin-top:0px; }  

#banner728 { width:961px; margin:10px auto 0px; }

.view-all { float:right; }

/* 14 Anniversary Page */
#anniversary { width:600px; height:810px; margin:20px auto; }
#anniversary img { float:left; border:0px; margin:0px; padding:0px; }
#anniversary a.more-detail { float:left; background:url(images/14-anniversary/salepage_07.jpg) no-repeat 0 0; width:342px; height:62px; padding:0px; margin:0px; }
#anniversary a.more-detail:hover { background:url(images/14-anniversary/salepage_07.jpg) no-repeat 0 -62px; width:342px; height:62px; }
.dash {
    width: 430px;
    float:left;
    height:auto;
    background: #ffffff url(images/dash.jpg) no-repeat scroll 0 0 ;
    padding: 50px 10px 10px 10px;
    border:solid 1px #cccccc;  
    -moz-border-radius : 5px;
    position:relative;
    font-size: 15px;
    
}
.logout {
  width:180px;
  float:right;
  color:#ffffff;
  position:absolute;
  right: 5px;
  top: 5px; 
  font-size: 11px;
  text-align:right; 
}
.form fieldset {
    border: 0;
}
.form input[type="text"] {padding: 5px;width: 200px; float:left; margin-top: 5px;}
.form label {
    width: 160px;
    float:left;
    padding: 10px;
    font-size: 15px;

}
.form legend {
    font-weight: bold;
    font-size: 15px;
        width: 100%; 
    display:block;
    border:bottom: solid 1px #cccccc; 
}
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size: 11px; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }