@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap');

			body{margin:0px;padding:0px;background:#efefef;color:#000000;font-family:'Inter',"Puritan 2.0","Myriad Roman",Myriad,"Myriad Std Roman","Myriad Pro Roman","Myriad Web","Lucida Grande",Helvetica,Arial,Sans-Serif; }
			a{color:#DE7008;}
			a:hover{color:#E0AD12;}
			#logo{padding:0px;margin:0px;}
			li {padding-bottom: 4px; padding-top: 1px;}
			div#mainClm, div.mainClm {padding:0px 30px 0px 30px; margin-right: 18%; font-size: 1.8em; background: #fff; margin-top: 50px; margin-bottom: 50px; position: relative; border: 1px solid #ddd; line-height: 140%;}
			.secondClm{padding:0px 30px 0px 20px; margin-left: 18%; background: #fff; margin-top: 50px; margin-bottom: 50px;  border: 1px solid #ddd; line-height: 150%;}
			.centreClm{padding:0px 30px 0px 30px; margin-left: 18%; margin-right: 18%; font-size: 1.7em; background: #fff; margin-top: 50px; margin-bottom: 50px; position: relative; border: 1px solid #ddd; text-align: center}
			div#sideBar{width: 25%; position:absolute;right:0;padding-top:0px;padding-right:15px;margin:25px 0 0 25px;text-align:left; font-size: 0.9em;}
			#header{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background:white;color:white;}
			#footer{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:white;
				border-top: 1px solid #999;
				position: relative;
				height: 30px;
			}
			.red {
				background: url(images/stripe-red.jpg);
			}
			.green {
				background: url(images/stripe-green.jpg);
			}
			.orange {
				background: url(images/stripe-orange.jpg);
			}
			.purple {
				background: url(images/stripe-purple.jpg);
			}
			.aqua {
				background: url(images/stripe-aqua.jpg);
			}
			#description{
			position: absolute;
			left:5px;
			margin-left:15px;
			height: 1.7em;
			color:#000;
			font:bold 85%;
			padding-right: 0px;
			padding-left: 0px;
			padding-top: 0.4em;
			padding-bottom: 0.3em;
			}
			#descriptionbox {
			height: 1.9em;
			border-top: 1px solid #ddd; border-bottom: solid 1px #ddd;
			background: #FFF;
			background:  rgba(255,255,255, 0.7);
			}
			ul#crosslinks { height: 1.8em; position:absolute; right:10px; padding-top: 0.4em; list-style: none; margin-left: 0; padding-left: 0; margin-right: 0px; margin-top: 0; margin-bottom: 0.1em; padding-bottom: 0; text-align: center; display:inline;}

#crosslinks li { display: inline;}

ul#crosslinks li a {
	text-decoration: underline;
	padding: 0.8em;
}
ul#crosslinks li a:hover { text-decoration: underline;}
ul#crosslinks li a.active {
	text-decoration: none;
	font-weight: bold;
	background: #efefef;
	background: rgba(240,240,240,0.8);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #efefef;
	border-left-color: #ddd;
}
XXul#crosslinks li a.active:hover { color:#DE7008; }

#p1 a {
	color: #a00;	
}
#p1 a:hover, #p1 a.active {
	color: #e00;	
}

#p2 a {
	color: #080;	
}
#p2 a:hover, #p2 a.active {
	color: #0c0;	
}

#p3 a {
	color: #b70;	
}
#p3 a:hover, #p3 a.active {
	color: #e80;	
}

#p4 a {
	color: #a0a;	
}
#p4 a:hover, #p4 a.active {
	color: #a0e;	
}

#p5 a {
	color: #0CC;	
}
#p5 a:hover, #p5 a.active {
	color: #0dd;	
}



#isolated {
	position: absolute;
	top:  0;
	left: 0;
}
			h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
			h1{padding:10px 0px 4px 15px;border-top:0px #FFFFFF;border-bottom:solid 0px #FFFFFF;color:#FFFFFF;font-weight:200; font-size: 300%;}
			#parallax, .parallax {position:relative; overflow:hidden; left: 0; right:0; height: 75px;}
			h1 a:link, h1 a:visited {text-decoration:none; color:#fff }
			h1 a:hover, h1 a:active {text-decoration:underline; color:#fff}
			h2{margin:40px 0px 0px 0px;color:#666;font-weight:200;font-size:140%; padding-top: 40px; border-top: 1px #ddd solid;}
			h3{margin:20px 0px 0px 0px;color:#666;font-weight:200;font-size:140%; }
			h4{margin:20px 0px 0px 0px;color:#666;font-weight:200;font-size:140%;}
			h6{font-weight:200;color:#660000;font-size:140%;}
			#sideBar {
	background: #fff;
	padding: 20px;
}
			#sideBar ul{margin:0px 0px 33px 0px;padding:0px 0px 0px 0px;list-style-type:none;text-transform:lowercase;}
			#sideBar li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style-type:none; }
			.blogPost{margin:0px 0px 30px 0px;font-size:100%;line-height:130%;}
			.blogPost strong{color:#000000;font-weight:bold;}
			#sideBar ul a{padding:0px;margin:1px;width:100%;border:none;color:#999999;text-decoration:none;}
			#sideBar ul a:link{color:#999999;}
			#sideBar ul a:visited{color:#999999;}
			#sideBar ul a:active{color:#DE7008;}
			#sideBar ul a:hover{color:#DE7008;text-decoration:none;}
			pre,code{color:#999999;}
			strike{color:#999999;}
			.bug{padding:5px;border:0px;}
			.blogger-labels{padding:0px;margin:0px;color:#444444;font-size:80%;}
			.byline{padding:0px;margin:0px;color:#444444;font-size:80%;}
			.byline a{border:none;color:#999999;text-decoration:none;}
			.byline a:hover{text-decoration:underline;color:#DE7008;}
            .blogComments{padding:0px;color:#DE7008;font-size:110%;font-weight:bold;font-family:Myriad,"Myriad Web", Helvetica,Arial,Sans-Serif;}
			.blogComment{margin-top:10px;font-size:100%;font-weight:normal;color:black;}
			.blogComments .byline{padding-bottom:20px;color:#444444;font-size:80%;font-weight:normal;display:inline;margin-right:10px}
            .deleted-comment {font-style:italic;color:gray;}
            .comment-link {margin-left:.6em;}
			#profile-container { }
			.profile-datablock { }
			.profile-img {display:inline;}
			.profile-img img {float:left;margin-right:5px;}
			.profile-data strong { }
			#profile-container p { }
			#profile-container .profile-textblock { }
			.callout {
				position: absolute;
				left: 20px;
				width: 13%;
				text-align: right;
				text-transform: uppercase;
				color: #000;
				padding:20px 10px; background: #fff; border: 1px solid #ddd; margin-top: -21px;
			}
			.secondClm img {
				margin-left: 10px;
			}
.grey {
	color: #999;
}			
.smaller {
	font-size: 0.8em;
	color: #999;
	
}		

.image-padding {
	margin-left: 30px !important;
	margin-bottom: 30px;
	margin-top: 0;
	margin-right: 0;
}
.image-radius {
	border-radius: 10px;
	border: 0;
}
	
@media only screen and (max-width: 1000px) {
  #description {
    display: none;
  }
  
}