/** CSS Document **/
/** on 07july09 prasanta **/
body, h1, h2, p, ul {
	margin:0;
	padding:0;
	font-family:Trebuchet MS;
	font-size:12px;
	font-weight:normal;
	}
	
body {
	margin:0;
	background:#dddddd;
	}
	
#container
{
	width:1000px;
	margin: 10px auto;
	background:#ffffff;
	color: #333;
	border:4px solid #cccccc;
}

.main-container {
	padding:20px 40px;
	}

.top-bar {
	padding:5px 0 5px 0;
	background:#0D7CB3 url(../images/bg-top-hr-bar.png) left top repeat-x;
	}
	
ul{list-style-type:none;padding:0;margin:0}
ul.top-hr-bar {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
	}	
	
ul.top-hr-bar li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
	color:#ffffff;
	}	

ul.top-hr-bar li a{
	text-decoration:none;
	color:#93D6F7
	}	

ul.top-hr-bar li a:hover{
	text-decoration:none;
	color:#E1F4FD
	}
/*** result list ***/
ul.result-list {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
	}	
	
ul.result-list li {
	list-style-type:none;
	display:inline;
	padding:1px 3px;
	/*border:1px solid #cccccc*/
	}	

ul.result-list li a{
	text-decoration:none;
	color:#ff6600
	}	

ul.result-list li a:hover{
	text-decoration:none;
	color:#ffffff
	}


/*** menu bar ***/
#menu-box {
	background:#88CF10;
	margin:0 1px
	}

.menu-box-content {
	padding:8px 10px;
	}
		
ul.menu-bar {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	}	
	
ul.menu-bar li {
	list-style-type:none;
	display:inline;
	padding-right:25px;
	color:#ffffff;
	font-size:15px
	}	

ul.menu-bar li a{
	text-decoration:none;
	color:#ffffff
	}	

ul.menu-bar li a:hover{
	text-decoration:none;
	color:#EFFCDA
	}
/*** menu bar end ***/

/*** middle image ***/
#middle-img {
	margin:1px;
	}
	
/*** three pans ***/
#leftpan {
	float:left;
	width:254px;
	margin-top:5px;
	}

#middlepan {
	float:left;
	width:460px;
	}

#column-box {
	float:left;
	width:714px;
	text-align:left;
	}

.column-content {
	padding:20px;
	}
	
#rightpan {
	float:right;
	width:233px;
	}	
	
.left-content {
	background:#F0F8FB;
	padding:20px 5px 20px 15px;
	}

.middle-content {
	padding:5px 20px 20px 20px;
	}

.right-content {
	padding:5px 0 20px 0;
	}
	
/*** welcome message ***/
h2.welcome-title {
	font:normal 16px Trebuchet MS;
	color:#009900;
	line-height:1.2em
	}

p.welcome-promo {
	padding:20px 0 10px 0;
	font:normal 12px Trebuchet MS;
	font-style:italic;
	}		
		
#welcome-box {
	background:#ECFADA;
	}
		
.welcome-content {
	padding:25px;
	background:#ECFADA;
	}	
	
/*** news section ***/
h2.news-title {
	font:bold 13px Trebuchet MS;
	color:#333333;
	background:url(../images/icon-news.png) left center no-repeat;
	padding-left:20px;
	}
	
.news-list-box {
	background:#F1FAFA;
	pading:15px;
	}

.news-content {
	padding-top:10px;
	}

ul.news-list {
	list-style-type:circle;
	padding:15px 15px 15px 25px;
	}
	
ul.news-list li {
	list-style-type:circle;
	padding:3px 0;
	font-size:11px;
	color:#297E7E
	}
	
/** download list **/
ul.download-list {
	list-style-type:circle;
	padding:15px 15px 15px 25px;
	}
	
ul.download-list li {
	list-style-type:circle;
	padding:3px 0;
	font-size:13px;
	color:#297E7E
	}

			
/*** photo list ***/
ul.photo-list {
	list-style-type:none;
	display:inline;
	height:80px;
	}

ul.photo-list li{
	display:inline;
	float:left;
	padding-right:5px;
	}

h2.photo-title{
	padding:0 0 2px 0;
	font-weight:bold;
	color:#006699
	}

p.photo-details {
	line-height:1.2em;
	font-size:11px;
	}	

.next-photo {		
	padding-top:25px;
	}	
	
/*** right menu ***/
h2.right-menu-title {
	font:bold 13px Trebuchet MS;
	color:#064564;
	padding-bottom:10px;
	}
	
#right-menu-box {
	background:url(../images/bg-right-menu.png) top center no-repeat;
	}	
	
.right-menu-content {	
	padding:10px 20px 20px 20px;
	background:url(../images/bg-right-menu-bottom.png) left bottom repeat-x;
	}
	
ul.right-menu-item {
	list-style-type:none;
	}
		
ul.right-menu-item li{
	list-style-type:none;
	padding:4px 0;
	font-size:13px;
	background:url(../images/bg-right-list.png) left bottom repeat-x;
	}
	
ul.right-menu-item li a {
	text-decoration:none;
	color:#2D83AC;
	}
	
ul.right-menu-item li a:hover {
	text-decoration:none;
	color:#333333;
	}	
				
/*** home page content ***/
p.welcome-content {
	padding-top:10px;
	font-size:16px;
	}

p.column-para {
	font-size:14px;
	line-height:1.3em;
	padding-top:10px;
	}
		
/*** welcome image ***/
img.welcome-img {
	padding-left:25px;
	}	
	
/*** header ***/
h2.our-vision, h2.about-us {
	font-size:20px;
	color:#FF6600
	}	

h2.unit-gift-timeframe, h2.our-system {
	font-size:14px;
	color:#FF6600;
	font-weight:bold;
	}	
	
/*** vission point ***/
ul.vision-list {
	list-style-type:none;
	/*margin-top:10px;*/
	}

ul.vision-list li {
	list-style-type:none;
	padding-left:25px;
	background:url(../images/bullet-star.png) left 20% no-repeat;
	font-size:11px;
	}	
	
/*** columns ***/
#column-1 {
	margin-top:10px;
	width:49%;
	float:left;
	border:0px dotted #666666;
	}

#column-2 {
	margin-top:0px;
	width:49%;
	float:right;
	border:0px dotted #666666;
	}
	
#column-3 {
	margin-top:5px;
	width:49%;
	float:left;
	border:1px dotted #666666;
	}

#column-4 {
	margin-top:5px;
	width:49%;
	float:right;
	border:1px dotted #666666;
	}
.column-content {
	padding:15px;
	}
	
/*** sub pages content para ***/
h2.page-sub-title {
	font:normal 17px trebuchet MS;
	color:#1C526C;
	background:url(../images/tag-blue.png) left center no-repeat;
	padding-left:20px;
	}
	
h2.para-first-title {
	margin-top:25px;
	font:bold 13px trebuchet MS;
	color:#333333;
	}
	
p.para-first {
	font:normal 13px Trebuchet MS;
	line-height:1.3em;
	margin-top:25px;
	}	
	
p.para-rest {
	font:normal 13px Trebuchet MS;
	line-height:1.3em;
	margin-top:15px;
	}	

/*** search table ***/
table.query-data {
	font:normal 15px Trebuchet MS;
	border-collapse:collapse;
	}
	
.input-data {
	border:1px solid #E88B00;
	background:#FFF8F2;
	font:normal 16px Trebuchet MS;
	padding:3px
	}
	
.submit-button {
	border:none;
	color:#ffffff;
	background:#990000;
	padding:2px 3px;
	font-size:11px;
	}

select.dob {
	font:normal 11px Trebuchet MS;
	color:#006699;
	}

/*** style of administration photo ***/
img.img-adms {
	border:solid 2px #ffffff;
	padding:1px;
	}	

img.img-frame {
	border:solid 2px #cccccc;
	padding:4px;
	}	
						
/*** footer ***/
#footer {
	clear: both;
	margin:0;
	background:#9A9A9A
	}
	
.footer-content {
	padding:20px 40px;
	line-height:1.2em;
	color:#ffffff;
	font-size:11px;
	}
	
a.link {
	text-decoration:none;
	color:#ffffff;
	}
	
a.link:hover {
	text-decoration:underline;
	color:#0A3B76;
	}
/*** result table ***/
table.result-data {
	font:normal 13px Trebuchet MS;
	border-collapse:collapse;
	border:1px solid #ffffff;
	padding:4px
	}
	
tr.row-header-result {
	font:bold 12px Trebuchet MS;
	background:#6699CC;
	color:#ffffff;
	}
	
td.dt-center {
	text-align:center;
	}	
	
td.data-row {
	background:#f8f8f8;
	}
	
a.more {
	color:#999999;
	font:normal 10px Trebuchet MS
	}	
	
/*** staff table ***/
tr.row-header-staff {
	background:#6699CC;
	color:#ffffff;
	}
	
span.staff-name {
	font-weight:bold;
	color:#003366
	}	
	
span.student-name {
	font-weight:bold;
	color:#003366
	}	
	
/*** page link navigator ***/
.link-navigator-content {
	padding-top:5px;
	}
	
a.link-navigator {
	text-decoration:none;
	color:#999999;
	}
	
a.link-navigator:hover {
	text-decoration:none;
	color:#333333;
	}	
	
span.current-page {
	color:#F23D00;
	padding-left:17px;
	background:url(../images/left-arrow.png) 5% center no-repeat;
	}
		
a.news-link {
	color:#FF6600;
	tex-decorattion:underline
	}	
	
a.news-link:hover {
	color:#005680;
	tex-decorattion:none
	}		
	
ul.download-content {
	margin-left:40px;
	margin-top:20px;
	list-style-type:circle;
	}	
	
ul.download-content li {
	list-style-type:circle;
	font-size:12px;
	padding:2px 0;
	}		
	
ul.download-content li a {
	color:#0099FF;
	text-decoration:underline;
	}	
	
ul.download-content li a:hover {
	color:#003366;
	text-decoration:underline;
	}		
	
span.updated {
	font:normal 9px arial;
	background:#CC3300;
	color:#ffffff;
	padding:0 4px;
	}	
	
a.result-lnk {
	text-decoration:none;
	color:#005995;
	}	

a.result-lnk:hover {	
	color:#0091F0;
	text-decoration:underline;
	}
	
a.news-more {
	color:#003871;
	font:normal 11px Trebuchet MS;
	padding:1px 5px;
}	

a.more-result {
	background:#0066CC;
	color:#ffffff;
	font:normal 11px "Trebuchet MS";
	padding:0 2px;
	text-decoration:none;
	}

h1.main-header {
	font:normal 22px "Trebuchet MS";
	color:#003366;
	}

h1.result-header {
	font:normal 17px "Trebuchet MS";
	color:#ff3300;
	}
			
h2.header-title {
	font:bold 14px "Trebuchet MS";
	}