﻿/***** Division *****/
#content div.title { background-image: url('../Images/title.jpg'); background-repeat: no-repeat; color: White; font-size: 12pt; font-weight: bold; height: 35px; line-height: 16pt; margin: 0; padding: 5px 2px; text-indent: 45px; }
#content div.sub_title { background-image: url('../Images/sub_title.png'); color: White; font-size: 12pt; font-weight: bold; margin: 2px 2px 10px 2px; padding: 2px 2px 2px 5px; }
#content div.heading { color: #336699; font-size: 12pt; margin-bottom: 5px; text-decoration: underline; }
#content div.sub_heading { color: #454545; font-size: 12pt; margin: 5px 0px; }

#content div.info_block { color: #454545; vertical-align: top; width: 100%; }
#content div.info_block .top { background-image: url('../Images/bg_block_top.jpg'); height: 15px; margin: 0px; padding: 0px; width: inherit ; }
#content div.info_block .body { background-image: url('../Images/bg_block_body.jpg'); background-repeat: repeat-y; margin: 0px; padding: 2px; width: inherit; }
#content div.info_block .bottom { background-image: url('../Images/bg_block_bottom.jpg'); background-repeat: no-repeat; height: 20px; margin: 0px; padding: 0px; width: inherit; }
#content div.info_block_left { border-right: solid 1px Silver; float: left; padding: 5px; width: 50%; }
#content div.info_block_right { float: left; padding: 5px 5px 5px 5px; width: 50%; }

/***** Paragraph *****/
#content p { color: #454545; font-size: 10pt; line-height: 12pt; margin: 3px; padding: 2px 2px 2px 10px; text-align: justify; width: 525px; }
#content table p { color: #454545; margin: 3px; padding: 2px 2px 2px 10px; width: auto; }
#content p.footer { color: #336699; font-weight: bold; }

/***** List *****/
#content ul { padding: 0px 0px 2px 0px; width: 550px; }
#content li { color: #454545; font-size: 10pt; line-height: 12pt; margin-left: 20px; text-indent: -10px; }
#content li.marker:before { content: " - "; }

/***** Table *****/
#content td.title { background-image: url('../Images/title.png'); margin-bottom: 5px; }
#grid td { background-color: #D6EBFF; }
#grid a { color: #336699; font-size: 11pt; font-weight: bold; text-decoration: none; }

/***** Other *****/
#content tr { vertical-align: top; }
#content .inline { display: inline; margin-right: 5px; }
#content .list { margin-top: 10px; }
#content span { color: #336699; font-size: 11pt; font-weight: bold; }

/***** Category *****/
#content .mth_3-12 { color: #00CCFF; font-weight: bold; }
#content .mth_13-18 { color: #FF3399; font-weight: bold; }
#content .mth_19-36 { color: #FFCC00; font-weight: bold; }
#content .yr_3-6 { color: #FF0066; font-weight: bold; }
#content .yr_6up { color: #33CC33; font-weight: bold; }
#content .child { color: #FF9933; font-weight: bold; }
#content .others { color: #4DB8B8; font-weight: bold; }
#content .seminar { color: #4DB8B8; font-weight: bold; }
#content .course { font-size: 9pt; line-height: 20px; }
