@import url(stylesheet_content.css);
@import url(stylesheet_content_elements.css);

TD#footer  { border-top: 1px dotted #999999 }
TD#footer P {
	font-size: 10px;
	text-align: center;
}

/* Content column */
TD#content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	vertical-align: top; 
	width: 380px;
}

/* Main_header background image*/
TD#main_header   { background: url(../images/template-header_study.jpg) no-repeat center top }


TD#nav_engl  {
      width: 60px; }

TD#nav_mandarin {
      width: 60px; }

TD#nav_cantonese {
      width: 60px; }

TD#nav_pdf  {
      width: 25px; }

TD#nav_print {
      width: 69px; }    


h4         	{background: #044b45;}
p.indent 	{border-left:4px #044b45 solid;}
.boxed 		{background:transparent; border:1px #044b45 solid;}

.projectbox {background: url(''); border:2px solid #044b45; }
.tborder	{background: url(''); border:2px solid #044b45; }
.tcat		{background: #044b45;}
.alt1Active {background: url(''); border-top:1px solid #044b45; }

/* Menu 1 column */
TD#menu_1   { font-variant: small-caps; font-size: 11pt; background-repeat: no-repeat; vertical-align: top; padding-top: 10px; width: 140px }
TD#menu_1 DIV    { display: block; width: 140px }
TD#menu_1 DIV A  { color: #ffc; text-decoration: none }
TD#menu_1 DIV A:hover  { color: white }

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no   { font-size: 11px; padding-top: 7px; padding-left: 15px; border-bottom: 1px solid teal }
TD#menu_1 DIV.menu1-level1-act   { color: white; font-weight: bold; font-size: 12px; background-color: black; padding-top: 5px; padding-bottom: 3px; padding-left: 15px; border-bottom: 1px solid #ffc; -moz-opacity: 0.3; filter: alpha(opacity='30', style='0'); opacity: 0.3 }
TD#menu_1 DIV.menu1-level1-act A  { color: #ff9 }

/*  MENU 1, level 2, normal state (NO) and ACT */
TD#menu_1 DIV.menu1-level2-no    { font-variant: normal; font-size: 10px; text-indent: -7px; margin-left: 2px; padding-bottom: 3px; padding-left: 25px; width: 110px }
TD#menu_1 DIV.menu1-level2-act   { font-variant: normal; font-weight: bold; font-size: 11px; text-indent: -7px; margin-left: 2px; padding-top: 3px; padding-bottom: 2px; padding-left: 25px; width: 110px }

/*  MENU 1, level 3, normal state (NO)  and ACT*/
TD#menu_1 DIV.menu1-level3-no     { font-variant: normal; font-size: 9px; text-indent: 0px; margin-left: 10px; padding-bottom: 2px; padding-left: 30px; width: 110px }
TD#menu_1 DIV.menu1-level3-act    { font: italic 10px; text-indent: 0px; margin-left: 10px; padding-top: 0px; padding-bottom: 2px; padding-left: 30px; width: 110px }