/* Styled by Andy Eulau: www.andyeulau.com */
* {padding:0; margin:0;}
body { text-align: center; background-color:#c0c0f0; color:#000; }
#wrp { width:770px; margin:0 auto; background-color:#e0e0f0; color:#000; }
h2, h3, h4, h5, h6, p, ul, dl, address, form {font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 {font-size: 2em; font-weight:400;}
h2 span {display:block;font-size:.6em;}
h3 {font-size: 1.3em; font-weight:400; margin-top:.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
p {font-size: 1em;}
ul, dl {font-size: .94em; line-height: 1.88;}/**/
#hdr { }
#hdr h1 { font: 400 4em Verdana, Arial, Helvetica, sans-serif; padding: .5em 0 .2em; }
#hdr h1 a { color:#000;background-color:#e0e0f0;text-decoration:none;}
#hdr h1 a:hover {color:#99c;background-color:#e0e0f0; text-decoration:none;}
#hdr h1 span { display:none; }
/*********li, dt, dd********* Main *********/
#mn { clear:both; padding-top:32px; }
div.jpg300 { width:50%;float:left;margin:2em auto; }
div.jpg300 + div.jpg300 { margin-top:0; }
div.wide { width:100%;float:none; }
p.plaque {font: .8em/1.5 Arial, Helvetica, sans-serif; }
p.plaque span.title { font-style:oblique; }
span.srs, span.wrk { font-style:oblique;font-size:1em; }
div.space { width: 100%; clear: both; font-size: 1px; line-height: 1px; visibility: hidden;}
#mn:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
/*************************************/
/******** links and images ***********/
/*************************************/
#navigation { background-color:#ffc; }
ul#navbar { width:100%;clear:both;margin: 1em 0; }
ul#navbar li, #subnav li, #subnav li h2 {display:inline;}
ul#navbar li a { padding: 0 2em; font: 700 1em/2 Verdana, Arial, Helvetica, sans-serif; }
#subnav {text-align:center;}
#subnav li {margin:0 2em;}
ul.views li {display:inline;text-align:center;}
ul.views li a {padding: 0 1em;}
/**/
a {}
img {border:4px double #99c;margin:.5em;}
#map a, #ftr address a {cursor: help;}
/********** Footer *********/
#ftr {width:100%;clear:both;padding:32px 0 4px 0;}
#ftr p, #ftr address { font: .76em/1 Arial, Helvetica, sans-serif; }
p#map { width:15%;float:left; text-align: left; padding-left: 6px;}
p#cpy { width: 60%; margin: 0 auto;}
p#ae { display: none; font-size: .7em;letter-spacing: 0px; }
#ftr address {width:15%; float: right; text-align: right; font-style: normal; padding-right: 6px;}
/****************************************************************************************************/
/*******************************                                     ********************************/
/*******************************                CATALOG              ********************************/
/*******************************                                     ********************************/
/****************************************************************************************************/
#cat #mn h2 { clear:both; padding: 1em 0 0em; }
#cat #mn h2 a { color:#000;background-color:#e0e0f0; text-decoration:none; }
#cat #mn h2 a:hover {color:#99c;background-color:#e0e0f0; text-decoration:none;}
.one, .two, .thee, .four, .five { clear:both; padding-top: 24px; font-size: 12px; }
.one div { float: left; width: 100%; }
.two div { float: left; width: 50%; }
.thee div { float: left; width: 33%; }
.four div { float: left; width: 24.9%; }
.five div { float: left; width: 19.9%; }
.trptk div { float: left; width: 80px; }
.one a, .two a, .thee a, .four a, .five a, .trptk a { color:#000;background-color:#e0e0f0; text-decoration: none; }
/****************************************************************************************************/
/*******************************                                     ********************************/
/*******************************         CV                          ********************************/
/*******************************                                     ********************************/
/****************************************************************************************************/
#cv #mn { text-align:left; padding: 0 1em; }
#cv #mn h3 { font-size: 1.1em;}
dt { margin-left: 1em; }
dd { margin-left: 6em; }
div.quote p {width: 60%; margin: 0 auto; font-size: .9em; text-align: justify; padding: 1em 0 0;}
div.quote p span { display: block; text-align: right; font-style: oblique;}
/****************************************************************************************************/
/*******************************                                     ********************************/
/*******************************         TWO COLUMNS                 ********************************/
/*******************************                                     ********************************/
/****************************************************************************************************/
div.col { width:50%; float:left; }
div.col p { width: 70%; margin: 1em auto 0; font-size: .94em; line-height: 1.5; text-align: left; }
div.col p.img { text-indent: 0; }
div.col p.img img { float:left; margin: .3em .5em 0 0; }


/*
acronym {cursor: help; border-bottom: 1px dotted #333;}
    p.q1, p.q2, p.q3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; padding: 1em 0; }
    p.q1 {text-align: left; margin-left: 50px;}
    p.q2 {margin:0 auto;}
    p.q2 span {display: block; margin:0 auto;}
    p.q3 {text-align: right; margin-right: 50px; padding-bottom: 0;}
*/
/*******test************
body { background-color:#999;}
#wrp { background-color:#ccc;}
#hdr { background-color:#fff;}
#mn { background-color:#c0c0cc;}
#navigation { background-color:#f0f;}
#ftr { background-color:#0ff;}
	*******/

