body {
  background-color: #403C37;
  font-family: "GullimChe","Lucida Grande","Helvetica","Arial",sans-serif;
  margin: 0;
  padding: 0;
}

a { text-decoration: none; color: #990022; }
a:hover { text-decoration: underline; }
img { border:0; }

#header-wrapper, #nav-wrapper, #top-wrapper, #main-wrapper, #footer-wrapper {
  clear: both;
  width: 100%;
}

#header-wrapper {
  background-color: #403524;
  height: 80px;
}

#nav-wrapper {
  background-color: #FFD48E;
  height: 32px;
}

#top-wrapper {
  background-color: #FFD48E;
}

#main-wrapper {
  background-color: #FFF1DA;
  min-height:475px;
  height:auto !important;
  height:475px;
}

#footer-wrapper {
  height: 65px;
}

#header, #nav, #top, #main, #footer {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 900px;
}

#header {
}

#nav {
}

#top {
  font-size:12px;
  color: #403524;
}

#main {
  font-size:11px;
  color: #403524;
  padding-top:1px;
}

#footer {
  font-size:10px;
  color: #80786D;
  height: 100%;
}

#footer a {
  color: #A0A0A0;
  text-decoration: none;
}

#footer a:hover {
  color: #C0C0C0;
  text-decoration: underline;
}

#logo {
  float: left;
  width:425px;
  font-size: 14px;
  color: #FFD48E;
  padding-top:12px;
}

#logo a {
  color: white;
  font-family: "Lucida Grande","Helvetica","Arial",sans-serif;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  padding:0; margin:0;
}

#logo p {
  color: white;
  font-size: 11px;
  padding:0; margin:5px;
}

#login-status {
  text-align:right;
  float:right;
  width:475px;
  font-size: 12px;
  color: #FFF1DA;
  height: 22px;
  margin-top: 8px;
}

#login-status a {
  color: #FFF1DA;
}

#login-status a:hover {
  color: white;
}

.top-nav {
  height: 50px;
  line-height:46px;
  float: right;
  padding:0 15px 0 15px;
}

#top-nav-active {
  background-image: url(/img/v2/header-pointer.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
}

#top-nav-active a {
  color: white;
}

.top-nav a {
  color: #FFD48E;
  font-size: 13px;
  text-decoration: none;
}

.top-nav a:hover {
  color: white;
}

.mid-nav {
  height: 32px;
  line-height:28px;
  float: left;
  padding:0 10px 0 10px;
}

#mid-nav-active {
  background-image: url(/img/v2/top-pointer.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
}

#mid-nav-active a {
  color: #990022;
}

.mid-nav a {
  color: #403524;
  font-size: 11px;
  text-decoration: none;
}

.mid-nav a:hover {
  color: #990022;
}

#main a {
  color: #403524;
}

#main a:hover {
  text-decoration:underline;
}

#introduction {
  width:820px;
  margin:10px auto 10px auto;
}

#board-articles {
  width:900px;
  margin:40px auto 0 auto;
}

#example {
  width:820px;
  margin:10px auto 10px auto;
}

#explain {
  width:820px;
  margin:10px auto 10px auto;
}

table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; padding:0; margin:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

h1 a { color:black; text-decoration:none; }
h1 a:hover { text-decoration:none; }
a { color:#0F92C4; }
a:hover { text-decoration:underline; }
h2 { font:bold 24px Gulim,"Trebuchet MS",Helvetica,Arial; color:#990022; }
h3 { font:bold 18px Gulim,"Trebuchet MS",Helvetica,Arial; color:#990022; }
h4 { font:bold 14px Gulim,"Trebuchet MS",Helvetica,Arial; color:#990022; padding:0.5em 0em 0.5em 0em; }
strong { font-weight:bold; }
div.hrule { border-bottom:1px solid #e4e4e4; margin-top:0.5em; margin-bottom:0.5em; }
div.spacer-25 { height:25px; }
div.spacer-50 { height:50px; }

.aux { font-size:11px; margin:1em 0em; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.text { padding:0.25em; border:1px solid #ccc; border-top:1px solid #999; color:#444; margin:0.5em 0em; }
.small { font-size:11px; }

label { font:bold 12px Gulim,"Trebuchet MS",Helvetica,Arial; display:block; margin-bottom:-0.5em; margin-top:0.5em; }
input.button{font-size:16px;padding:0em 0.5em;margin:0.5em 0em}
input.empty{color:#aaa}
p.form-advice{font-size:11px;color:#999;line-height:1.5em;margin-bottom:0.5em}
input.checkbox{margin:0em 0em}
.row-form{padding:0.5em 0em}
.row-form label{margin-top:1em;margin-bottom:1em;text-align:right;margin-right:1em;display:block}
label.checkbox{text-align:left;display:inline;margin-left:0.5em}
div.checkbox{margin:1em 0em}

div#content-wrapper { width:840px; margin:auto; }

div#wrap{margin-left:12px;}

#main-content { margin-top:27px; }
form#login-form input.text { width:250px; }

form .text { width:250px; }

div.columns { padding:1px; overflow:auto; }
div.column-1 { width:530px; float:left; }
div.column-2 { float:left; width:275px; margin:1em; }

div.validation-message { background:#ffd1d1; font-size:11px; margin-top:1em; position:relative; padding:9px; }
div.validation-message div.corners { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAElBMVEX/0dH/////5eX/2tr/+fn/4uKEWG5mAAAAR0lEQVR4Xo2O0QmAUAzEAtUB4gYPHKAjiBO4/zR+WLhf+xUKdxf0bupUPABYYgNQ8r1gcQ1tPEM7PVT8vCTSkuasxSBWMX0BzakFDbRwFoQAAAAASUVORK5CYII=);}
div.validation-message p { font:bold 11px Gulim,Tahoma !important;  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 0px 0px; padding:2px 0 2px 20px; margin:0px; }
div.validation-message p a { color:#a44; }
div.validation-message p span { color:#666;display:block;margin-top:0.5em; font-weight:normal;line-height:1.5em; }
p.validation-error { font:bold 11px Gulim,Tahoma; color:#b00; line-height:1.5em; padding:3px 0 0 16px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAMAAADnP957AAAAaVBMVEX////QLiDILB/QLiDILB/BKh65KRzQLiCxJxupJRrQLiChIxmZIheZIheZIheSIBaSIBaSIBaSIBb////ILB+5KRyxJxuZIhepJRrtwLzvwLzhvbqSIBahIxnBKh7QLiDqv7vjvbrov7uijKLkAAAAE3RSTlMA37+/749QQO9vEK/vzw8/378Pe/KJRAAAAFJJREFUeF6dxzUSxDAUBNExM36BGfb+h/RIiSMn+4KuanzLgtOLSk6slJKFCTkHyeyaAJrk0k4KQ/IzTo7pVWAnuV0roLbWyso0LdD1mzeM+MsDq4cIlql9XGUAAAAASUVORK5CYII=) no-repeat 0px 3px; margin:0 0 8px 0; }
p.validation-error span.secondary { font-weight:normal; color:#666; }

div.ul { height:9px;width:9px;background-position:0px 0px;background-repeat:no-repeat; position:absolute;top:0px;left:0px;}
div.ur { height:9px;width:9px;background-position:-9px 0px;background-repeat:no-repeat; position:absolute;top:0px;right:0px;}
div.lr { height:9px;width:9px;background-position:-9px -9px;background-repeat:no-repeat; position:absolute;bottom:0px;right:0px;}
div.ll { height:9px;width:9px;background-position:0px -9px;background-repeat:no-repeat; position:absolute;bottom:0px;left:0px;}

table.datatable tbody td { padding:0.5em 0em; border-bottom:1px solid #eee; }
table.datatable thead th { font:bold 11px Gulim,"Trebuchet MS",Helvetica,Arial; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAADAgMAAAA1j22fAAAACVBMVEWfn5/v7+/19fWt9s7AAAAAHElEQVR4Xh3AAQ0AAAzCMKTdxPxcz1SS0AxwUb8QAQO+HCcppQAAAABJRU5ErkJggg==) repeat-x bottom left; padding-bottom:4px; }
table.datatable { margin:1em 0em; border-bottom:2px solid #999; }
table.datatable tr td { background:white; }
table.datatable tr.alternate td { background:#F0F0F0; }

table.order { width:650px; margin:20px 0 0 30px; }
table.order tbody td { height:30px; font-size:14px; font-family:Gulim,"Trebuchet MS",Helvetica,Arial; }
table.order tbody td:first-child { text-align:right; padding-right:5px; font-weight:bold; }

p.table-legend { font-size:11px; margin:0em; margin-top:-0.75em; color:#999; }
img.legend-image { vertical-align:middle; margin-top:-2px; }

table#projects-table col.table-col-1 { width:2em; }
table#projects-table col.table-col-2 { width:225px; }
table#projects-table col.table-col-3 { width:180px; }
table#projects-table col.table-col-4 { width:325px; }

table#orders-table col.table-col-1 { width:2em; }
table#orders-table col.table-col-2 { width:150px; }
table#orders-table col.table-col-3 { width:175px; }
table#orders-table col.table-col-4 { width:150px; }

table.order col.table-col-1 { width:200px; }