/* body */
body { background-color: #D2D2D2; margin: 0; font-family: arial; text-align: center;}

/* Strcture table */
table { border: 0; margin: 0 auto 0 auto; border-collapse: collapse; font-size: 16px;}
table tr td { padding: 0; color: #222244;}
table tr td.heading { font-weight: bold; font-size: 19px; color: #000066;}
table tr.space { height: 10px;}

/* header table */
table.header { width: 800px; height: 100px; background-image: url(../header/header.jpg);}
table.header tr.name td { height: 40px; text-align: right; vertical-align: middle; color: #FFFFFF; font-size: 30px; font-family: ΌΠ·’Ει;}
table.header tr.url td { height: 20px; text-align: right; vertical-align: top; color: #FFFFFF; font-size: 12px; font-family: Malgun Gothic;}
table.header tr.verse td { height: 40px; text-align: right; vertical-align: bottom; color: #FFFFFF; font-size: 14px; font-family: ΌΠ·’Ει;}

/* head button table */
table.button { width: 800px; height: 27px;}
table.button tr td { width: 80px; text-align: center; vertical-align: middle;}
table.button tr td.bg1 { background-image: url(../header/headerbar1.bmp);}
table.button tr td.bg2 { background-image: url(../header/headerbar2.bmp);}

/* homepage table */
table.homepage { width: 800px; background-color: #EDEDED;}
table.homepage tr td { text-align: left;}
table.homepage tr td.title { width: 80px;}
table.homepage tr td.content { width: 720px;}

/* content table*/
table.content { width: 800px;}
table.content thead tr td { background-color: #800080; color: #FFFFFF; text-align: center;}
table.content tfoot tr td { background-color: #800080; color: #FFFFFF; text-align: center;}
table.content tbody tr.class1 { background-color: #EDEDED;}
table.content tbody tr.class2 { background-color: #DFDFDF;}
table.content table.inside { width: 800px; text-align: left;}
table.content table.inside tr td.title { width: 100px;}
table.content table.inside tr td.content { width: 700px;}
table.content table.inside tr td.photo { width: 200px;}
table.content table.inside tr td.phototitle { width: 600px; vertical-align: top;}
table.content thead tr td.coursei { width: 200px;}
table.content thead tr td.coursec { width: 600px;}

/* ending table */
table.ending { width: 800px; background-color: #EDEDED; border-top: 1px solid #777777;}
table.ending tr td { font-size: 12px;}
table.ending tr td.endleft { width: 300px; text-align: left; padding-left: 20px; vertical-align: bottom; font-size: 10px;}
table.ending tr td.endmid { width: 200px; text-align: center; vertical-align: bottom; color: #777777; font-size: 10px;}
table.ending tr td.endright { width: 300px; text-align: right; padding-right: 20px; vertical-align: middle;}

/* link style */
a:link { color: #0000FF; text-decoration: none;}
a:visited { color: #0000FF; text-decoration: none;}
a:hover { color: #FF00FF; text-decoration: none;}

/* align setting */
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}

/* image */
img { border: 0px;}

/* font emphasize*/
.emp1 { font-weight: bold; color: #220044;}
.emp2 { font-weight: bold; color: #660066;}
.emp3 { text-decoration: underline; }