*{
font-family:Tahoma;
font-size: 11px;
}

a:link { color: #005CA2; text-decoration: none }
a:visited { color: #005CA2; text-decoration: none }
a:active { color: #0099FF; text-decoration: none }
a:hover { color: #0099FF; text-decoration: underline }

.pagelink{
font-size: 11px;
}

.newsdate{
color:#FF6600;
font-size: 11px;
}

.img-png-fix{
}


.bg{
background-image:  url("../image/somapa_04/share/bg.jpg");
background-image:  url("../image/somapa_04/share/bg.jpg");
background-position:top;
background-repeat:repeat-x;
background-color: #59A3E1;
}

#mainLayout{
width:auto;
}

#layOut{
	width: 1000px;
	height: auto;
	position: relative;
	margin:auto;
}


#header{
width: 1000px;
height: 103px;
background-image:  url("../image/somapa_04/share/bg_menutop.jpg");
background-position:top;
background-repeat:repeat-x;
}


.search{
width:107px; 
height: 20px;
background-color:#FFFFFF;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

.data_first_name{
width:260px; 
height:20px;
background-color:#E4E4E4;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

.data_last_name{
width:260px; 
height:20px;
background-color:#E4E4E4;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

.data_address{
width:260px; 
height:80px;
background-color:#E4E4E4;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

.data_telephone_number{
width:260px; 
height:20px;
background-color:#E4E4E4;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

.data_email_address{
width:260px; 
height:20px;
background-color:#E4E4E4;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

.data_contact_topic{
width:260px; 
height:80px;
background-color:#E4E4E4;
border-style:none;
font-size: 12px;
font-style:normal;
font-weight: normal;
line-height: 20px;
padding: 0px;

}

#footer{
width: 1000px;
height: 75px;
background:  url("../image/somapa_04/share/footer_bg.jpg");
background-repeat:repeat-x;

}


.linkFooter{
font-size: 11px;
color:#FFFFFF;
text-decoration:none;
}

a.linkFooter:link{
font-size: 11px;
color:#FFFFFF;
}

a.linkFooter:visited{
font-size: 11px;
color:#FFFFFF;
}

a.linkFooter:active{
font-size: 11px;
color:#FFFFFF;
}

a.linkFooter:Hover{
font-size: 11px;
color:#FFFF99;
text-decoration:underline;
}

.linkVisitGroup{
font-size: 11px;
color:#FFFF99;
text-decoration:none;
}

a.linkVisitGroup:link{
font-size: 11px;
color:#FFFF99;
}

a.linkVisitGroup:visited{
font-size: 11px;
color:#FFFF99;
}

a.linkVisitGroup:active{
font-size: 11px;
color:#FFFF99;
}

a.linkVisitGroup:Hover{
font-size: 11px;
color:#FFFF99;
text-decoration:underline;
}

.bgHilight{
background-image:  url("../image/somapa_04/01_index/bg_hilight.jpg");
background-position:top;
background-repeat:repeat-x;
}

.contactForm{
width:180px; 
height: 20px;
background-color: #E8E8E8;
border-style:none;
font-size: 11px;
font-style:normal;
font-weight: normal;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;

}

.buttonMore{
width:200px; 
height: 20px; 
background-image:url(../../../image/somapa_04/share/p_bullet.jpg); 
background-position:left; 
background-repeat:no-repeat; 
padding-left: 10px; 
display:block;
}

a.buttonMore: hover{
width:200px; 
height: 20px;
color:#FF0000;
background-image:url(../../../image/somapa_04/share/p_bullet.jpg); 
background-position:left; 
background-repeat:no-repeat; 
padding-left: 10px; 
display:block;
font-style:normal;
text-decoration:underline;

}


.contactFormTextarea{
width:180px; 
height: 100px;
background-color: #E8E8E8;
border-style:none;
font-size: 11px;
font-style:normal;
font-weight: normal;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;

}


.picNewsBig {
width: 200px;
height: 200px;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
border-color: #cccccc;
border-width: 1px;
border-thickness: 1px;
border-style: solid;
border-color:#CCCCCC;
display:block;
}



.siteMap{
font-size: 11px;
color: #006699;
text-decoration:none;
padding-left: 25px;
}

a.siteMap:hover{
font-size: 11px;
color: #FF6600;
text-decoration:underline;
}



.thumbNews {
width: 73px;
height: 73px;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
border-color: #cccccc;
border-width: 1px;
border-thickness: 1px;
border-style: solid;
border-color:#CCCCCC;
display:block;
}

a.thumbNews:active {
width: 73px;
height: 73px;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
border-color: #CCCCCC;
border-width: 1px;
border-thickness: 1px;
border-style: solid;
display:block;

}

a.thumbNews:hover {
width: 73px;
height: 73px;
padding-left: 3px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
border-color: #666666;
border-width: 1px;
border-thickness:1px;
border-style: solid;
display:block;
background-color: transparent;
}




.contentWhite{
font-size: 11px;
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

a.contentWhite:link{
font-size: 11px;
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

a.contentWhite:visited{
font-size: 11px;
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

a.contentWhite:active{
font-size: 11px;
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

a.contentWhite:hover{
font-size: 11px;
color:#FFFFFF;
font-style:normal;
text-decoration:underline;
}

.contentBlue{
font-size: 11px;
color: #006699;
font-style:normal;
text-decoration:none;
}


a.contentBlue:hover{
font-size: 11px;
color: #006699;
font-style:normal;
text-decoration:underline;
}

.contentOrange{
font-size: 11px;
color: #FF6600;
font-style:normal;
text-decoration:none;
}

a.contentOrange:hover{
font-size: 11px;
color: #00448D;
font-style:normal;
text-decoration:underline;
}

.contentOrange_01{
font-size: 12px;
color: #FF6600;
font-style: bold;
text-decoration:none;
}

a.contentOrange_01:hover{
font-size: 12px;
color: #00448D;
font-style: bold;
text-decoration:underline;
}

.contentBlack{
font-size: 11px;
color: #333333;
font-style:normal;
text-decoration:none;
}

a.contentBlack:hover{
font-size: 11px;
color: #333333;
font-style:normal;
text-decoration:underline;
}


.contentInside{
font-size: 11px;
color:#333333;
}

.news{
font-size: 11px;
color: gray;
}


.buttonLink{
width: 75px;
height: 14px;
padding-left: 5px;
background:url(../image/somapa_it/share/bullet.jpg);
background-position:left;
background-repeat:no-repeat;
font-size: 11px;
display:block;
background-color: transparent;
}


a.buttonLink:link{
width: 75px;
height: 14px;
padding-left: 5px;
background:url(../image/somapa_it/share/bullet.jpg);
background-position:left;
background-repeat:no-repeat;
font-size: 11px;
color: #333333;
display:block;
background-color: transparent;
}


a.buttonLink:visited{
width: 75px;
height: 14px;
padding-left: 5px;
background:url(../image/somapa_it/share/bullet.jpg);
background-position:left;
background-repeat:no-repeat;
font-size: 11px;
color: #333333;
display:block;
background-color: transparent;
}


a.buttonLink:hover{
width: 75px;
height: 14px;
padding-left: 5px;
background:url(../image/somapa_it/share/bullet.jpg);
background-position:left;
background-repeat:no-repeat;
font-size: 11px;
text-decoration:underline;
color: #FF6600;
display:block;
background-color: transparent;

}

.linkPage{
font-size: 11px;
color: #006699;
font-style:normal;
text-decoration:none;
}

a.linkPage:link{
font-size: 11px;
color: #064D93;
font-style:normal;
text-decoration:none;
}

a.linkPage:visited{
font-size: 11px;
color: #064D93;
font-style:normal;
text-decoration:none;
}

a.linkPage:active{
font-size: 11px;
color: #064D93;
font-style:normal;
text-decoration:none;
}

a.linkPage:hover{
font-size: 11px;
color: #064D93;
font-style:normal;
text-decoration:underline;
}



/* ######### MENU LEFT OUR SCHOOL ######### */

.arrowlistmenu{
width: 180px; /*width of accordion menu*/

}

.categoryitems{
font-size: 13px;
font-style:normal;
}


.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 12px;
font-style:normal;
font-weight:bold;
color: #FF6600;
background-image: url(../../../image/somapa_04/02_our_school/titlebar.png);
background-position:left;
background-repeat:no-repeat;
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
border-bottom-style:solid;
border-bottom: 1px;
border-bottom-color:#000000;
padding: 4px 0 6px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../../../image/somapa_04/02_our_school/titlebar-active.png);
background-position:left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #008FD4;
background: url(../../../image/somapa_04/02_our_school/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid  #C5E2F3;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #008FD4;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #003366;
background-color: #F3F3F3;
}


/* ######### THUMB STUDENT CORNER #########*/


.thumbStudentCorner{
	width: 223px;
	height: 235px;
	position:absolute;
	left: 80px;
	top: 108px;
}

.thumbStudentOfTheMonth{
width: 300px;
height: 300px;
margin-left: 0px;
margin-top: 0px;
position:absolute;
z-index: 25;
}

/* ######### THUMB STUDENT CORNER #########*/



/* ######### THUMB TEACHER CORNER #########*/


.thumbTeacherCorner{
width: 223px;
height: 235px;
margin-left: 79px;
margin-top: 5px;
position:absolute;
}

.thumbTeacherOfTheMonth{
width: 300px;
height: 300px;
margin-left: 0px;
margin-top: 0px;
position: absolute;
}

/* ######### THUMB TEACHER CORNER #########*/



/* ######### TAB OUR SCHOOL ######### */


.bgContent{
background:  url("../image/somapa_04/02_our_school/bg_content.jpg");
background-position:top;
background-repeat:no-repeat;
}

.bgContent_01{
background:  url("../image/somapa_04/03_news_event/bg_content_01.jpg");
background-position:top;
background-repeat:no-repeat;

}

.bgContent_02{
background: url("../image/somapa_04/04_student_corner/bg_content_02.jpg");
background-position:top;
background-repeat:no-repeat;

}

.bgContent_03{
background: url("../image/somapa_04/07_search_result/bg_content_03.jpg");
background-position:top;
background-repeat:no-repeat;

}



#mainTaball{
	width: 248px;
	height: 176px;
	position:absolute;
	left: 672px;
	top: 285px;
}

.shadetabs{
	width: 280px;
	float:left;
	padding-left: 0px;
	position: absolute;
	margin-top: 0px;
	list-style-type: none;


}



.shadetabs li{
	float:left;
	width: 80px;
	height: 22px;
	padding-left: 4px;
	padding-bottom: 0px;

}



.shadetabs li a{
	text-decoration: none;
	color: #2d2b2b;
}



.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;

}

.shadetabs li a.selected{ /*selected main tab style */
	top: 1px;

}

.shadetabs li a.selected{ /*selected main tab style */
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
padding: 15px;
margin-top: 21px;
width:248px; 
height: 219px; 
float:left; 
display:none;
}



.text_orang {
	font-family: tahoma;
	font-size: 11px;
	color: #FF6600;
	font-weight: normal;
}
.text_blue {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #194A7D;
}
.text_font_web {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
.text_orang_b {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
}

.text_orang_b_01 {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
}
.text_font_web_b {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.text_blue_b {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #00448D;
}
.text_white {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
.text_yellow {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFCC;
}
.black {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.text_g {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

form{
padding-top:0px;
margin:0px;
}
.style_qsearch{
background-color:#FFFF00;
color:#FF0000;}