@charset "utf-8";
/* CSS Document */

/**************
Global selectors
**************/
* {border: none; margin: 0; padding: 0;}
body {font-size: 85%; font-family: Arial, Helvetica, sans-serif; color:#4d402e; background: #594C39 url(images/head_08.png); margin: 0; padding-top: 20px; padding-left: 30px;padding-right: 30px;}

h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #d67e02; font-size: 2em; margin-bottom: .6em;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #d67e02; font-size: 1.35em; margin: 1.2em 0;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #4d2d00; font-size: 1.75em; margin-bottom: .6em; clear: left;}
h3 a {color: #4d2d00;}
h4 {font-family: Arial, Helvetica, sans-serif; color: #4d2d00; font-size: 1.05em; margin-bottom: .6em;}
a {color: #d67e02;}


/*************
Divisions
*************/
#wrapper {background-color: #4d402e; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%;}
#header {position:relative; height:137px; overflow:hidden; background: #594c39 url(../images/head.png) repeat-x;}
#logo {/*margin: 0px auto; text-align: center; z-index: 1;*/ position: absolute; top: 17px; left: 90px; display: block; width: 350px; height: 137px; cursor: pointer; background: url(../images/jkj_logo.png) no-repeat; }
#head-r {height: 137px; background-color: transparent; background-image: url(../images/head-l.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 0pt; position: relative;}
#head-l{height:137px; background:transparent url(../images/head-r.png) 100% 0 no-repeat; position:relative}
#userarea {height: 78px; float: right; padding: 25px 25px 0 0; text-align: right; font-size: 1.0em; color: #fbfbfb; font-family: tahoma, sans-serif; }
#userarea a:link, #userarea a:visited {color: #fbfbfb; text-decoration: none; border-bottom: 1px dotted #555555;}
#userarea a:hover {color: #fff; text-decoration: none; border-bottom: 1px dotted green;}
#toolbar {height: 38px; margin-left: 1px; margin-right: 1px; background: #3D2F1B url(../images/menu-bg.png) repeat-x; border-left: solid 1px #5C543A; border-right: solid 1px #5C543A;}

#mainarea { background: #F4EDD8; margin-left: 1px; margin-right: 1px; padding-left: 10px; padding-right: 10px; border-left: solid 1px #5C543A; border-right: solid 1px #5C543A;}

#main_body {background-image: url(../images/main_section_left-corner.png); background-repeat:repeat; position: relative; width: 100%;}
#lhs_content {background-image: url(../images/main_section_left-corner.png); background-repeat: no-repeat;  padding: 30px 20px 20px 85px;}
#lhs_content p {line-height: 1.55em; font-size: 0.85em; margin-bottom: 1.4em;}
#lhs_content ul {list-style: none; margin-left: 2em; margin-bottom: 1.5em;}
#lhs_content li {font-size: 0.9em; list-style-position: outside; list-style-image: url(../images/bullet.png); padding-left: 15px; margin: 0.3em 0;}
#lhs_content form label {color: #4d2d00;}
#lhs_content img {border: 1px solid #4D402E; margin: 0 8px 8px;}
#lhs_content img.motif {border: none; background: none; text-align: center; margin: 0 40%;}

td {padding: 0.3em;}
th {text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-style:italic; color: #666666; border-bottom: 1px double #d67e02;}
th.pub_type {padding: 10px 0; color: #000000; font-style:normal; border-bottom: 1px dotted #d67e02;}

#rh_col {float: right; background-image: url(../images/rh_panel_bg.png); background-repeat: no-repeat; background-color: transparent; padding: 30px 10px; width: 200px; margin-left: 10px;}
#rh_col h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em; color: #fcf2c8; margin-bottom: 0.4em;}
#rh_col h2 a {font-family: Georgia, "Times New Roman", Times, serif; color: #fcf2c8;}
#rh_col p {color: #fdf6d6; margin-bottom: 1.5em;}

#footer {clear: both; text-align: center; margin: 10px auto;}
#footer p {font-size: 0.8em;}

/**************
Classes
*************/

.clr {clear: both;}
.clr_right {clear: right;}
.clr_left {clear: left;}
.img_left {float: left; margin: 10px 10px 10px 0; border: 2px solid #4d2d00; padding: 3px; background-color: #594C39;}
#lhs_content .img_left img, #lhs_content .img_right img {margin: 0;}
.img_left p, .img_right p {color: #FFFFFF; font-size: 0.85em; text-align: center; padding: 5px;}
.img_right {float: right; border: 2px solid #4d2d00; padding: 1px; background-color: #594C39; margin: 0 8px;}
.width_165 {width: 155px;}
.width_265 {width: 255px;}
.width_365 {width: 355px;}
.ditto_tags {font-size: 0.75em; margin-bottom: 1.6em;}
.ditto_info {font-style:italic; font-size: 0.9em;}
.divider {height: 50px; background-image: url(/assets/images/divider.png); background-repeat: no-repeat; width: 550px; margin: 10px 30px; clear: left;}
.em {font-style: italic;}
.sup {font-size: .83em; vertical-align: super;}
ol {list-style:decimal;}
ol li ol {list-style-type:decimal-leading-zero;}

/************
Forms
************/
form {/*width: 360px; */text-align: left; padding-bottom: 20px; border: none;}
form.full { width: 100%; }
fieldset {border: none;}
legend {display: none;}
/*form h3 {clear: both; padding: 15px 0 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #000; font-weight: bold;} */
form input {display: block; margin-top: 3px;}
form select {float: left; display: block;}
form label.first, form label.city {clear: left; margin-right: 10px; width: 150px;}
form label.second, form label.state {float: left; clear: none; margin: 0 10px 0 0; width: 150px;}
form label.state { width: 60px; }
form label.first input, form label.city input, form label.second input {float: left; width: 150px; padding: 0;}
form label.state select {width: 60px; float: left; margin-top: 3px;}
form label.zip,
form label.zip input {float: left; width: 80px;}
form label.zip { clear: none; }
form label, form p {display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px;}
form label {float: left; clear: left; width: 180px; margin: 0; line-height: 1.5em; color:#fdf6d6;}
form label input {float: left; width: 180px; padding: 0;}
form input.radio, form input#radiobutton_1, form input#radiobutton_2, form input#radiobutton_3, form input#radiobutton_4 {clear: left; float: left;	padding: 0;	margin: 0;}
form label.radio, form label.radioitem {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
form input.checkbox, form input#checkbox_1, form input#checkbox_2, form input#checkbox_3, form input#checkbox_4 {clear: both; float: left; padding: 0; margin: 0;}
form label.checkbox {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,form textarea {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background: #fff url(../images/input-bg.gif) repeat-x top left;}
form input.checkbox, form select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff;}
form textarea {margin-top: 3px; width: 383px; height: auto; display: block;}
form label input.calc {text-align: right; width: 100px; clear: left; padding: 0;}
form input.button, .button, button {clear: left; padding: 0.2em 0.5em; background-color: #4D402E; color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #9C795B; margin: 5px; font-size: 0.9em;}
form a {text-decoration: none; color: #fdf6d6;}
.MODX_RichTextWidget {clear: both;}


/********************************
Menu
********************************/

#menu {height:42px; background: #3D2F1B url(../images/menu-bg.png) repeat-x; margin-left: 20px; border-style:solid; border-color:#322515;
border-top-width:0; border-right-width:0; border-bottom-width:3px; border-left-width:0;}
#tab {margin:0; top:0; position: relative;}
#tab ul {margin:0; padding:0; list-style:none; float:left;}
#tab li {display:inline; float:left; margin:0 5px 0 0 ; padding:0; position: relative;}
#tab a {background: url(../images/menu-r.png) no-repeat right top; margin:0; padding:0; text-decoration:none; border:0; display:block; float:left;}
#tab a span {display:block; background:url(../images/menu-l.png) no-repeat left top; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;font-weight:bold; line-height:38px;}
#tab a:hover,#tab li.item_active a {background-position:right bottom; border-color:;}
#tab a:hover span,#tab li.item_active a span {background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none;}
#tab li a.current  {background:#000000 url(../images/menu-r_01.png) no-repeat right top; border-color:#000000;}
#tab li a.current span  {background:url(../images/menu-l_01.png) no-repeat left top; color:#322515; font-weight:bold; font-style:normal; text-decoration:none;}

/**********************
Drop-down part expiremental
**********************/

#tab ul li ul {display: none;}

/* specific to non IE browsers */
#tab ul li:hover a,#menu ul li a:hover {color:#000;}

#tab ul li:hover ul,#menu ul li a:hover ul {display:block; position:absolute; top:30px; margin-top:0px; left:0; width:190px; color:#322515; font-weight:bold; font-style:normal; text-decoration:none; z-index:999; }
* html #tab ul li a:hover ul {margin-top:0; marg\in-top:1px;}
#tab ul li:hover ul li ul, #tab ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0; z-index:999; }
#tab ul li:hover ul li a, #tab ul li a:hover ul li a {display:block; color:#322515; height:auto; line-height:1.2em; width:190px;  z-index:999;}
* html .menu ul li a:hover ul li a {width:190px; w\idth:180px;}
#tab ul li:hover ul li a:hover, #tab ul li a:hover ul li a:hover {color:#322515; }
#tab ul li:hover ul li:hover ul, #tab ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; top:0; width:180px;}
#tab ul li:hover ul li:hover ul.left, #tab ul li a:hover ul li a:hover ul.left {left:-150px;}
/*************** End experimental drop-down end ******************/

#myajaxmenu {position: absolute; top:1px; left: 0px; display: block; z-index: 1000;}

/********************************
Tables for bibliography
********************************/
table {margin-bottom: 20px;}
td {border-bottom: 1px dotted #434343;}

/******************************
Further styles for Frank Rodgers bibliography
******************************/
#bibliography {max-width: 600px;}
#bibliography ol {list-style: outside decimal-leading-zero; margin-left: 1em; padding-top: 1em;}
#bibliography ol li {margin: 0 0 1.5em 3em; font: 0.9em/1.6em Arial, Helvetica, sans-serif; color: #333;}
#bibliography h6 {font: 2em Georgia, "Times New Roman", Times, serif; color: #d67e02; width: 2em; float: left;}
#bibliography p {}
#bibliography img {position: relative; float: right; margin: 10px 0 20px 20px; width: 100px;}
#bibliography img:hover {position: absolute; bottom: 0; left: -500px; width: 750px;}
#nav_bibliography h2 {text-transform: uppercase; margin-bottom: 0.75em;}
#nav_bibliography ul {list-style: none;}
#nav_bibliography ul li {margin-bottom: 1.5em;}
#nav_bibliography ul li a {color: #fcf2c8; text-decoration:none;}
#nav_bibliography ul li ul li {margin-left: 1em;}
#nav_bibliography ul li ul li a {font-size: 0.9em;}

/******************************
WebLoginPE styles
******************************/
#wlpeUserInfo blockquote {color: #d67e02; margin: 1.2em 0;}
#wlpeRegister {}
#wlpeUserProfilePhotoImg {clear: left;}

.wlpeUsersList {width: 500px;}
form.wlpeManageUsersForm {float: left; clear: left; border-bottom: 1px dotted #322515; margin-bottom: 10px;}
#lhs_content .wlpeUserPage p {margin: 0; line-height: 1em; font: 10px/14px Verdana, Geneva, sans-serif;}
.wlpeUserPage {}
.wlpeUserPagePhoto {width: 150px; float: right;}
.wlpeUserPageUserContent {float: left; width: 250px;}