@charset "utf-8";
/* CSS Document */
body {

	font-size: 1.25em;
	/* background-image:url(images/grass.jpg); */
	background-image: url(images/triangle-background-17.png);
	background-repeat: repeat;
	/* use DW color picker to select similar color */
	background-color: rgba(207,202,225,1.00);
	background-position: 0% 0%''
 }
 
 ul#background-repeat li {
	list-style-type: none;
	background-image: url(images/smallRedCircle.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 1.6em;
	/* hard to get the bullet to lineup, 
	bullet is part of cotent;
	list-style-image: url(images/smallRedCircle.png);
	list-style-position: inside; */


/*
	background-position: 10px
	background-size: contain;
	background-position: -10px p 0%; */
	}
	
	h4 {
	width: 45%;
	float: left;
	box-sizing: border-box;
	padding: .5em;
	margin: 1em;
	border: 6px dashed #777;
	height: 3em;
	background-image: url(images/weaselLeft.jpg);
	/* background-size: contain; */
	background-repeat: no-repeat;
	text-transform: none;
	}
	
	h5 {
		width : 45%;
		float: left;
		box-sizing: border-box;
		padding: 0.5em;
		padding-left:5em;
		margin:  1em;
		border: 6px solid white;
		height: 6em;
		background-image: url(images/redCircle.png);
		/* background-size: contain; */
		background-repeat: no-repeat;
	}
	
	.h6, h6 { /* I have a div with ul element */
		width : 45%;
		float: left;
		box-sizing: border-box;
		padding: 0.5em;
		padding-top: 4em;
		margin:  1em;
		border: 6px solid #888;
		height: 30em;
		font-size: 1em;
	}
	#linearGradient a, #linearGradientDW a { color: #eee; }
	#linearGradient {
	
	color: white;
	float: left;
	width: 40%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#020100+0,2989d8+50,207cca+70,7a8ba8+100 */
	background: #020100; /* Old browsers */
	background: -moz-linear-gradient(left, #020100 0%, #2989d8 50%, #207cca 70%, #7a8ba8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #020100 0%,#2989d8 50%,#207cca 70%,#7a8ba8 100%); /* Chrome10-25,Safari5.1-6 */
	background-position: right; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* failing on css3 validation ptd 2/29/2016
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020100', endColorstr='#7a8ba8',GradientType=1 );  IE6-9 */
	}
	
	#linearGradientDW {
	color: white;
	height-min: 6em;
	width: 40%;
	background-image: -webkit-linear-gradient(45deg,rgba(11,119,10,1.00) 0%,rgba(200,219,10,1.00) 27.98%,rgba(45,5,15,1.00) 62.18%,rgba(1,1,26,1.00) 98.96%);
	background-image: -moz-linear-gradient(45deg,rgba(11,119,10,1.00) 0%,rgba(200,219,10,1.00) 27.98%,rgba(45,5,15,1.00) 62.18%,rgba(1,1,26,1.00) 98.96%);
	background-image: -o-linear-gradient(45deg,rgba(11,119,10,1.00) 0%,rgba(200,219,10,1.00) 27.98%,rgba(45,5,15,1.00) 62.18%,rgba(1,1,26,1.00) 98.96%);
	background-image: linear-gradient(45deg,rgba(11,119,10,1.00) 0%,rgba(200,219,10,1.00) 27.98%,rgba(45,5,15,1.00) 62.18%,rgba(1,1,26,1.00) 98.96%);
	}
	
		
	
	footer { clear:left; }