/** layout styles **/
body { background-color: #868585; color: #000; margin: 0; padding: 0; width: 100%; font: 0.85em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; }

img { border: none; }

form { margin: 0; padding: 0; }

p { font-size: 85%; padding: 0 4px; }

a:link { color: #336699; text-decoration: none; font-size: 100%; }
a:visited { color: #666699; text-decoration: none; font-size: 100%;}
a:hover { color: #336699; text-decoration: underline; font-size: 100%;}

.bold { font-weight: bold; }

.clearingDiv { clear: both; font-size: 1%; }

.wrapper { width: 905px; margin: 0 auto; }

#headerContainer { width: 100%; height: 100px; border-bottom: 1px solid #F0F054; background-color: #474746; }

#header { width: 952px; height: 100px;  margin: 0 auto; background: url("images/bgr_drk_grey_grad.gif") top right #3E3E3D repeat-y; }

#header h1 { padding: 50px 0 0 ; margin: 0; float: left; }

#header a:link { color: #F0F054; text-decoration: underline; }
#header a:visited { color: #c8c882; text-decoration: underline; }
#header a:hover { color: #F0F054; text-decoration: underline; }

#login { float: right; width: 440px; }

#login h3 { font-weight: normal; color: #b0b0ad; font-size: 90%; text-align: right; margin: 0; padding: 10px 0 0 0; }

#login h3 span { color: #fff; }

#userAndpass { color: #fff; }

#userAndpass div { float: left; width: 130px; margin: 0; padding: 0; }

#loginbox { padding: 5px 0 0 0; font-size: 90%; }

#loginbox  h4 { color: #fff; border-bottom: 1px solid #fff; font-weight: normal; width: 100%; font-size: 110%; margin: 0; padding: 0 0 2px 0;  margin-bottom: 5px;}

#loginbox input { border: 1px solid #fff; background-color: #918e8e; color: #fff; font-size: 105%; width: 120px; padding-right: 5px;  }

#loginbox input.headerInput { height: 16px; }

#loginbox input.login { width: 60px; font-size: 90%; height: 20px; } 

*html #loginbox input.login{ width: 60px; height: 20px;  } 

#loginbox a.trouble { display: inline;}

.loginError { color: #ff0000; font-weight: bold; font-size: 85%; }

#midContainer { width: 100%;  border-bottom: 1px solid #3E3E3D; background-color: #CA1500; }

#mid { width: 952px; margin: 0 auto; background: url("images/bgr_red_grad.gif") top right #970e00 repeat-y; }

.yingjowlogo { border: 1px solid #000; margin: 3px 5px 3px 0; }

#logo { float: left; }

#pictureViewer { float: left; border: 1px solid #000; width: 698px; height: 191px; margin: 3px 0 3px 0; }

#contentContainer { width: 100%; }

#content { width: 952px; margin: 0 auto; background: url("images/bgr_grey_grad.gif") top right #e3e3e3 repeat-y; }

#sideContainer { width: 200px; float: left; font-size: 90%; padding-right: 5px; }

#navContainer { width: 100%; background-color: #474746; /*height: 25em; */ }

#navContainer ul { list-style: none; padding: 10px 0 10px 20px; margin: 0; }

#navContainer ul a:link { color: #fff; text-decoration: none; }
#navContainer ul a:visited { color: #fff; text-decoration: none; }
#navContainer ul a:hover { color: #fff; text-decoration: underline; }
#navContainer ul a.current { color: #999; text-decoration: none; font-weight: bold; }
#navContainer ul a.current:visited { color: #999; text-decoration: none; font-weight: bold; }

#navContainer ul a.st_area { color: #F0F054; }

#navContainer ul li { padding-bottom: 4px; }

#navContainer ul a.st_area { color: #F0F054; }

#pageContent { float: left; width: 700px; background-color: #fff; min-height: 51.1em;  max-height:none; }

*html #pageContent { height: 51.35em; }

#pageContent h2 { clear: both; width: 690px; text-transform: uppercase; background-color: #F0F054; padding: 5px; margin: 0; font-size: 110%; color: #CA1500;  border-bottom: 1px solid #3E3E3D; }

#pageContent ul, #pageContent ol { padding: 10px 5px 5px 30px; margin: 0; }

#pageContent ul li, #pageContent ol li { font-size: 90%; }


#pageContent h3 { padding: 5px; margin: 0; font-size: 90%; }

#schoolNews { background-color: #CA1500; width: 100%; height: 25em; }

#sideContainer h3 { padding: 10px 0 0 5px; margin: 0; color: #fff; font-size: 100%; }

#schoolNews ul { list-style-type: circle; padding: 10px 0 10px 20px; margin: 0; }

#schoolNews ul a:link { color: #F0F054; text-decoration: underline; }
#schoolNews ul a:visited { color: #c8c882; text-decoration: underline; }
#schoolNews ul a:hover { color: #F0F054; text-decoration: underline; }

#schoolNews ul li { color: #F0F054; padding-bottom: 4px; }


#footer { width: 952px; height: 33px;  margin: 0 auto 0 auto ; background: url("images/bgr_footer.gif") top left #868585 no-repeat;  padding-bottom: 5px; font-size: 85%; color: #fff; padding-top: 6px; text-align: center;}

#copyright { width: 952px; margin: 0 auto; font-size: 80%; color: #333; }

#copyright h3 { font-weight: normal; font-size: 100%; margin: 0; padding: 0 0 10px 0;}

#copyright a:link { color: #F0F054; text-decoration: underline; font-size: 100%; }
#copyright a:visited { color: #c8c882; text-decoration: underline; font-size: 100%; }
#copyright a:hover { color: #F0F054; text-decoration: underline; font-size: 100%; }

#copy { float: left; }

#mirand { float: right; }

#googleSidebar { padding-top: 5px; width: 200px; text-align: center;}
/** end of layout styles **/


/** mainpage styles **/

#pageContent table.skedTable th { vertical-align: top; font-size: 90%; border: 1px solid #000; padding: 2px; background-color: #CA1500; color: #fff; }
#pageContent table.skedTable td { vertical-align: top; font-size: 90%; border: 1px solid #868585; padding: 2px; }

.mpboxContainer { width: 700px; }

#pageContent .mpboxes { width: 350px; float: left; background-color: #fff; color: #000; }

#pageContent .mpboxes h3 { color: #fff; font-size: 100%; margin: 0; padding: 50px 0 55px 5px; width: 345px;}

#pageContent .mpboxes h3 a:link { color: #fff; text-decoration: none; }
#pageContent .mpboxes h3 a:visited { color: #fff; text-decoration: none; }
#pageContent .mpboxes h3 a:hover { color: #fff; text-decoration: underline; }

#pageContent .mpboxes p { padding: 5px; margin: 0; width: 340px; }

.learnmore { text-align: right; }

#mpkf { background: url("images/mainpage_eckf.jpg") top left no-repeat #fff; }

#mptcc { background: url("images/mainpage_tcc.jpg") top left no-repeat #fff; }

/** end of mainpage styles **/


/** contactinfo styles **/
table.contact td { vertical-align: top; width: 50%; }

/** end of contactinfo styles **/


/** sitemap styles **/
.sitemapdiv { float: left; width: 233px; padding: 5px 0 15px 0; }
.smContainer { clear: both; }

/** end ofsitemap styles **/

.error { color: #ff0000; }
.noerror { color: #000; }
#errorDiv { display: none; color: #ff0000; }

.imgBorder { border: 1px solid #000; padding: 2px; float: right; margin: 0 5px; }
.imgBorder2 { border: 1px solid #000; padding: 2px; margin: 0 5px; }