/* Theme inspried by: Andreas Viklund - http://andreasviklund.com . Complete redesigned for Kidron Mennonite*/

* {margin:0; padding:0;}

body { background-color:#897b6e; font-family:Verdana, Arial, Helvetica, sans-serif;}
/******** Main wrap ********/
#wrap {
color:#001a39;
width:800px;
margin:0 auto;
padding:0;
background:url(images/bg_body.gif) repeat-y bottom;
}

#header,#body { background:url(images/bg_body.gif) repeat-y bottom;  padding:0px 16px 0px 16px; clear:both;}

/******** Header ********/
#header { background-color:#212943; }
#header a img {border:0px none; padding:0px; margin:0px;}
#header_top {  background:url(images/header_top.jpg) no-repeat #212943; height:20px; color:#FFFFFF; text-align:right; font-size:12px; font-stretch:condensed; font-weight:bold; padding:0px 20px;}
#header_top a{color:#dac176;}
#header_top a:hover { color:#FFFFFF;}

#header_bottom {background:url(images/header_search.jpg) right no-repeat #212943; height:30px;} 

/******** Body ********/

#body { background-color:#FFFFFF; }
.index_image { height:225px;}
#leftnav { width:180px; background-color:#b5a062; float:left; padding-bottom:10px; }

#rightlink {float:right; background-color:#EEEEEE; width:250px;}


#content{ width:588px; background-color:#ffffff; float:left; color:#000000; }


#pagetitle { background-color:#897b6e; color:#FFFFFF; padding:4px 20px; font-size:18px; font-weight:bold; }
.actual_content{ padding:10px 15px 10px 15px; margin-bottom:10px;}
.index_content {  padding:10px 0px 10px 15px; margin-bottom:10px;}



/******** Footer ********/
#footer{ background-color: #212943; background:url(images/bg_footer.jpg) bottom no-repeat #212943; clear:both; padding:6px 34px 24px 34px; color:#FFFFFF; font-size:11px; clear:both;}
#footer a { color:#dbb851;}

#leftnav div a { font-size:10px; color:#001a39;} /*Admin link etc*/

/*** Navigation ***/
#leftnav ul{    list-style: none; padding: 0;margin: 0;}

/**Link Properties**/
#leftnav ul li a{ font-size: 13px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding:2px 8px; text-decoration:none; font-weight:bold; display:block;}
#leftnav ul li a:hover{ background-color: #897b6e; color:#000000; }

#leftnav ul li ul li a { color:#000000; font-weight:normal; font-size: 12px;}
#leftnav ul li ul li.active a { font-weight:bold;}
#leftnav ul li ul li.active ul li a { font-weight:normal;}
#leftnav ul li ul li.active ul li.active a { font-weight:bold;}
/**Backgrounds*/
/* Level 1 */
#leftnav ul li {     	background-color:#001a39; padding:0px;    margin: 4px 4px; border: 1px solid #ffffff; background-color:#001a39;padding:1px;}
#leftnav ul li.active { background-color:#001126; }
/* Level 2 */
#leftnav ul li ul li{   	margin: 0px 0px; border:none; display:none;}
#leftnav ul li.active ul li{ 		background-color:#CCCCCC; margin:0px 2px 1px 2px; display:block; }
#leftnav ul li.active ul li.active{ background-color:#999999;}
/* Level 3 */
#leftnav ul li.active ul li ul li{   margin: 0px 0px; border:none; display:none;}
#leftnav ul li.active ul li.active ul li{ 		background-color:#FFFFFF; margin:0px 2px 1px 2px; display:block;}


#WebLoginLayer0 { border:1px solid #CCCCCC; width: 350px; background-color:#EEEEEE;}
#WebLoginLayer0 table td{ padding: 5px;}

/* custom stylesheet for WebLoginPE */
#wlpeWelcome #wlpeMyProfileImg {float:right; margin-left:10px; margin-bottom:10px;}
#wlpeWelcomeParagraph { font-weight:bold; font-size:16px;}
#wlpeLoginCount { font-style:italic; font-size:11px;}
.wlpeMessageText {background-color:#FFFF66; border:1px solid #CC9933; margin:5px 0px; font-size:12px; padding:10px;}

#wlpeUserProfileInput label {display:block; padding:2px 0px; text-align:right; clear:both;}
#wlpeUserProfileInput label input { float:right;margin-right:125px; margin-left:10px;}

#wlpeTermsOfService { background-color:#FFFFFF; padding:5px 10px; margin:10px 0px;}
#wlpeTermsOfService ,#wlpeTermsOfService p{ font-size:11px;}

.required{ color:#660000;}
table.signupForm tr {vertical-align:top;}
table.signupForm td.r {text-align:right; }
table.signupForm td {padding:2px 4px; font-size:12px;}
/* form.css - inspired from http://jeffhowden.com/code/css/forms/ */
 fieldset {
  clear: both;
  font-size: 100%;

  padding: 10px;
  margin: 0 0 0 0;
  background-color:#EEEEEE;
}

form#wlpeLoginForm fieldset legend {
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
  font-weight:bold;
 
}

#wlpeLoginForm label {
  font-size: 100%;
}


#wlpeLoginForm input, #wlpeLoginForm select, #wlpeLoginForm textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  padding:2px;
}



form#wlpeLoginForm div {
  clear: left;
  display: block;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}


 form#wlpeLoginForm div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}


form#wlpeLoginForm div.required label, label.required {
  font-weight: bold;
}


form#wlpeLoginForm div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}



