@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 {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: none;
}


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

body {
background: #fffefb;
background-image: url(/img/back.gif);
background-repeat: repeat-x;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 92%;
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.3em;
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;
}
h2.resume {
margin: 15px 0 5px 0;
color: #8A9D7B;
font-weight: bold;
}
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;
}
ul.navigate {
font-size: .9em;
list-style-image:url("/img/menu_icon.gif");
margin: 0;
}
ul.navigate li {
margin: 10px 0 10px 0;
}
ul.navigate li.apart {
margin: 20px 0 10px 0;
padding-top: 10px;
border-top: 1px solid #8A9D7B;
}
cite {
font-style: italic;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
dt {
font-size: .9em;
font-weight: bold;
font-style: italic;
margin-top: 10px;
}
dd {
font-size: .85em;
line-height: 1.4em;
margin-left: 15px;
}

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

.bcla {
font-variant: small-caps;
}
.bpub {
font-size: .9em;
font-weight: bold;
}
.btit {
font-style: italic;
}
.border {
border: 1px solid #666;
}
.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: 1em;
padding-top: 1em;
padding-bottom: 1em;
width: 150px;
text-align: right;
font-size: .9em;
font-weight: normal;
line-height: 1.2em;
color: #999;
}
.center {
text-align: center;
}
.detail {
font-size: .9em;
line-height: 1.1em;
font-weight: normal;
color: #8A9D7B;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
}
.dropcap {
float: left;
margin: 9px 0 0 0;
padding: 0 5px 5px 0;
font-size: 260%;
}
.falselink {
font-family: times, times new roman, serif;
font-size: 110%;
font-weight: bold;
color: #5a8934;
}
fieldset {
margin-bottom: 5px;
border: 1px solid #888;
background: #e4e4e4;
padding: 3px 5px 3px 7px;
}
.footer {
font-size: .8em;
color: #647656;
text-align: left;
margin-top: 30px;
border-top: 1px solid #8A9D7B;
}
.footnote {
color: #777;
font-size: 75%;
margin: 0 15px 20px 10px;
text-indent: -10px;
}
.formbox {
background-color: #fff;
padding: 1px 4px 0 4px;
border: 1px solid #666;
}
.gray {
color: #777;
}
.honorific {
font-size: 80%;
font-variant: small-caps;
color: #777;
}
.indent {
margin-left: 45px;
}
.led {
padding-bottom: 15px;
}
legend {
font-size: .9em;
color: #8A9D7B;
background: #eee;
font-weight: bold;
padding: 2px 9px 2px 5px;
margin: 5px 0 3px 4px;
border: 1px solid #aaa;
}
.noled {
margin-bottom: 5px;
}
.newsitem {
font-size: .9em;
font-weight: bold;
line-height: 1.2em;
margin-top: -1em;
color: #000;
}
.note {
font-size: 85%;
color: #666;
margin: 15px 0 0 10px;
}
.red {
color: #cb0000;
}
.quoted {
font-size: .9em;
line-height: 1.1em;
color: #333;
margin-left: 25px;
}
.right {
text-align: right;
}
.small {
font-size: 85%;
font-weight: normal;
color: #666;
}
.sc {
font-variant: small-caps;
}
.socialmenu {
margin: 55px 0 0 -22px;
}
.space {
padding-top: 50px;
padding-bottom: 250px;
}
.specialbox {
background: #EAE4CA;
border: 4px;
border-style: ridge;
border-color: #8A9D7B;
padding: 10px;
margin-bottom: 15px;
}
.topspace {
margin-top: 50px;
}
.twitterbox {
margin: 30px 0 30px 0;
}
.wrapleft {
float: left;
padding: 0px 0px 0px 0px;
}
.wrapright {
float: right;
padding: 10px 0px 0px 10px;
}
.wrapright2 {
float: right;
padding: 10px 0px 0px 20px;
text-align: right;
}

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

a:link, a:visited {
color: #333;
text-decoration: none;
}
a:hover, a:active {
color: #9BBE80;
text-decoration: none;
border-bottom: 1px dotted #536345;
}
a.text:link, a.text:visited {
color: #333;
text-decoration: none;
border-bottom: 1px dotted #999;
}
a.text:hover, a.text:active {
color: #9BBE80;
text-decoration: none;
border-bottom: 1px solid #536345;
}
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;
}
a.nav:link, a.nav:visited {
color: #333;
font-weight: bold;
text-decoration: none;
border: none;
}
a.nav:active, a.nav:hover {
color: #8A9D7B;
font-weight: bold;
text-decoration: none;
border: none;
}
a.nav2:link, a.nav2:visited {
font-size: .7em;
color: #333;
font-weight: normal;
text-decoration: none;
border-bottom: 1px  dotted #806B45;
}
a.nav2:active, a.nav2:hover {
font-size: .7em;
color: #8A9D7B;
font-weight: normal;
text-decoration: none;
border-bottom: 1px  solid #000;
}
a.news:link, a.news:visited {
color: #ad7345;
font-weight: bold;
text-decoration: none;
border: none;
}
a.news:active, a.news:hover {
color: #ad7345;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #000;
}
a.plain:active, a.plain:hover, a.plain:link, a.plain:visited {
text-decoration: none;
border: none;
}


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

#hed {
position: absolute;
top: 0px;
left: 0px;
height: 100px;
width: 100%;
background-image: url(/img/back.gif);
background-repeat: repeat-x;
z-index: 3;
}
#menu {
position:absolute;
top:100px;
left:588px;
padding: 0 0 75px 28px;
width:150px;
border-left: 4px double #c2b88b;
z-index: 5;
}
#subhed {
position: absolute;
top: 100px;
left: 0px;
width: 70px;
}
#content {
position: absolute;
background-image: url(/img/KOK.gif);
background-repeat: no-repeat;
top: 100px;
left: 70px;
width: 490px;
min-height: 600px;
padding-top: 20px;
}

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

}