/* Mark Nobles' Local Homepage Style Sheet */
/* Usage
	<link href="home.css" type="text/css" rel="stylesheet">
*/
/*	gray list items							*/
/*
li:nth-of-type(odd) 	{ background: #cccccc; }
li:nth-of-type(even)	{ background: transparent; }
*/
img  /* how to arrange plain images        */ {
    border: none;
}
 /* how to handle link images
a:focus {
     border: thin dotted;
     }
a:active img {
     border: thin solid;
     }
a:link img, a:visited img {
     border: none ;
     }
a img {
     vertical-align: text-bottom;
     }
  */
p  { /* how paragraphs look                 */
    padding-left : 4em;
}
/*	default table attributes				*/
table {
	border:0;
	border-spacing:0;
	padding:0;
}
td.col1 {
	width: 224px;
	margin-left: auto;
	margin-right: 0;
}
td.col2 {
	width: 28em;
	margin-left: 0;
	margin-right: 0;
}
td.col3 {
	width: 40em;
	margin-left: 0;
	margin-right: 0;
}
td.col3 {
	width: 9em;
	margin-left: 0;
	margin-right: 0;
}
td.col4 {
	width: 21em;
	margin-left: 0;
	margin-right: 0;
}
td.col23 {
	width: 37em;
	margin-left: 0;
	margin-right: 0;
}
.footer,
.center {
	text-align: center;
	text-decoration: none;
	color: black;
	background-color: transparent;
	font-size: 1.25em;
	clear: both;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
input:focus {
	background-color: yellow;
}
body {
	background-color: #FDF9D8;
		/* cream */
}

section {
	clear: both;
}
.internal td {
	height: 32px;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px double black;
}
.internal td img {
	padding-right: 1em;
}
.noline {
	text-decoration: none;
}
/* for Bare Maidens */
.bm{
	border: 1px solid #c27a25;
	color: #c27a25;
	font-family: serif;
	font-weight: normal;
	letter-spacing: 0.12em;
	padding: 0.5% 2%;
	text-transform: uppercase;
	text-decoration: none;
}
input:focus { background-color: yellow; }
.logo, .logo a, .logo a:visited {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: geneva, arial, 'sans serif';
	font-size: 1.45em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -2px;
}
.hwb  {
	color: #000;
	font-size: 1.45em;
	font-family: Georgia,"Times New Roman",Times,serif !important;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -2px;
}
.center,
section	 { clear: both;
		   padding-top: 0.5em;
}
/*	Colors									*/
.blue	 { color: #000099;		background-color:transparent; }
.cream	 { color:transparent;	background-color: #FDF9D8;    }
.crimson { color: #841617;		background-color:transparent; }
.blackbg { border: medium solid white;   padding:1em; background: black;   border-radius: 10px; color: white; }
.bluebg  { border: medium solid white;   padding:1em; background: #006a65; border-radius: 10px; color: white; }
.brownbg { border: medium solid white;   padding:1em; background: #a2382e; border-radius: 10px; color: white; }
.graybg  { border: medium solid black;   padding:1em; background: #5e5e5e; border-radius: 10px; color: white; }
.ltgraybg{ border: medium solid white;   padding:1em; background: #5F6F78; border-radius: 10px; color: white; }
.greenbg { border: medium solid #008300; padding:1em; background: #7bc42d; border-radius: 10px; color: white; }
.dkgreenbg { border: medium solid #008300; padding:1em; background: #379229; border-radius: 10px; color: white; }
.orangebg{ border: medium solid orange;  padding:1em; background: #F9544F; border-radius: 10px; color: black; }
.redbg	 { border: medium solid white; 	 padding:1em; background: #B90000; border-radius: 10px; color: black; }
.whitebg { border: medium solid black;   padding:1em; background: white;   border-radius: 10px; color: black; }
img 	 { vertical-align: middle; border-radius: 5px; }
a.livnat {
	background-image: url("pictures/logo_naturalliving-760x162.jpg");
	width: 384px;
	height: 81px;
	border:  3px solid black;
	border-radius: 8px;
}
h1, h2   { text-align: center; }
li, p {
	padding-top: .66em;
	padding-bottom: .66em;
	page-break-inside: avoid;
}
#social li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 02px;
}
.twocols {
    column-count: 2;
    -moz-column-count: 2; /* Firefox */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    column-gap: 40px;
    -moz-column-gap: 40px; /* Firefox */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    column-width: 100px;
    -moz-column-width: 100px; /* Firefox */
    -webkit-column-width: 100px; /* Chrome, Safari, Opera */

/*    -webkit-column-rule: 4px outset white; /* Chrome, Safari, Opera */
/*    -moz-column-rule: 4px outset white; /* Firefox */
/*    column-rule: 4px outset white;    -webkit-column-width: 100px; /* Chrome, Safari, Opera */

}
.threecols {
    column-count: 3;
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    column-gap: 40px;
    -moz-column-gap: 40px; /* Firefox */
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    column-width: 100px;
    -moz-column-width: 100px; /* Firefox */
    -webkit-column-width: 100px; /* Chrome, Safari, Opera */

/*    -webkit-column-rule: 4px outset white; /* Chrome, Safari, Opera */
/*    -moz-column-rule: 4px outset white; /* Firefox */
/*    column-rule: 4px outset white;    -webkit-column-width: 100px; /* Chrome, Safari, Opera */

}
@media screen {
	body {
		margin: 1cm;
		color: black;
	}
	body {
		background-color: #FDF9D8; } /* cream */
/*
	body {
		background-image: url("pictures/wood-maple-background-repeat.jpg");
		background-repeat: repeat;
		background-size: 296px 309px;
	}
*/
}
@media print {
	body {
	color: black;
	background-color: white;
	}
	 @page {
		margin:	2cm 1cm;
	}
}
ul.nobreak {
	-webkit-column-break-inside: avoid;
			  page-break-inside: avoid;
				   break-inside: avoid;
}
#active2 #tab2,
#active3 #tab3,
#active4 #tab4,
#active5 #tab5 {
	font-weight:bold;
	text-decoration:none;
	color: black;
}

/* Start of Column CSS */
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
}
#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}
h2, h2 a, h2 a:visited {
	background-color: #1269BC;
	color: white;
	text-decoration: none;

}
h2 a:focus
h2 a:hover {
	background-color: #1269BC;
	color: yellow;
}
/* All done. Bye bye                       */