/*	LCT Stylesheet	*/

/*	Colours
	Darkest		#1F1F14		031	031	020
	Dark		#4C4C33 	076	076	051
	Mid			#8A8A5C		138	138	092
	Pale		#B8B894		184	184	148 
	Palest		#E0E0D1		224	224	209
*/

html {background: url("images/back_frame.jpg") repeat;}

body	{
  	margin:0;
  	border:0;
  	padding:0;
  	width:100%; 
  	height:100%; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size:1em;
  	color: #1F1F14;
  	display: table;
	text-align:left;	
	background-color:#E0E0D1;
	}

h1 	{font-size:1.50em; margin:0; padding:0.3em;color: #1F1F14;}
h2 	{font-size:1.40em; margin:0; padding:0.3em;color: #1F1F14;}
h3 	{font-size:1.30em; margin:0; padding:0.2em;color: #1F1F14;}
h4 	{font-size:1.20em; margin:0; padding:0.2em;color: #1F1F14;}
h5 	{font-size:1.10em; margin:0; padding:0.2em;color: #1F1F14;}
h6 	{font-size:0.83em; margin:0; padding:0.1em;color: #1F1F14;}

a 	{color: #4C4C33;}
a:hover	{color: #8A8A5C;}
a.anc {
	font-weight:normal;
    text-decoration: none;
	}
a.anc:hover {
	font-weight:normal;
    text-decoration: none;
	}
	
img:img_small {
	width:4em;
	height:5em;
	}
/*	Images inside content blocks		*/
.imgbox img { 
	max-width:100%; 
	max-height:100%; 
	vertical-align:middle;
	display:block;
	border:none; 
	margin:0.5em 1em 0.5em 1em;
	}.div_normal {
	width: 100%;
	}

/* 	THE BANNER HEADER */
#div_banner {
  	position:absolute; 
  	top:0; 
  	left:0; 
	width: 100%;
	height: 6em;
  	border-top:0.4em solid #8A8A5C;
  	border-bottom:0.6em solid #8A8A5C;
	background-color:#E0E0D1;
	}
#div_banner_l {
  	float:left; 
	left:0;
	width: 0.5%;
	height: 100%;
	background-color:#8A8A5C;
	z-index:1;
	}
#div_banner_c {
  	float:left; 
	left: 10%;
	width: 99%;
	height: 100%;
	z-index:-1;
	}
#div_banner_c img {
	width:100%;
	height:100%;
	}
#div_banner_r {
  	float:left; 
	right:0;
	width: 0.5%;
	height: 100%;
	background-color:#8A8A5C;
	z-index:1;
	}

/* Menu Section */
#div_navigation{
  	position:absolute; 
  	top:10em; 
	left:0;
	width: 10.5%;
	font-size:1.0em;
	z-index: 2;
	}
#div_navigation ul {
	margin:0; 
	padding:0;
 	border-bottom: 0.2em #8A8A5C solid;
	}
#div_navigation li {
	list-style: none;
	padding:0.2em 0.1em 0.2em 0.1em;
	}
ul.nav_1 {
	background-color:#E0E0D1;
	background: url("images/menu_frame.jpg") repeat;
	}
ul.nav_1 li {
 	border-top: 0.2em #8A8A5C solid;
 	border-right: 0.2em #8A8A5C solid;
	}
ul.nav_2 {
    	display: none;
	}
li:hover .nav_2 {
	background-color:#B8B894;
    	border: #8A8A5C 0.06em solid;
    	display: block;
    	position: absolute;
    	left: 4.7em;
    	top: 0.3em;
	}
ul.nav_2 li {
    	border: none;
    	float:left;
    	width:9.4em;
	}
#div_navigation a {
 	color: #4C4C33;
 	cursor: pointer;
 	display:block;
 	height:1.76em;
 	line-height: auto;                 
 	text-decoration:none;
 	width:100%;
	align:left;
	}
#div_navigation a:hover{
 	text-decoration:underline;
	}
#div_navigation li:hover{
 	background: #E0E0D1;
 	position: relative;
	}
/* Reset */
li:hover .nav_1 .nav_2 {
	display:none;
	}
.nav_1 li:hover .nav_2 {
	display:block;
	}
/* IE bug fixes*/
#nav_1 .nav_2 {
    	background: #F9FBEB;
	}
a.menu_anc{
	color:#556B2F; 
	font-size: 0.75em; 
	}
a.menu_anc:hover {
	color:#556B2F; 
	font-size: 0.7em;
	font-weight:bold;
	}
.clicked {	
	color:#556B2F;
	font-size: 0.75em; 
	font-weight:bold;
	}

/* End Of Menu */

/* 	THE PAGE */
.div_page {
  	position:absolute;
	overflow: auto; 
  	top:7em; 
  	left:10%;
  	right:2%;
  	bottom:2.125em;
	background-color: #E0E0D1;
	border:0.3em solid #8A8A5C;	
	margin: 2em 0 0 0;
	z-index: 1;	
	}

/*	Content boxes			*/
.div_content_hid{float:left;display:none;}
.div_content_5  {float:left;width:4%; margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_10 {float:left;width:8%; margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_15 {float:left;width:13%; margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_20 {float:left;width:18%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_20_center {float:left;width:18%;margin:0.2em 0.2em 0.2em 0.2em;text-align: center;}
.div_content_20_right {float:left;width:18%;margin:0.2em 0.2em 0.2em 0.2em;text-align:right;}
.div_content_25 {float:left;width:23%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_30 {float:left;width:28%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_35 {float:left;width:33%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_40 {float:left;width:38%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_50 {float:left;width:48%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_60 {float:left;width:58%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_70 {float:left;width:64%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_75 {float:left;width:73%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_80 {float:left;width:78%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_90 {float:left;width:88%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_100 {float:left;width:98%;margin:0.2em 0.2em 0.2em 0.2em;}
.div_content_100_narrow {float:left;width:98%;margin:0 0 0 0;}
.div_content_100_box {float:left;width:98%;margin:0.4em 0.2em 0.4em 0.2em;border:0.2em solid #B8B894;}
.div_content_100_box_padded {float:left;width:98%;margin:0.4em 0.2em 0.4em 0.2em;padding:0.4em 0.4em 0.4em 0.4em;border:0.1em solid #B8B894;}
.div_content_100_borderunder {float:left;width:98%;margin:0.4em 0.2em 0.4em 0.2em;border-bottom:0.4em solid #B8B894;padding:0.2em 0 0.4em 0;}
.div_content_hid {display:none;}

.table {
	float:left;
	width:95%;
	margin: 0 0 0 1em;
	}
.table td {
	text-align: center;
	}	

table.bordered {
	float:left;
	width:95%;
	margin: 0 0 0 1em;
	border: 0.1em solid #B8B894;
	}
table.bordered td {
	text-align: center;
	}	

table.padded {
	float:left;
	width:95%;
	margin: 1em 0 0 1em;
	border: 0.1em solid #B8B894;
	}
table.padded td {
	padding: 0.2em 0.5em 0.2em 0.5em;
	}	
	
	
.div_box {
	float:left;
	width:98%;
	margin: 0 0 0 1em;
	}
.div_box_auto {
  	position:absolute;
	overflow: auto; 
  	top:9.8em; 
  	left:1em;
  	right:1em;
  	bottom:2.125em;
	border:0.1em solid #8A8A5C;	
	margin: 1em 0 0 1em;
	z-index: 1;	
	}

.div_box_top {
	float:left;
	width: 95%;
	height: 1.3em;
	background: url("images/div_box_top.jpg") no-repeat;
	margin: 2em 0 0 0.5em;
	padding:0.3em 0 0.3em 0.5em;
	color: #1F1F14;
	font-size: 0.83em;
	font-weight: bold;
	border-bottom:0.1em solid #8A8A5C;	
	}
.div_box_top_shallow {
	float:left;
	width: 95%;
	height: 1.3em;
	background: url("images/div_box_top.jpg") no-repeat;
	margin: 1em 0 0 0.5em;
	color: #1F1F14;
	font-size: 0.83em;
	font-weight: bold;
	}
.div_box_body {
	float:left;
	width: 98%;
	margin: 0.8em 0 0 2em;
	color: #1F1F14;
	font-size: 0.75em;
	font-weight: normal;
	}
.div_box_body_diary_12 {float:left; overflow:auto; width: 95%; height:12em; margin: 0.7em 0 0 1.9em; color: #1F1F14; font-size: 0.75em; font-weight: normal; border: 0.1em solid #B8B894;}
.div_box_body_diary_18 {float:left; overflow:auto; width: 95%; height:18em; margin: 0.7em 0 0 1.9em; color: #1F1F14; font-size: 0.75em; font-weight: normal; border: 0.1em solid #B8B894;}
.div_box_body_diary_22 {float:left; overflow:auto; width: 95%; height:22em; margin: 0.7em 0 0 1.9em; color: #1F1F14; font-size: 0.75em; font-weight: normal; border: 0.1em solid #B8B894;}
.div_box_body_diary_27 {float:left; overflow:auto; width: 95%; height:27em; margin: 0.7em 0 0 1.9em; color: #1F1F14; font-size: 0.75em; font-weight: normal; border: 0.1em solid #B8B894;}
.div_box_body_diary_30 {float:left; overflow:auto; width: 95%; height:30em; margin: 0.7em 0 0 1.9em; color: #1F1F14; font-size: 0.75em; font-weight: normal; border: 0.1em solid #B8B894;}
.div_box_body_diary_32 {float:left; overflow:auto; width: 95%; height:32em; margin: 0.7em 0 0 1.9em; color: #1F1F14; font-size: 0.75em; font-weight: normal; border: 0.1em solid #B8B894;}
.div_box_gotop {
  	float:left; 
	width: 88%; 
	height: auto;	
	text-align:right;
	font-size:0.9em;
	color:#4C4C33;
	}	

/*	ARTICLE layout	*/
.div_page_art {
  	position:absolute;
	overflow: auto; 
  	top:9em; 
  	left:5%;
  	right:5%;
  	bottom:3.125em;
	background-color: #E0E0D1;
	border:0.3em solid #8A8A5C;	
	margin: 2em 0 0 0;
	z-index: 1;	
	}
.div_box_top_art {
	float:left;
	width: 95%;
	height: 1.3em;
	background: url("images/div_box_top.jpg") no-repeat;
	margin: 2em 0 0 2em;
	padding:1em 0 0 1em;
	color: #1F1F14;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom:0.1em solid #8A8A5C;	
	}
.div_box_body_art {
	float:left;
	width: 95%;
	margin: 2em 0 0 2em;
	color: #1F1F14;
	font-size: 0.8em;
	font-weight: normal;
	}
/*	End of ARTICLE layout	*/

.img {
	width: 90%;
	height:auto;
	border: 0.2em solid #4C4C330;
	margin:0.5em 0.5em 0.5em 0.5em;
	}
	
.div_link_10 {float:left; width:8%; height:auto; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden	}
.div_link_10 img {max-width:100%; max-height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_20 {float:left; width:18%; height:auto; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_20 img {max-width:100%; height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_30 {float:left; width:28%; height:auto; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_30 img {max-width:100%; height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_40 {float:left; width:38%; height:auto; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_40 img {max-width:100%; max-height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_50 {float:left; width:48%; height:auto; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_50 img {max-width:100%; max-height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_60 {float:left; width:58%; height:auto; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_60 img {max-width:100%; max-height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_80 {float:left; width:78%; height:10em; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_80 img {max-width:100%; height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
.div_link_100 {float:left; width:98%; height:10em; margin:0.2em 0.2em 0.2em 0.2em;overflow:hidden}
.div_link_100 img {max-width:100%; height:100%; border: 0.1em solid #4C4C330;vertical-align:middle;	}
	
.button {
	color:#1F1F14;
	background-color: #B8B894;
	border: 0.2em solid #4C4C330;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
    font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	margin:0.2em 0.2em 0 0;
	spacing: 0.1em 0.4em 0.2em 0.4em;
	display: inline;
	width:100%;
	height:auto;	
}    	
.button:hover {
	background-color: #E0E0D1;
	border: 0.2em solid #8A8A5C;
	color:#8A8A5C;
	font-weight:bold;
}    	
	
.btn_sel {
	color:#1F1F14;
	background-color: #E0E0D1;
	border: 0.2em solid #4C4C330;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
    font-size: 1em;
	font-weight:normal;
	text-decoration:none;
	margin:0.2em 0.2em 0 0;
	spacing: 0.1em 0.4em 0.2em 0.4em;
	display: inline;
	width:auto;
	height:auto;	
}    	
.btn_sel:hover {
	background-color: #B8B894;
	border: 0.2em solid #8A8A5C;
	color:#8A8A5C;
	font-weight:bold;
}    	

.btnLogin {
 	background:url('images/login.jpg') no-repeat 0.5em 0.5em #E0E0D1;
  	width: 10em;
  	color:#1F1F14;
  	cursor:pointer;
  	border-radius:5em;
  	padding:1em 2em 1em 0;
  	font-size:1em;
  	text-align:left;
  	text-indent:4em;
  	display:block;
  	margin:0 auto;
 
  /* Animations: */
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  -webkit-transition-property: all;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-duration: .4s;
  -moz-transition-property: all;
}
.btnLogin:hover {
  background-image: url('images/login_hover.jpg');
  background-position: 6.5em 0.5em;
  text-indent: 2em;  
}

/*	CSS for incs/lct_datepicker.js	*/

.calendar{
    display: none;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0.5em 0 0 3em;
	width:95%;
}
 <!-- For  IE 9 browsers -->
.gradient { filter: none; }

.monthdisp{
    color: #4C4C33;
    font-size: 1.1em;
	font-weight:bold;
    cursor: pointer;
    text-align: center;
    border: 0.1em solid #B8B894;
	background: #B8B894; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A8A5C', endColorstr='#E0E0D1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8A8A5C), to(#E0E0D1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8A8A5C,  #E0E0D1); /* for firefox 3.6+ */
}

.weekdays{
    font-size: 0.9em;
	font-weight:bold;
    color: #8A8A5C;
}
/*	Calendar cell	*/
.navigate{
    text-align: center;
    cursor: pointer;
}
.thismon{
    font-size: 1em;
	font-weight:normal;
    color: #1F1F14;
    cursor: pointer;
    text-align: center;
    border: 0.1em solid #B8B894;
	background: #B8B894; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A8A5C', endColorstr='#E0E0D1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#8A8A5C), to(#E0E0D1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8A8A5C,  #E0E0D1); /* for firefox 3.6+ */
}
.thisday{
    border: 0.1em solid #B8B894;
    background-color: #E0E0D1;
    cursor: pointer;
    text-align: center;
}

/*	End of CSS for incs/lct_datepicker.js	*/

.radio {
    padding: 0;
    margin: 0;
	vertical-align: top;
	}
input.btn {
	background-color:#E0E0D1; 	
	}
input.btn:hover {
	background-color:#B8B894; 	
	}
	
input.shade {
	background-color:#E0E0D1; 
	}

span.whatever {
	font-size:1.20em; 
	margin:0.5em; 
	padding:0em;
	color: #4C4C33;
	border:0.2em solid #4C4C33;
	}
span.left {
	text-align:left;
	font-size:0.9em;
	font-color: #4C4C330;
	}
span.bold {
	font-size:0.9em; 
	margin:0; padding:0.2em;
	font-weight:bold;
	}

textarea {
	width: 100%;
	color: #1F1F14;
	font-size: 1.0em;
	font-weight: normal;
	}

	#amznCharityBannerInner{
		background-image:url(https://m.media-amazon.com/images/G/02/x-locale/paladin/charitycentral/banner-background-image._CB494422932_.png);
		width:302px;height:250px;
		position:relative
	}
	#amznCharityBannerInner a {
		display:block;
		width:100%;height:100%;
		position:relative;
		color:#000;
		text-decoration:none
	}
	.text {
		position:absolute;
		top:20px;left:15px;right:15px;bottom:100px
	}
	.support-wrapper{
		overflow:hidden;
		max-height:86px
	}
	.support{
		font-family:Arial,sans;
		line-height:28px;
		font-weight:700;font-size:25px;color:#333;
		text-align:center;
		margin:0;padding:0;background:0;
	}
	.charity-name {
		display: inline-block;
	}
	.when-shop{
		font-family:Arial,sans;
		font-size:15px;font-weight:400;
		line-height:25px;
		color:#333;
		text-align:center;
		margin:0;padding:0;background:0 ;
	}
	.donates{
		font-family:Arial,sans;font-size:15px;font-weight:400;
		line-height:21px;
		color:#333;
		text-align:center;
		margin:0;padding:0;background:0 0
	}
	amazon_div{
		display:block; border:none;width:310;height:256;scrolling:none;frameborder:0;
	}