body, html {
padding: 0;
margin: 0;
}

body, div, table, p, tr, td {
font-size: 12px;
font-family: arial;
color: #626262;
text-align: justify;
line-height: 18px; 
}

#headnav {
margin: auto;
background-repeat: no-repeat;
height: 86px;
width: 800px;
}

#header {
padding: 0;
margin: 0;
border: 0;
background: url('images/luckey_main.jpg') center;
background-repeat: no-repeat;
height: 189px;
}

#content-box {
margin: auto;
margin-top: 10px;
text-align: left;
padding-bottom: 15px;
width: 800px;
}

#sidebar {
padding-left: 15px;
font-size: 11px;
padding-bottom: 15px;
width: 150px;
float: right;
text-align: justify;
border-left: 1px solid #dddddd;
} 

#sidebar a:link, a:visited, a:active{
color: #000000;
text-decoration: none;
font-weight: normal;
}

#sidebar a:hover{
color: #3b9c62;
cursor: help;
text-decoration: none;
font-weight: normal;
}

#content {
width: 620px;
padding-bottom: 10px;
padding-right: 5px;
float: left;
text-align: justify;
}

#footer {
clear: both;
text-align: center;
background: url(DoC_webmainbottombg_v5.jpg);
background-repeat: repeat-x;
line-height: 20px;
height: 37px;
color: #000000;
font-family: arial;
font-size: 10px;
text-transform: uppercase;
margin: 0px;
}

#footer a:link, a:visited, a:active{
font-family: arial;
color: #82b01e;
text-decoration: none;
text-transform: uppercase;
}

#footer a:hover{
color: #FFFFFF;
font-family: arial;
cursor: help;
text-decoration: none;
text-transform: uppercase;
}

.clear {
clear: both; 
}

b, strong {
color: #648258;
}

u {
font-family: dotum;
color: #54b87c;
}

i, em {
color: #d88328;
}

a:link, a:visited, a:active {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #c98d1a;
cursor: help;
text-decoration: none;
font-weight: bold;
text-transform: none;
}

h1 {
font-family: dotum, arial;
margin-top: 0;
color: #000000;
font-size: 15pt;
border-bottom: 5px solid #ebebeb;
text-align: left;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 0px;
}

h1:first-letter {
font-family: dotum, arial;
color: #e48a3e;
text-decoration: none;
text-align: left;
text-transform: uppercase;
margin-bottom: 0px;
}

h2 {
font-family: dotum, arial;
margin-top: 0;
color: #000000;
font-size: 12px;
border-bottom: 3px solid #d9d9d9;
text-align: left;
text-transform: uppercase;
line-height: 20px;
margin-bottom: 0px;
font-weight: bold;
}

h3 {
font-family: arial;
color: #e17731;
font-size: 17px;
border-bottom: 1px solid #e7e7e7;
text-align: left;
line-height: 20px;
padding-left: 20px;
margin-bottom: 0px;
font-weight: normal;
}

a.sidenav, a.sidenav:link, a.sidenav:active, a.sidenav:visited {
color: #6e6e6e !important;
font-size: 7.5pt;
width: 142px;
text-align: left;
font-family: arial;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 8px;
display: block;
margin-bottom: 1px;
text-decoration:none;
line-height: 16px;
text-transform: uppercase;
border-bottom: 1px solid #dadada;
}

a.sidenav:hover {
color: #e6984e !important;
font-size: 7.5pt;
width: 142px;
text-align: left;
font-family: arial;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 8px;
display: block;
margin-bottom: 1px;
text-decoration:none;
line-height: 16px;
text-transform: uppercase;
border-bottom: 1px solid #dadada;
}

a:active, a:focus {
outline: 0
}

img.pic {
border: 1px solid #bbbbbb;
margin: 3px;
padding: 3px;
}

img.pic:hover {
border: 1px solid #76956d;
margin: 3px;
padding: 3px;
}

.posthidden {
display:none
}

.postshown {
display:inline
}

input {
width: 150px;
font-family: dotum;
font-size: 11px;
color: #189f46;
text-transform: none;
border:1px solid #CACACA;
margin-top: 2px;
background-color: #F9F9F9;
}

textarea {
width: 470px;
font-family: dotum;
font-size: 11px;
color: #189f46;
padding: 1px;
margin: 2px;
border: 1px solid #CACACA;
background-color: #F9F9F9;
}

blockquote {
color: #515151;
background-color: #f8f8f8; 
border-left: 6px solid #A2CF99;
border-bottom: 1px dotted #A4A4A4;
line-height: 18px;
font-family: sans-serif;
padding: 5px;
}