/* CSS Document
Design: Chrys Ocampo
Author: Chrys Ocampo */
/* ====== front page background settings ======*/
body{background-image:url(../images/whb_64.jpg); background-repeat: repeat; font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:0px auto; padding:0px 0px 0px 0px;  background-color:#fdfdfd;}
/* ======= end setting ======= */

/* ======= setting ======= */
a:link img, a:visited img, a:active img, a:hover img{ border:none; outline:none;}
a:link, a:visited, a:acstive {text-decoration:none; outline:none; color:#057CE2; outline:none;}
a:hover{color:#057CE2; text-decoration:underline;outline:none;}

.p1{color:#707070; font-size:75%; margin:0px; text-transform:none;}
.p2{color:#000000; font-size:75%; margin:0px; }
.p3{color:#707070; font-size:75%;  padding:0px 21px 0px 21px; line-height:20px; text-transform:none;}
.p4{color:#707070; font-size:75%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:20px; text-transform:none;}
.p5{color:#525252; font-size:75%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:20px; font-weight:bold;}
.p6{color:#707070; font-size:75%; margin-left:44px; padding:1px 0px 1px 0px; line-height:20px; text-transform:none;}
.p7{color:#707070; font-size:75%; line-height:20px; text-transform:none; text-align: justify; padding:0 21px 5px 21px;}

.h1{color:#333333; text-transform:capitalize; font-size:150%; margin:20px 0px 10px 0px;}
h2{color:#057ce2; font-weight:bold; text-transform:capitalize; margin:0px; padding:10px 0px 0px 13px;}
h3{color:#CCC; font-family:Lucida Sans Unicode; font-size:17px;   }
h4{color:#057ce2;margin:0px 0px 5px 0px;}
h5{color:#057ce2;margin:5px 0px 5px 0px; font-size:100%; border-bottom:1px solid;}
h6{padding:0 0 0 15px; margin:0 0 0 2px;}


/* ====== end settings =====*/

/* ========= begin body =========*/
#wrapper{ margin:0 auto; background-image:url(../images/backg_02.jpg); background-repeat: repeat-x; height:471px; }
#bodycontent{margin:0 auto; padding:0px 0px 0px 0px; width:830px; clear:both; min-height:400px;}

#topcontent{ /*height:293px;*/height:505px; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; z-index:-1;}
#slidebox{margin:10px 0px 2px 10px; float:left; z-index:0; background-image:url(../images/bigsliderframe_22.jpg); background-repeat: no-repeat; /*width:826px;*/ width:802px; height:505px; padding:6px 5px 5px 5px;}

#midcontent{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
/*#topborder{ background-image:url(../images/topborder_11.jpg); background-repeat: no-repeat; width:826px; height:11px; margin:0 auto;float:left;}
#midborder{background-image:url(../images/midborder_16.jpg); background-repeat: repeat-y; width:826px; margin:0 auto;float:left;}
#bottomborder{background-image:url(../images/bottomborder_18.jpg); background-repeat:no-repeat; width:826px; height:27px; margin:0 auto;float:left;}*/
#midcontentleft{width:200px; margin:0px 0px 0px 0px; padding:0px; float:left;}
.midcontenttext{width:230px; height:120px;}
.midcontenttextleft{float:left; width:210px;}
/*.midcontenttextright{float:left;width:100px;}*/
.amidcontext:link, .amidcontext:visited, .amidcontext:active{color:#707070; font-size:75%; margin:0px;}
.amidcontext:hover{color:#707070; font-size:75%; margin:0px; text-decoration:underline;}
#midcontentmid{width:250px;margin:0px 0px 0px 0px; padding:0px; float:left;}
#midcontentright{width:200px;margin:0px 0px 0px 0px; padding:0px; float:left;}
#midcontenttextright{float:right; width:120px;}
.midcontentseparator{background-image:url(../images/midcontentseparator_17.jpg); background-repeat: no-repeat; width:3px; height:155px; margin:40px 0px 0px 0px;float:left;}
.ulmidsytle{list-style-type:none; padding:0px 0px 0px 5px; margin:5px 0px 0px 0px; line-height:20px;}
#midwholeborder{background-image:url(../images/midwholeborder.jpg); background-repeat: no-repeat; width:826px; height:217px; margin:0px auto;float:left; padding:0px 0px 0px 0px; border:none;}
#followus{background-image:url(../images/followimg_33.jpg); background-repeat:no-repeat;  width:153px; height:25px; margin:0px 0px 5px 0px; }
#update2{background-image:url(../images/whatsnew_39.jpg); background-repeat:no-repeat;  width:182px; height:25px; margin:0px 0px 5px 0px;}
#video{background-image:url(../images/video_37.jpg); background-repeat:no-repeat;  width:78px; height:25px; margin:0px 0px 0px 0px;}


#bottomcontent{ clear:both; margin:0 0 0 5px;}
#leftcontent{ float:left; /*width:415px;*/ width:400px; padding:0 0 0 12px;}
#leftbct{ background-image: url(../images/leftbordercontent_50.jpg); background-repeat:no-repeat; width:379px; height:28px; float:left;}
#leftbcm{background-image:url(../images/leftbordercontentmid_55.jpg); background-repeat:repeat-y; width:379px; float:left;}
#leftbcb{background-image:url(../images/leftbordercontentbottom_61.jpg); background-repeat:no-repeat; width:379px; height:14px; float:left;}
#updateseparator{background-image:url(../images/updateseparator_62.jpg); background-repeat:no-repeat; width:375px; height:7px; float:left;margin:0 0 0 2px;}
#rightcontent{float:right;width:415px;}
.contentarea{margin:5px 0px 15px 0px; padding:0px 0px 0px 15px; float:left;}
#updateimg{ background-image:url(../images/updateimg_17.jpg); width:84px; height:24px; margin:0px 0 0 15px; padding:0px; }
.contentimg{width:130px; height:130px; float:left; background-color:#999999; padding:3px;}
.contenttext{float:left; /*width:250px;*/ margin:0px 0px 0px 7px; padding:0 5px 0 0;
width:210px;}
/* ========= end body =========*/
/* ========= all button  =========*/

a.readmorebtn, a.viewallbtn, a.seemore{float:right;}

.readmore{width:auto; margin:5px 10px 0px 0px; float:right; }
a.readmorebtn span{ background-image:url(../images/readmore_50.png); background-repeat:no-repeat; width:65px; height:22px; padding:0px 0px 7px 70px;}

.viewall{width:auto; margin:0px 0px 0px 0px; float:right; }
a.viewallbtn span{ background-image:url(../images/viewall_45.png); background-repeat:no-repeat; width:65px; height:22px; padding:0px 0px 7px 70px;}

.seemore{width:auto; margin:0px 0px 0px 0px; float:right; padding:10px 0 0;}
a.seemorebtn span{ background-image:url(../images/seemore_19.jpg); background-repeat:no-repeat; width:65px; height:22px; padding:0px 0px 7px 70px;}

/* ========= end button  =========*/

/* ========= begin tab area =========*/
#mytabs{float:left; margin:6px 4px 6px 6px; width:290px; height:280px; padding:0px 0px 0px 0px;}
.toptabborder{ float:left;background-image:url(../images/toptabborder_12.jpg); background-repeat:no-repeat; width:277px; height:6px; padding:0px 0px 0px 0px; }
.midtabborder{ float:left;background-image:url(../images/midtabborder_17.jpg); background-repeat: repeat-y; width:277px; min-height:237px;
padding:5px 0px 5px 10px;}
.bottomtabborder{ float:left;background-image:url(../images/bottomtabborder_19.jpg); background-repeat:no-repeat; width:277px; height:6px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#videoarea,#photoarea{border-bottom:1px solid #999999; height:90px; width:250px;}
#videoimg, #photoimg{border:#999999 solid 1px; width:102px; height:82px; float:left;}
#videocontent, #photocontent{float:left;padding:0 0 0 10px;width:135px;}
.tabcontext{float:left; padding:5px 5px 0px 5px; width:250px;}



/* ========= big gallery ========*/
#gallery {position:relative;height:380px;/* margin:30px 0px 0px 0px;*/margin:0px 0px 0px 0px;}
#gallery a {float:left;	position:absolute;	}
#gallery a img {border:none;}
#gallery a.show {z-index:500;}
#gallery .caption {	z-index:600; background-color:#000; color:#ffffff; height:80px; width:100%; position:absolute;	bottom:0;}
#gallery .caption .content {margin:5px;}
#gallery .caption .content h3 {margin:0; padding:0; color:#1DCCEF; font-size:15px;	}
#gallery .caption .content p {margin:0; padding:0; color:#1DCCEF; font-size:12px;	}
/* ========= end gallery ========*/


/* ====== subpages ======*/
#subbodybg{background-image:url(../images/backg2_02.jpg); background-repeat: repeat-x; height:340px;}
#subbodywrap{margin:0px; padding:0px 0px 0px 0px;}
.subbodytop{width:100px; height:109px; margin:0px; padding:5px 0px 0px 15px;}
.sidebar{float:left;}
#sidebarnavbox, #sidebarcontent{padding:0px 10px 0px 13px; }
.sidebarseparator{ background-image:url(../images/sidebarseparator_13.jpg); background-repeat:no-repeat; background-position:center; width:206px; height:4px; float:left; margin:0px 0px 5px 0px;}
#sidebartop{background-image:url(../images/sidebartop_03.jpg); background-repeat: no-repeat; width:206px; height:89px; margin:2px 0 0; }
#sidebarbordermid{background-image:url(../images/sidebarbordermid_08.jpg); background-repeat:repeat-y; width:206px; float:left; margin:0px 0px 0px 0px;}
#sidebarborderbottom{background-image:url(../images/sidebarborderbottom_14.jpg); background-repeat: no-repeat; width:206px; height:13px; clear:both; margin:0px 0px 10px 0px; }

ul#sidebarnav{list-style-type:none; float:left; margin:0px 0px 10px 0px; padding:0px; width:179px; min-height:30px; background-color:#f7f7f7; }
ul#sidebarnav li {border-bottom: 1px solid #CCCCCC;padding:0px 0; width:180px; float:left;}
#sidebarnav a.aside { font-size:85%; color:#8b8b8b; font-weight:bold; margin:0px 0px 0px 0px ; padding:10px 0px 10px 0px; float:left; width:180px; text-decoration:none;}
#sidebarnav a.aside:hover{ font-size:85%; color:#525252; font-weight:bold; width:180px; text-decoration:none; background-color:#ecf6ff;}
#sidebaractive{ font-size:85%; color:#525252 !important; font-weight:bold; width:180px; text-decoration:none; }

.subcontentright{float:left; margin:0 0 0 10px; width:605px;/*padding:60px 0px 0px 0px;*/ padding:0px;}
/*.subcontentright{float:left; margin:0 0 0 15px;width:600px;padding:60px 0px 0px 0px; padding:0px;}*/
.subcontentrighttop{ border-bottom:solid 1px #ccc; margin:10px 0px 5px 0px; padding:0px 0px 5px 0px; float:left;}
.subcontentrightbottom{padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; float:left;}
.subtabscontext{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left;}
.ulsubcontentright{list-style-type:none; padding:0px 10px 0px 0px; float:left;  margin:0px 0px 10px 0px; width:590px;}
.ulsubcontentright a{list-style-type:none; padding:0px 0px 0px 0px; text-transform:lowercase !important; color:#057CE2;}
.ulsubcontentright a:hover{list-style-type:none; padding:0px 0px 0px 0px; text-transform:lowercase !important; color:#057CE2; text-decoration:underline;}
.table1{ width:585px; /*border:1px #4aabff solid;*/ }
.td1{/*border:#4aabff 1px solid;*/ padding:0 0 0 5px;}
.frames{margin:0px 0px 10px 0px; float:left;}
.fnameleft{ text-align:left; width:480px; padding:0px 0px 0px 10px; float:left;}
.fnameright{ text-align:right; width:480px; padding:0px 10px 0px 0px; float:right;}
.fpictureleft{ width:100px; height:100px; border:#b5b5b5 1px solid; float:left}
.fpictureright{ width:100px; height:100px; border:#b5b5b5 1px solid; float:right}


#pagetitle{margin:0px; padding:15px 0px 0px 17px;}
/* ====== end subpages ======*/

#overviewtitle{background:url(../images/titleborder_03.png) no-repeat 0% 1%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#esltitle{background:url(../images/titleborder_03.png) no-repeat 0% 12.5%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#nursingtitle{background:url(../images/titleborder_03.png) no-repeat 0% 24.1%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#caretitle{background:url(../images/titleborder_03.png) no-repeat 0% 35.6%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#calltitle{background:url(../images/titleborder_03.png) no-repeat 0% 47.3%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#facilitiestitle{background:url(../images/titleborder_03.png) no-repeat 0% 58.7%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#countrytitle{background:url(../images/titleborder_03.png) no-repeat 0% 70.4%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#geninfotitle{background:url(../images/titleborder_03.png) no-repeat 0% 81.9%; width:632px; height:38px; margin:26px 0px 5px 0px;}
#aboutcebutitle{background:url(../images/titleborder_03.png) no-repeat 0% 93.5%; width:632px; height:38px; margin:26px 0px 5px 0px;}
.textbordertop{ background-image:url(../images/textbordertop_05.jpg); background-repeat:no-repeat; float:left; width:605px; height:26px;}
/*.textbordermid{background-image:url(../images/textbordermid_08.jpg); background-repeat: repeat-y; float:left; padding:0px 5px 0px 5px; width:595px;}*/
.textbordermid{background-image:url(../images/textbordermid_08.jpg); background-repeat: repeat-y; float:left; padding:0px; width:605px;}
.textborderbottom{ background-image:url(../images/textborderbottom_10.jpg); width:605px; height:29px; float:left;}


/* ==== gallery box ==== */
.boxpadding{padding:15px 10px 15px 10px; margin:0 10px 15px 20px; text-align:center; width:140px; height:100px; float:left; background-image:url(../images/gallerybg_14.jpg); background-repeat:no-repeat;}
#gallerytitle{margin:0px 0px 0px 5px;}
/* ==== end gallery box ==== */
/* ==== image box1 ==== */
.imgboxtop{ background-image:url(../images/imgboxtop_17.jpg); background-repeat:no-repeat; float:left; width:212px; height:10px; padding:0px; margin:0px;}
.imgboxmid{background-image:url(../images/imgboxmid_20.jpg); background-repeat: repeat-y; float:left; width:195px; height:; padding:5px 8.5px 0; margin:0px;clear:both; }
.imgboxbottom{background-image:url(../images/imgboxbottom_22.jpg); background-repeat:no-repeat; float:left; width:212px; height:9px; padding:0px; margin:0px;clear:both;}
/* ==== end image box1 ==== */
/* ==== image box2 ==== */
.imgbox2top{ background-image:url(../images/imgbox2top_25.jpg); background-repeat:no-repeat; width:320px; height:9px;float:left; margin:0px 0px 0px 0px; padding:0px;}
.imgbox2mid{ background-image: url(../images/imgbox2mid_28.jpg); background-repeat:repeat-y; width:320px; float:left; margin:0px 0px 0px 0px; padding:0px; text-align:center;}
.imgbox2bottom{ background-image:url(../images/imgbox2bottom_31.jpg); background-repeat:no-repeat; width:320px; height:11px; float:left;  margin:0px 0px 0px 0px; padding:0px;}
.imgfloat{float:right;}
/* ==== end image box 2 ==== */

/* form */
.formtextarea{ width::300px; height:200px; float:left;}
#formtext{ width:200px; }
.formbutton{margin:5px 0px 0px 0px;}
.textbold{ font-weight:bold;}
/* end form*/

/*=== follow us ===*/
#fb{ background-image:url(../images/fb_47.png); background-repeat:no-repeat; width:33px; height:30px;padding:4px 0 0;}
#twitter{ background-image:url(../images/twitter_50.png);background-repeat:no-repeat; width:33px; height:30px;padding:4px 0 0;}
#yt{ background-image:url(../images/yt_52.png);background-repeat:no-repeat; width:33px; height:30px;padding:4px 0 0;}
#rss{ background-image:url(../images/rss_54.png);background-repeat:no-repeat; width:33px; height:30px; padding:4px 0 0;}
.folus{ padding:5px 0 0 40px;}
/*=== end follow us ===*/



/*=====js huge box======= */


div#headslide {
margin : -1px 0 0;
}
div#video-headslide {
height : 683px;
margin : -1px 0 0;
}
.slidenumcolor{ color:#FFCC33;}
div#headslide div#slide-holder {

z-index:0;

width:790px;

height:490px;
position : absolute;
}
div#headslide div#slide-holder div#slide-runner {

left:0px;
top:1px;

width:790px;

height:490px;
overflow : hidden;
position : absolute;
}
div#headslide div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#headslide div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;

width:800px;
/*height : 46px;*/
height : 56px;
display : none;
position : absolute;

background: url(../images/buttonbg_29.png) 0 0 no-repeat;
background-position:right;
top:440px;
}
div#headslide div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#headslide div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
/*margin : 11px 15px 0 0;*/
margin : 17px 15px 0 0;
}
div#headslide div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFCC00;
}
div#headslide div#slide-holder div#slide-controls p#slide-nav a:hover {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color: #FFFF00;
}
div#headslide div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#headslide div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);

}
div#nav ul li a {
/*background : url(images/nav.png) no-repeat;*/
}

/* end js huge box*/
.marque{ marquee-speed: normal ;}

.disp {
	cursor: pointer;
}