html, body { width: 100%; background-color: #ddd;}
# body { font-size: 75%;}
# html>body {font-size: 12px;}
# p {line-height 1.5em;}

#menu {  background-color: #fff; width: 800px; margin: 10px auto; }
#header { width: 100%; text-align: center; }

#links {width: 100%; text-align: center; margin: 10px 0 20px 0; }
#links a { margin: 0 10px; display: inline; width: 100px;  font-family: "Dotum", sans-serif; font-size: .8em;}
#links a:link {text-decoration: none; color: #008}
#links a:visited {text-decoration: none; color: #888}
#links a:hover {text-decoration: none; color: grey;}
#links a:active {text-decoration: none; color: #888}

.sectionhdr { border: none 1px #00f; width: 300px; margin:  20px auto; text-align: center; }
.container { border: none 1px #00f; width: 100%;  }
.container img { display: block; margin: 0 auto; }
.containerleft {float: left; margin-left: 20px;  border: none 1px #0f0;  width:45%; }
.containerright {  float: right; margin-right: 20px; border: none 1px #f00; width:45%; }
.clear { clear: both; }

.item { margin: 20px; }
.item .itemname { font-family: "Dotum", sans-serif; font-size: 1.0em; color: #800; font-style: normal; font-weight: bold }
.item .bread { font-family: "Dotum", sans-serif; font-size: .8em; color: #000; font-style: normal }
.item .desc { margin: 10px 0 0 5px; font-family: "Dotum", sans-serif; font-size: .8em; color: #000; font-style: normal }

/*
In order that typographic integrity is maintained when text is resized by
the user we must use ems for all our vertical measurements, including line-height,
padding and margins.
*/
p { font-size:1em; margin-top: 1.5em; margin-bottom: 1.5em; }

/*
the main heading is given a text size of 18px, therefore the line-height has been
set to 1em, as has the margin:
*/
# h1 {font-size:1.5em; line-height: 1em; margin-top: 0; margin-bottom: 1em;}
/*
Subheadings in the example page are set to 14px. In order that the height of
each line is 18px, the line-height should be set to 18 ÷ 14 = 1.286. Similarly
the margins above and below the heading must be adjusted to fit. The temptation
is to set heading margins to a simple 1em, but in order to maintain the rhythm,
the top and bottom margins should be set at 1.286em so that the spacing is equal
to the full 18px unit.
*/
h2 { font-size:1.1667em; line-height: 1.286em; margin-top: 1.929em; margin-bottom: 0.643em;}