/*global elements*/
body { background: #ddd4ab url(../img/kd-bg-cloud.jpg); font-family: arial,helvetica,sans-serif; font-size: 62.5%; text-align: center; margin: 10px 0; padding: 0; line-height: 1.5; } 
a { color: #57583c; text-decoration: underline; font-weight: bold; outline: none;}
a:hover { color: #b50f00; }
p { color: #57583c; margin: 0 0 1.5em 0; padding: 0; }
img { border: none; }
div { border:none; }

#container { font-size: 1.2em; background-color: transparent; width: 760px; margin: 0 auto; text-align: left; padding-left: 5px; }


/*header elements */
#logoAndNav {float: left; background: url(../img/kd-nav-bg.gif) bottom no-repeat; width: 760px; padding-bottom: 5px;}
#logo {float: left; padding-bottom: 9px;}
#searchAndLang {height: 15px; }
#language,
#language2,
#language-english { display: inline; float: left; text-align: right; padding-right: 10px; width: auto; vertical-align: middle; }
#language { margin-left: 220px; }
#language2 { margin-left: 140px; }
#language-english { margin-left: 200px; }

.searchForm {float: right;}
.searchFormInput {width: 110px; border: 1px solid #c1ba93; background: #f7f6e5; color: #7b7c57; padding: 0; margin: 0; vertical-align: top;  }
.searchFormButton {vertical-align: top;}


/*Homepage elements  */
#flash { float: left; height: 250px; position: relative; left: -15px; }
#bg_columns { background: url(../img/kd-fullbg2.gif) repeat-y; float: left; border-bottom: 5px solid #b50f00; width: 760px; margin-top: 20px; }

#sub #flash { height: 204px; }
#sub #bg_columns { background: url(../img/kd-sub-bg.jpg) repeat-y; margin-top:0;}
#sub #sidebar,
#sub #page { float: left; }
#sub #sidebar { width: 135px; padding: 0 20px; font-size: 0.95em; }
#sub #sidebar a { font-weight: normal; }
#greenbar { background: url(../img/greenbar_whatever.png);}
#sub h1 { background: #6d7453; margin: 0; color: #faf9e5; font-size: 1.6em; padding-left: 20px;}
#page h2 { color: #b50e05; font-size: 1.2em; margin-bottom: 10px; }
#page { float:left; width:585px; padding-left: 0px; }
#breadcrumbs { text-align: right; font-size:0.95em; color: #faf9e5; margin: 0; padding-right:20px; padding-top:15px;}
#breadcrumbs a { font-weight: normal; text-decoration: none; color: #faf9e5;}
#breadcrumbs a:hover { color: #ff0000; }

img.right { float:right;
margin-left:8px;
 }
img.left {
	float:left;
	margin-right: 8px;
}

/*left Content*/

#home #news,
#home #journalCommunity { float: left; padding-top: 25px;}
#home #news { background: url(../img/kd-leftbg2.gif) no-repeat; width: 265px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; z-index: 3; }
#home #journalCommunity {background: url(../img/kd-rightbg2.gif) no-repeat; width: 393px; padding-left: 43px; padding-right: 19px; }
#home p.journal{ font-size: 1.0em; }
#journalCommunity #top {position: relative; z-index: 2;}
#journalCommunity #special {border-top: 1px #e0e0cb solid; width: 390px; z-index: -1; padding-top: 45px; margin-top: 25px}

#home #journalCommunity img.move {position: relative; left: -32px; margin-bottom: 15px;}

/*nav*/
#nav ul {padding: 0; margin: -6px 0 0 0; list-style: none; }
#nav a {display: block;	color: #57583c}
#nav li {float: left; }
#navbar {display: block; margin-left: -2px; margin-top: 35px; vertical-align: middle;  }
ul#nav { margin: 0; padding: 0; height: 30px; width: auto;}
#nav, #nav ul {padding: 0; margin: -6px 0 0 0; list-style: none; z-index:50;}
#nav a {display: block;	border: 0px; }
#nav li {float: left; padding: 0 20px 0 15px}

ul#subnav  {text-align: left; list-style: none; padding: 0; margin-top: 0; margin-left: 0; width: 140px; margin-bottom: 15px; }

#subnav li {padding:0; margin: 0;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #cccc99; list-style: none; text-align: left;}
#subnav a {color: #737450; font-size: 12px; font-family: Arial; text-decoration: none; }
#subnav a:hover {color: #b50f00; }
#subnav li.active {background: url(../img/active.gif) no-repeat; }
#subnav li.active a {margin-left: 15px; color: #b50f00; padding-left: 0px;}

/*headers*/
h2 {font-size: 16px; font-family: Helvetica,sans-serif; color: #57583c; padding: 0; margin: 0;}

/*footer*/
#footer {display: block; color: #57564e; width: 760px; float: left; margin-top: 20px; padding-bottom: 10px; margin-left: -3px !important;}
#footer a {color: #57564e; text-decoration: none;}
#footer a:hover {color: #b50f00; text-decoration: none;}

/*text*/
.leftfloat {float: left; margin-left: 4px;}
.rightfloat {float: right}
#home {line-height: 1.5}

/*leftfooter*/
#leftfooter {display: block; color: #57564e; width: 240px; float: left; font-size: 90%; margin-top: 8px; padding-bottom: 10px; margin-left: -3px !important;}
#leftfooter a {color: #57564e; text-decoration: none;}
#leftfooter a:hover {color: #b50f00; text-decoration: none;}

/*rightfooter*/
#rightfooter {display: block; color: #57564e; width: 500px; float: right; font-size: 90%; text-align: right; margin-top: 10px; padding-bottom: 10px; margin-left: -3px !important;}
#rightfooter a {color: #b50f00; text-decoration: none;}
#rightfooter a:hover {color: #009933; text-decoration: none;}

/*search*/
.searchBox { margin-top: 0px; margin-bottom: 10px; font-weight: bold; }
.searchField {margin: 0; padding: 0; height: auto;}
.submitButton {font-size: 10px; background: #fff; color: #57583c; border: 1px solid #ccc; padding: 0px; height: 20px; width: 25px; font-weight: bold; }
h6 {text-align: center;}

/*forms*/

#mailinglistform {color: #57583c; font-size: small;}

/* IE CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* IE fix for Mac */
/* IE fix reset for non-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */
/* IE hack to fix weird EM bug (http://www.positioniseverything.net/explorer/italicbug-ie.html) */
/* \*/