@media screen {

/* --- normalize all --- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, form, p, blockquote, th, td {
margin: 0; 
padding: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6, h7 {
font-size: 90%;
}
address, caption, cite, em, strong {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/* ------------ BODY --------------- */

body {
background: #fffefb;
background-image: url(/graphics/back.gif);
background-repeat: repeat-x;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #000;
margin-top: 0px;
margin-left: 0px;
}

/* ------------ STRUCTURAL TYPOGRAPHY --------------- */


p {
font-family:  verdana, arial, helvetica, sans-serif;
font-size: .9em;
line-height: 1.2em;
color: #000;
margin: 0 0 15px 0;
}
h1, h2, h3, h4, h5 {
font-size: .9em;
color: #000;
}
h1 {
font-size: 1.1em;
color: #8A9D7B;
font-weight: normal;
text-align: right;
margin-bottom: 10px;
}
h2 {
margin-bottom: 15px;
}
h3 {
text-align: right;
margin-top: -10px;
margin-bottom: 20px;
}
h4 {
margin-bottom: 0px;
text-align: left;
}
h5 {
font-size: 1.1em;
text-align: center;
}
ul {
font-family:  verdana, arial, helvetica, sans-serif;
font-size: .9em;
line-height: 1.2em;
text-align: left;
color: #000;
list-style-type: square;
margin: 0 0 15px 25px;
}
cite {
font-style: italic;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

/* ------------ STYLISTIC TYPOGRAPHY --------------- */

.bcla {
font-variant: small-caps;
}
.bpub {
font-size: .9em;
font-weight: bold;
}
.btit {
font-style: italic;
}
.callleft {
float: left;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
width: 175px;
text-align: left;
font-size: 1.1em;
font-weight: normal;
line-height: 1.2em;
color: #999;
}
.callright {
float: right;
padding-left: 2em;
padding-top: 2em;
padding-bottom: 2em;
width: 175px;
text-align: right;
font-size: .9em;
font-weight: normal;
line-height: 1.2em;
color: #999;
}
.detail {
font-size: .9em;
line-height: 1.1em;
font-weight: normal;
color: #8A9D7B;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
}
.kok {
color: #729358;
font-weight: bold;
}
.led {
padding-bottom: 15px;
}
.noled {
margin-bottom: 5px;
}
.red {
color: #990000;
}
.quoted {
font-size: .9em;
line-height: 1.1em;
color: #333;
margin-left: 25px;
}
.right {
align: right;
}
.small {
font-size: 85%;
font-weight: normal;
color: #666;
}
.sc {
font-variant: small-caps;
}
.space {
padding-top: 50px;
padding-bottom: 250px;
}
.specialbox {
background: #EAE4CA;
border: 4px;
border-style: ridge;
border-color: #8A9D7B;
padding: 10px;
}
.wrapleft {
float: left;
padding: 0px 0px 0px 0px;
}
.wrapright {
float: right;
padding: 10px 0px 0px 0px;
}

/* ------------ LINKS --------------- */

a:link {
color: #8A9D7B;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #8A9D7B;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #9BBE80;
font-weight: bold;
text-decoration: underline;
}
a:active {
color: #9BBE80;
font-weight: bold;
text-decoration: underline;
}
a.box:link {
color: #806B45;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #000;
}
a.box:visited {
color: #806B45;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #806B45;
}
a.box:hover {
color: #806B45;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #000;
}
a.box:active {
color: #806B45;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #000;
}


/* ------------ POSITIONING --------------- */

#hed {
position: absolute;
top: 0px;
left: 0px;
height: 100px;
width: 100%;
background-image: url(/graphics/back.gif);
background-repeat: repeat-x;
z-index: 3;
}
#menu {
position: absolute;
top: 100px;
left: 570px;
width: 150px;
}
#subhed {
position: absolute;
top: 100px;
left: 0px;
width: 70px;
}
#content {
position: absolute;
background-image: url(/graphics/KOK.gif);
background-repeat: no-repeat;
top: 100px;
left: 70px;
width: 490px;
min-height: 600px;
padding-top: 20px;
}

/* --- END ALL --- */

}