@charset "utf-8";
/* CSS Document */

body, html{
	height: 100%;
	}

body, p {
	margin: 0; padding: 0;
	}	
	
html {
    color: #000;
    background: #FFFFFF;
    overflow-x:hidden;
    font-family:Arial, Sans-Serif;}


body, div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;}

table { border-collapse: collapse; border-spacing: 0;}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {font-style: inherit; font-weight: inherit;}

del, ins {text-decoration: none;}

li {list-style: none;}

caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

q:before, q:after {content: '';}

abbr, acronym {border: 0; font-variant: normal;}

sup {vertical-align: baseline;}

sub {vertical-align: baseline;}

/*because legend doesn't inherit in IE */
legend {color: #000;}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}

/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    /* for IE6/7 */ 
    *font-size:small; 
    /* for IE Quirks Mode */
    *font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
    font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size:inherit;
    font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
    /* For breathing room between content and viewport. */
    margin:0px;
}

h1 {
    /* 18px via YUI Fonts CSS foundation. */
    font-size: 138.5%;
}

h2 {
    /* 16px via YUI Fonts CSS foundation. */
    font-size: 123.1%;
}

h3 {
    /* 14px via YUI Fonts CSS foundation. */
    font-size: 108%;
}

h1,h2,h3 {
    /* Top & bottom margin based on font size. */
    margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
    /* Bringing boldness back to headers and the strong element. */
    font-weight: bold;
}
optgroup {
    font-weight:normal;
}

abbr,acronym {
    /* Indicating to users that more info is available. */
    border-bottom: 1px dotted #000;
    cursor: help;
}

em {
    /* Bringing italics back to the em element. */
    font-style: italic;
}

del {
    /* Striking deleted phrases. */
    text-decoration: line-through;
}

blockquote,ol,dl {
    /* Giving blockquotes and lists room to breath. */
    margin: 0px;
}

ol,dl {
    /* Bringing lists on to the page with breathing room. */
    margin-left: 0px;
}

ol li {
    /* Giving OL's LIs generated numbers. */
    list-style: decimal outside;
}


dl dd {
    /* Giving UL's LIs generated numbers. */
    margin-left: 1em;
}

th,td {
    /* Borders and padding to make the table readable. */
    border: 0px solid #000;
    padding: .5em;
}

th {
    /* Distinguishing table headers from data cells. */
    font-weight: bold;
    text-align: center;
}

caption {
    /* Coordinated margin to match cell's padding. */
    margin-bottom: .5em;
    /* Centered so it doesn't blend in to other content. */
    text-align: center;
}

sup {
    /* to preserve line-height and selector appearance */
    vertical-align: super;
}

sub {
    /* to preserve line-height and selector appearance */
    vertical-align: sub;
}

p,
fieldset,
table,
pre {
    /* So things don't run into each other. */
    margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}

body, html{
	height: 100%;
	}

body, p {
	margin: 0; padding: 0;
	}	

#wrapper {
	min-height: 100%;
        background-image:url(../images/white_bg.jpg);
	background-repeat:repeat;

	}

* html #wrapper {
	height: 100%;
	}
	
.png{behavior: url("../js/iepngfix.htc");}
	
/*HEADER------------------------------------*/
#header {
	width: 100%;
	background-image:url(../images/bg_head.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#header_900 {
	width: 960px;
	height: 413px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	
	
/*HEADER INNER------------------------------------*/
#header_inner {
	width: 100%;
	background-image:url(../images/bg_head.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}

#header_inner_900 {
	width: 960px;
	height: 102px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}
	
	
/*FOOTER------------------------------------*/
#footer {
	width: 100%;
	height: 100px;
	margin: -100px auto 0 auto; /*THIS SHOULD BE EQUAL TO THE FOOTERS HEIGHT*/
	position: relative;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat;
	}

#footer_900 {
	width: 960px;
	height: 100px;/*THIS IS THE FOOTERS HEIGHT*/
	position: relative;
	margin: 0 auto;
	}
	
/*CONTENT------------------------------------*/
#content {
	width: 100%;
	background-image:url(../images/white_bg.jpg);
	background-repeat:repeat;
	padding-bottom: 100px; /*THIS SHOULD BE EQUAL TO THE FOOTERS HEIGHT*/
	}
	
#content_900 {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}
	
#logo{ float:left; width:139px; height:96px; }

#menu{float:right; display:inline; margin-top:40px; width:800px; height:40px;}	

.menu_tabs{ float:right; height:36px; margin-top:4px; cursor:pointer; display:inline-block; background-position:0% 0%}

.menu_tabs:hover{ background-position:100% 0%}

#contact_tab{ width:82px; background-image:url(../images/contact_us.png);}

#alum_tab{ width:70px; background-image:url(../images/alumni.png);}

#gal_tab{ width:80px; background-image:url(../images/gallery.png);}

#com_tab{ width:98px; background-image:url(../images/community.png);}

#blog_tab{ width:65px; background-image:url(../images/blog.png);}

#par_tab{ width:89px; background-image:url(../images/partners.png);}

#train_tab{ width:145px; background-image:url(../images/maharat_t.png);}

#home_tab{ width:65px; background-image:url(../images/home.png);}

#banner{ float:left; position:relative; width:960px; height:312px; background-image:url(../images/banner_black.png);}

.ban_imgs{position:absolute; top:4px; left:4px; display:none;}

.btns{ float:left; width:22px; height:21px; background-image:url(../images/cir.jpg); background-position:100% 0;}

#left_side{ float:left; width:650px; height:auto; }

#first_title{ float:left; width:100%; height:72px;}

.hor_sp{float:left; width:100%; height:1px; background-image:url(../images/sp.jpg); background-repeat:repeat-x; margin-top:5px;}

.body_txt{ float:left; display:inline; margin-left:10px; width:95%; height:89px; margin-top:10px; text-align:left; font-family:Arial, Sans-Serif; font-size:14px; overflow:hidden; color:#000000}

.more{ float:right; display:inline-block; font-family:Arial, Sans-Serif; font-size:10px; text-decoration:none; color:#e16a25; text-transform:uppercase; margin-right:3px;}

.more:hover{ text-decoration:underline;}

#bottom_left{ float:left; width:293px; height:380px; }

#second_title{ float:left; width:100%; height:30px; margin-top:10px;}

#third_title{ float:left; width:100%; height:30px; margin-top:10px;}

#fourth_title{ float:left; width:100%; height:30px; margin-top:10px;}

.stars_boxes{ float:left; margin-top:5px; width:72px; height:72px; border:1px solid #d7d7d7}

.stars_desc{ float:left; margin-top:5px; display:inline; margin-left:5px; width:200px; height:72px; }

#bottom_right{ float:left; width:357px; height:auto;}

#right_side{ float:left; width:310px; height:554px; }

#top_news{ float:left; display:inline; margin-left:5px; width:300px; height:181px; margin-top:14px; }

#news_letter{ float:left; display:inline; margin-left:5px; margin-top:10px; width:300px; height:51px; background-image:url(../images/news_letter.jpg);}

#news_txt{ float:left; display:inline; margin-left:5px; margin-top:3px; width:95%; height:15px; color:#FFFFFF; font-family:Arial, Sans-Serif; font-size:12px;}

#news{ float:left; display:inline; margin-left:5px; margin-top:5px; width:214px; height:18px; border:1px solid #beb8b8; border-right:0;}

#sub{ float:left; display:inline; margin-top:5px; width:59px; height:20px; background-image:url(../images/submit.jpg); border:0; cursor:pointer}

#cal{ float:left; display:inline; margin-left:5px; margin-top:10px; width:300px; height:278px;}

.main_title{ float:left; width:90%; color:#000000; font-family:Arial, Sans-Serif; font-size:36px; font-weight:600; margin:0px; margin-top:5px; padding:0px; word-spacing:-6px;}

.news_title{ float:left; width:90%; color:#000000; font-family:Arial, Sans-Serif; font-size:24px; font-weight:600; margin:0px; margin-top:5px; padding:0px; word-spacing:-3px;}

.sub_title{float:left; width:90%; color:#f26522; font-family:Arial, Sans-Serif; font-size:18px; font-weight:600; margin:0px; padding:0px; word-spacing:-3px;}

.inner_img{ float:left; width:640px; height:205px; margin-top:14px;}

.side_menu{ float:left; width:96%; display:block; height:auto; vertical-align:middle; margin-top:3px; text-decoration:none; font-family:Arial, Sans-Serif; font-weight:600; font-size:15px; color:#000000; text-transform:uppercase; padding-bottom:5px; padding-top:5px;}

.side_menu:hover{ background-color:#f26522; color:#ffffff;}

#ads{ float:left; width:100%; height:80px;}

.small_txt{ font-family:Arial, Sans-Serif; font-size:10px; margin-bottom:3px; float:left;}

#usaid{ float:left; width:143px; height:60px; margin-top:12px;}

#bdc{ float:left; display:inline; margin-left:10px; width:100px; height:60px; margin-top:12px;}

#small_ones{ float:right; width:200px; height:32px; margin-top:25px;}

.small_ads{ float:right; display:inline; width:32px; height:32px; margin-right:10px;}

.footer_text{ float:left; display:inline-block; width:auto; padding-left:5px; padding-right:5px; color:#05356c; text-decoration:none; font-family:Arial, Sans-Serif; font-size:12px;}

.footer_text:hover{ text-decoration:underline;}

.footer_sep{ float:left; display:inline; width:1px; height:11px; background-color:#05356c;}

#eaida{color:#757575; font-family:Arial, Sans-Serif; font-size:11px; text-decoration:none;}

#eaida:hover{ text-decoration:underline;}

.lbl{ float:left; display:inline-block; width:150px; height:20px; margin-top:7px; text-align:right; vertical-align:middle; margin-left:46px;}

.lbl_chk{ float:left; display:inline-block; width:150px; height:20px; margin-top:7px; text-align:left; vertical-align:middle; margin-left:208px;}

.txt_input{ float:left; display:inline-block; margin-left:10px; width:216px; height:18px; border:0px; margin-top:7px; border:1px solid #999999}

.chk{ float:left; display:inline-block; margin-left:10px; width:18px; height:18px; border:0px; margin-top:7px; background:none; border:1px solid #999999}

.select_input{ float:left; display:inline-block; margin-left:10px; width:218px; height:22px; border:0px; margin-top:5px; border:1px solid #999999}

.uls{ margin-top:0px;}

.lists{ list-style:circle outside;}

#contact_body{ float:left; width:500px; padding-top:10px; }

#contact_img{ float:right; width:450px; height:410px; margin-top:10px;}

.contact_lbls{ float:left; width:210px; height:20px; text-align:right; font-weight:600}

.contact_lbls2{ float:left; display:inline; margin-left:10px; width:210px; height:20px; text-align:left;}

.contact_lbls3{ float:left; width:70px; height:20px; text-align:right; font-weight:600}

#account{ background-image:url(../images/accounts.jpg); width:110px; height:33px;}
#account:hover{ background-position:100% 0}

#courses{ background-image:url(../images/courses.jpg); width:117px; height:33px;}
#courses:hover{ background-position:100% 0}

#form_sub{ float:left; display:inline; margin-top:15px; margin-left:250px; width:112px; height:33px; background-image:url(../images/form_sub.png); border:0; cursor:pointer}

.forms{ background-image:url(../images/form_bg.png)}

.form_title{float:left; width:100%; height:45px; font-size:24px; color:#000000; font-weight:600; text-indent:15px; margin-top:10px;}

.num{ font-family:Arial, Sans-Serif; font-size:12px; text-decoration:none; color:#F26522}

.gal_img{ float:left; width:638px; height:340px; border:1px solid #000; margin-top:14px;}

.gal_btn{ float:right; margin-top:20px; font-family:Arial, Sans-Serif; font-weight:600; font-size:12px; color:#000000; text-decoration:none; text-transform:uppercase}


#prev{ display:inline-block; margin-right:5px;}

div.controls a {padding: 5px; color:#000000; text-decoration:none;}

div.slideshow-container {float:left; width:638px; height:340px;} /* This is the image container */

div.loader {position: absolute; top: 50px; left: 50%; margin-left:-200px; z-index:-1; background-image: url('ajax-loader.gif'); background-repeat: no-repeat; background-position: center; width: 638px;
	height: 340px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow{ float:left; width:638px; height:340px; margin-left:0px; margin-top:0px;}

div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

#slideshow{background-image: url('ajax-loader.gif'); background-repeat: no-repeat; background-position: center}

.image-wrapper img{ width:638px; height:340px;}

.advance-link{ width:1px; height:1px;}

.thumbs li{ float:left;}

.thumbs{ float:left; padding:0}

.thumb{ float:left; width:71px; height:52px; border:1px solid #000; display:inline; margin-left:5px; margin-top:5px;}

.lis{ float:left; margin-top:0; margin-left:0px;}

.gal_titles{float:left; width:96%; height: 25px; margin-top: 50px; background-color: #f27f2f; text-indent:10px; color:#fff; font-size:18px; font-weight:600}

.gal_titles a{ font-family:Arial, Sans-Serif; color:#fff; text-decoration:none;}

.stars_cont{ float:left; display:inline; width:425px; height:350px; margin-left:30px; margin-top:30px; background-image:url(../images/form_bg_gray.png); background-repeat:no-repeat;}

.stars_upper{ float:left; height:120px; width:425px; margin-top:10px;}

.stars_txt{ float:left; display:inline; margin-left:5px; width:410px; height:220px; font-family:Arial, Sans-Serif; font-size:12px; color:#000; padding:3px; text-align:justify}

.stars_img{ float:left; height:120px; margin-top:0px; width:120px; margin-left:152px; border:2px solid #005581}

#alumni_gal{ float:left; width:96%; display:block; height:auto; vertical-align:middle; margin-top:3px; text-decoration:none; font-family:Arial, Sans-Serif; font-weight:600; font-size:15px; color:#ffffff; text-transform:uppercase; padding-bottom:5px; padding-top:0px;}

#alumni_gal:hover{ color:#000}

.parts{ float:left; width:960px; height:108px; margin-top:5px;}

#blog{ float:left; display: inline; margin-top: 10px; margin-left: 10px; width: 960px; margin-bottom: 10px;}

#blog a{text-decoration: none;color: #dc761f;}

#blog a:hover{text-decoration: underline;}

.blog_title{float: left; display: inline; margin-top: 10px; font-family: arial, Sans-Serif; font-size: 18px; font-weight: bold; color: #dc761f; }

.blog_content{float: left; display: inline; margin-top: 10px; font-family: arial, Sans-Serif; font-size: 14px;}

#blog_info_tab{float:left; display: inline; font-family: arial, Sans-Serif; font-size: 11px; margin-bottom: 10px;}

#comment_area{float: left; display: inline;  width: 960px; margin-top: 20px;}

#list_comments{float: left; display: inline; margin-top: 15px;}

#comment_information{float: left; display: inline; margin-top: 5px;}

.names{ color: #E16A25;}

#comment_error{float:left; width:130px; height: 20px; display: none; background-image:url(../images/comment.jpg); margin-top: 60px}

#email_error{float:left; width:130px; height: 20px; display: none; background-image:url(../images/enter_c.jpg); margin-top: 10px}

#ajax_submit{width:155px; border: 0; height: 24px; background-image:url(../images/post.jpg); float:right; display: inline; margin-right: 9px; margin-top: 10px }

#comment_div{float:left; width:940px; height: 230px;}

.commenst1{ float: left; width: 150px; height: 230px;}

#comment_lbl{ float: left; width: 140px; height: 30px; text-align: right; margin-top:60px;}

#mail_lbl{ float: left; width: 140px; height: 30px; text-align: right; margin-top:66px;}

.commenst2{ float: left; width: 600px; height: 230px;}

.commenst3{ float: left; width: 190px; height: 230px;}

#comment{ float:left; display: inline; margin-left:5px; width: 585px; height: 130px; margin-top:10px; border:1px solid #000;}

#email{ float:left; display: inline; margin-left: 5px; margin-top: 10px;}

/********************************************/
/************BACKEND CSS STARTS**************/
#login{ float:left; display: inline; margin-top: 30px; margin-left: 380px; width: 960px; margin-bottom: 10px;}

#admin_logo{float: left; display: inline; margin-left: 440px; margin-top: 80px;}

#auth_name{float: right; display: inline;  margin-top: 75px; font-family: arial,sans-serif; color: white; font-size: 15px;}

#auth_name a{color:white; text-decoration: none}

#auth_name a:hover{text-decoration: underline;}

.backend_tabs{ font-family: Arial, Sans-Serif; text-decoration: none; color:#000; font-size: 14px;}
.backend_tabs:hover{ text-decoration: underline;}
/************BACKEND CSS ENDS**************/
/********************************************/