@charset "utf-8";
/* CSS Document */

body			{
					padding: 0px;
					margin: 0px;
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
					
				}
				
img				{
					border: 0px;
				}				

form			{
					margin: 0px;
				}

table			{
					border-collapse:collapse;
					border:	2px #d6d6d6 solid;
				}
				
td, th			{
					border:	1px #d6d6d6 solid;
				}
				
/*  A R T I C L E  */

.hd_art_mn_con 		{
					position: inherit;
					width: 400px;
					height: 135px;
					text-align: right;
				}
				
#Scroller-1 	{

					overflow: hidden;
					width: 400px;
					height: 135px;
					
				}
				
.Scroller-Container 
				{
  					position: relative;
  					top: 0px; left: 0px;
				}
				
.Scrollbar-Up, .Scrollbar-Down	{
  					position: inherit;
					cursor: pointer;
				}
				
/*  I N P U T S  */

#date_search	{
					font-size: 12px;
					color: #999999;
					padding: 5px;	
					padding-left: 20px;
					text-align: left;
				}


.pgsr			{
					font-size: 9px;
					height: 18px;
					width: 130px;
					color: #555555;
					vertical-align: middle;
				}

.input			{
					font-size: 9px;
					height: 18px;
					color: #555555;
					vertical-align: middle;
				}


.pgcat			{
					font-size: 10px;
					height: 18px;
					color:#CCCCCC;
				}

.dropdown		{
					font-size: 9px;
					height: 18px;
					color: #555555;
					vertical-align: middle;
				}

/*  H E A D E R  */
	
	/*  I N D E X  */
	
#hd_con			{
					width: 734px;
					height: 321px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 10px;
				}

#hd_bod_con		{
					width: 441px;
					height: 321px;
					font-size: 11px;
					color: #000000;
					float: left;
				}

#hd_top			{
					height: 112px;
				}

#hd_bot			{
					height: 209px;
				}

#hd_desc_list	{
					text-align: justify;
					padding-left: 40px;
					font-size: 10px;
					margin: 2px;
					margin-bottom: 10px;
				}

#hd_log_con		{
					width: 293px;
					height: 321px;
					color: #000000;
					float: left;
				}

#hd_date		{
					height: 47px;
					text-align: right;
					font-size: 12px;
					color: #999999;
					font-weight: bold;
					padding-right: 20px;
					vertical-align: middle;
				}

#hd_log			{
					height: 270px;
					text-align: center;
				}

/*  B O D Y  */

	/*  N A V I G A T I O N  */

#nav_con		{
					width: 710px;
					margin: 10px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}
				
#mn_bt_con		{
					width: 235px;
					height: 208px;
					font-size: 11px;
					text-align: center;
				}

#mn_bt_dsc		{	
					padding-top: 100px;
					width: 210px;
					text-align: justify;
					font-size: 11px;
					line-height: 110%;
					margin-left: auto;
					margin-right: auto;

				}

.tc_con			{
					background: url(../images/layout/bt_teacher_u.png) no-repeat center;
					color: #FFFFFF;
					float: left;
				}

.sd_con			{
					background: url(../images/layout/bt_student_u.png) no-repeat center;
					color: #000000;
					float: left;
				}

.pr_con			{
					background: url(../images/layout/bt_parent_u.png) no-repeat center;
					color: #FFFFFF;
					float: left;
				}

	/*  P R I M A R Y   S E C T I O N  */
	
#bd_con		{
					width: 710px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}

#bd_pr_dsc_con	{
					width: 484px;
					font-size: 14px;
					float: left;
				}

#bd_pr_img_con	{
					width: 460px;
					height: 200px;
					padding: 12px;
				}

#bd_pr_img		{
					background: url(../images/layout/bg_img_bg.png) no-repeat;
					width: 460px;
					height: 200px;
					text-align: center;
					padding-top: 8px;
				}
				
#bd_pr_dsc_text	{
					font-size: 13px;
					color: #353535;
					font-weight: bold;
					text-align: justify;
					padding: 12px;
				}
				
				
#bd_pr_log_con	{
					width: 225px;
					float: left;
					text-align: right;
					font-size: 12px;
				}				

#bd_pr_login	{
					height: 337px;
					padding-left: 10px;
				}

#login			{
					text-align: left;
				}

#bd_pr_log_img	{
					width: 156px;
					height: 156px;
					background-image: url(../images/layout/bg_img_con.png);
					background-repeat:	no-repeat;
					text-align: left;
					padding-left: 15px;
					padding-top: 5px;
				}
				
	/*  S E C O N D A R Y  M O D U L E  */

#bd_sd_left		{
					width: 490px;
					float: left;
				}

#bd_sd_right	{
					width: 218px;
					float: left;
					text-align: center;
				}

#bd_sd_rt_con	{
					width: 200px;
					margin-left: auto;
					margin-right: auto;
					font-size: 12px;
					font-weight: bold;
				}

#bd_news_art	{
					background: url(../images/layout/ic_nws.png) no-repeat;
					padding-left: 40px;
					padding-right: 10px;
					font-size: 10px;
					font-weight: bold;
					text-align: justify;
					margin-bottom: 10px;
					color: #074c6b;
				}

#bd_sd_sub_con	{
					padding: 5px;
					margin-left: auto;
					margin-right: auto;
					width: 470px;
					font-size: 12px; 
					text-align: left;
				}

#bd_sd_tbl		{
					margin-left: auto;
					margin-right: auto;
					width: 472px;
					font-size: 12px;
					text-align: center;
					color: #666666;
				}


#bd_sd_tbl_cell	{
					border-bottom: 1px #d6d6d6 solid;
					text-align: center;
					float: left;
					color: #666666;
				}

#bd_sd_tbl_cell	.hd { font-size: 12px; font-weight: bold;	}
#bd_sd_tbl_cell	.sb { font-size: 10px; 	}


#bd_sd_left	p	{
					text-align: center;
				}

#bd_sd_left_hd	{
					font-size: 12px;
					text-align: left;
					margin-bottom: 5px;
					width: 485px; 
					border-bottom: solid 1px #cccccc;
				}

#bd_sd_cat_con	{
					width: 220px;
				}

#bd_sd_cat	{
					width: 220px;
					text-align: left;
					color: #666666;
					margin: 5px;
				}


#bd_sd_sub_cat	{
					width: 220px;
					text-align: left;
					color: #666666;
					margin: 5px;
				}

	/*  O N L I N E  S H O P  */

#os_left		{
					width: 410px;
					float: left;
				}

#os_left_hd		{
					text-align: left;
					margin-bottom: 5px;
					width: 405px;
					border-bottom: solid 1px #cccccc;
				}

#os_left_con	{
					margin-left: auto;
					margin-right: auto;
					text-align: left;
					width: 390px;
					font-size: 10px;
					color: #999999;
					font-weight: bold;
				}

#os_right		{
					width: 295px;
					float: left;
					text-align: center;
				}

#os_right_hd	{
					margin-left: auto;
					margin-right: auto;
					text-align: left;
					margin-bottom: 5px;
					width: 285px;
					border-bottom: solid 1px #cccccc;
				}

#os_right_con	{
					margin-left: auto;
					margin-right: auto;
					text-align: left;
					width: 285px;
					font-size: 10px;
					color: #999999;
					font-weight: bold;
				}

.os_table		{
					border-collapse:collapse;
					border: 0px;
					width: 100%;
					font-size: 11px;
				}
				
.os_table td, tr{
					border:	0px;
				}
				
#os_table_hd	{
					font-weight: bold; 
					color: #333333;
				}
				
	/*  M E N U  */


.dm1 			{
    				font-size: 10px;
				}

.dm1 .item1,
.dm1 .item1:hover,
.dm1 .item1-active,
.dm1 .item1-active:hover 
				{
    				padding: 1px 1px 1px 1px;
    				text-decoration: none;
    				display: block;
    				position: relative;
				}
				
.dm1 .item1 	{
    				color: red;
					font-weight: bold;
				}
				
.dm1 .item1:hover,
.dm1 .item1-active,
.dm1 .item1-active:hover 
				{
    				background: #dedede;
    				color: #666666;
					font-weight: bold;
				}
				
.dm1 .item2,
.dm1 .item2:hover 
				{
    				padding: 1px 8px 1px 8px;
    				text-decoration: none;
    				display: block;
    				white-space: nowrap;
				}
				
.dm1 .item2 
				{
    				background: #c4c4c4;
    				color: red;
					font-weight: bold;
					filter: alpha(opacity=95);
					-moz-opacity: .95;
				}
				
.dm1 .item2:hover 
				{
   					background: #cccccc;
   					color: #ffffff;
					font-weight: bold;
					border-bottom: 2px solid white;
				}

.dm1 .section 	{
					width: 120px;
   					position: absolute;
   					visibility: hidden;
   					z-index: -1;
				}
				
.dm1 .bottom,
.dm1 .bottom:hover { border-style: solid solid solid solid; }

* html .dm1 td { position: relative; } /* ie 5.0 fix */

				
#bd_news_con	{
					width: 498px;
					float: left;
					padding-left: 20px;
					padding: 5px;
					text-align: right;
					font-size: 28px;
					color: #CCCCCC;
				}

#bd_news_con p	{
					text-align: left;
					font-size: 28px;
					color: #CCCCCC;
				}

#bd_news_art	{
					background: url(../images/layout/ic_nws.png) no-repeat;
					padding-left: 40px;
					font-size: 10px;
					font-weight: bold;
					text-align: justify;
					margin-bottom: 10px;
					color: #074c6b;
				}

#bd_log_con		{
					width: 200px;
					border-left: 2px solid #d6d6d6;
					float: left;
					padding: 5px;
					text-align: right;
					font-size: 10px;
					color: #085071;
				}

#bd_log_con p	{
					text-align: left;
					font-size: 28px;
					color: #CCCCCC;
				}

.input{
					text-align: left;
					font-size: 11px;
				}

/*  F O O T E R  */

#ft_con			{
					clear: both;
					margin-left: auto;
					margin-right: auto;
					width: 738px;
					font-size: 10px;
					font-weight: bold;
					color: #999999;
					border-top: 2px #d6d6d6 solid; 
				}
				
/*  R E S O U R C E S  */

#filt_con		{
					float: left;
					text-align: left;
					margin-left: 5px;
				}
				
#res_con_2		{
					width:780px;
					height: 580px;
					margin-top: 10px;
					margin-left: auto;
					margin-right: auto;
					border: 2px solid #d6d6d6;
				}

/*  S L I D E R  */

#slider 		{
					height: 180px;
					overflow: hidden;
					white-space: nowrap;
				}

#slidecontrol 	{
					color: #6b6b6b;
					font-size: 11px;
					text-align: right;
					padding-right: 10px;
				}

.still 			{
					margin: 0px;
					width: 450px;
					height: 180px;
					display:none;
				}

a.still_select 	{
					color: #acacac;
					text-decoration: none;
				}

/*  C A L E N D A R  */

.calendar 		{
					font-size: 12px;
					color: #ffffff;
					width: 210px;
					height: 175px;
					text-align: center;
				}

.calendarMonth 	{	
					height: 30px;
					padding-top: 8px;
					font-weight: bold;
					font-size: 12px;
					color: #9d9d9d;
				}

.calendarDay 	{
					height: 145px;
					width: 210px;
				}

.calendar span {
	color: #085172;
	font-weight: bold;
	text-decoration: underline;			
}

.calendarEvent {
	font-size: 12px;
	color: #384036;
	background-color: #f4f4f4;
	text-align: left;
	border-style: solid;
	border-color: #384036;
	border-width: 1px;
	border-collapse: collapse;
	padding: 2px 10px 2px 10px;
}

.calendarBorder {
	border-style: solid;
	border-color: #384036; 
	border-width: 1px;
	border-collapse: collapse;
}


/*  L I N K S  */

.img-link		{text-decoration: none;}

.norm			{font-weight: bold; text-decoration: none;}
.norm:active	{font-weight: bold; text-decoration: none;}
.norm:visited	{font-weight: bold; text-decoration: none;}
.norm:hover		{font-weight: bold; text-decoration: underline;}

.tour			{background:url(../images/layout/bt_tour_u.png) no-repeat;}
.tour:active	{background:url(../images/layout/bt_tour_u.png) no-repeat;}
.tour:visited	{background:url(../images/layout/bt_tour_u.png) no-repeat;}
.tour:hover		{background:url(../images/layout/bt_tour_d.png) no-repeat;}

.calendar a 			{color: #9d9d9d; text-decoration: none;}
.calendar a:visited 	{color: #9d9d9d; text-decoration: none;}
.calendar a:hover	 	{color: #9d9d9d; text-decoration: underline;}
