/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		background-image: url('/images/Stripe03.png');
		background-color: #fff; 	/* CC LAYOUT COLOR */
		/* min-width:600px; */    		/* Minimum width of layout - remove line if not required */
									/* The min-width property does not work in old versions of Internet Explorer */
		font-size:.95em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	a {
		text-decoration:none;
		color:#124F01;
	}
	
	a:hover {
		color:#D6C396;
	}
	
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
		clear:left;
	}
	
	
	h1 {
		font-size: 1.25em;
	}
	
	h2 {
		font-size: 1em;
	}
	
	h3 {
		font-size: .85em;
	}
	
	/* CC odkf */	
	
	.pdflink a[href$=".pdf"]:before {
	    padding: 1px 10px 5px ;
	    margin: 5px 0px 13px 0px;
	    content: "";
	    background: url(/images/PDFIcon_sm.gif) no-repeat;
		/* background-color:white; */
	}	
	

	
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	.fontlight {
		color: #545454;
	}
	
	.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
	}

	/* See C:\Users\...\Documents\Data\web\Don\CSS\FlexBox */
	.flex-container {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  /* Use a border for dev, enables visual to determine layout */
	  /* border: 1px solid silver; */
	  -ms-box-orient: horizontal;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -moz-flex;
	  display: -webkit-flex;
	  display: flex;
	}


	.flex-2colitem {
	  /* padding: 5px; */
	  width: 375px;
	  /* height: 100px; */
	  margin: 10px;
	  
	  /* line-height: 100px; */
	  /* color: white; */
	  /* font-weight: bold; */
	  /* font-size: 2em; */
	  /* text-align: center; */
	}

	.wrap    { 
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	}  

	
	/* Serves as content background */	
	#container {
		/* width:100%; */
		
		max-width:900px;
		background-color:#fff;
		background-color:#fffbf4;
		/* clear:both; */
		margin: 0 auto;
		/* margin-top:2%; */
		/* padding-bottom: 3%;	 */
		padding: 3%;
		
	}
	
	#spacer {
		margin-bottom:2em;
	}
	

  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  
  
	.blueprintimage {
		background-image: url('/images/blueprintcropgradient.png');
		background-repeat: no-repeat;
		background-position: right;
}	
	
   
/* Responsive */
		/* For mobile phones: */
		
@media screen and (max-width: 500px) {
		[class*="col-"] {
		width: 100%;
		}
	.blueprintimage {
		background-image: url('/images/blueprintcro.png');
	}
}	
 
	
	/* Header */

		#header {
		margin-top:3%;
		min-height:96px;
		margin-bottom: 2%;
	}
	
/* OUT */		#header .colorbar {
		/* background-color:#37804A */
		width:100%;
		min-height:120px;
		background-image: url('/images/colorbar.png');
		background-repeat: repeat-x;

	}

/* OUT */		#header .image {
		position:relative;
		top:-18px;left:12px;
		z-index:1;
	}
		
		#header .address {
		position:relative;
		font-size:.95em;
		margin-right:8%;
		float:right;
		color:#000;
	}
	
		
	/* Main Content */
	
/* OUT */	#container .colright li {
		list-style-type:square;
	}
	
/* OUT */	#container h1 {
		font-size: .7em;
	}
	
	/* main column on right */
	.colright {
		margin-left:265px;
		width:65%;
		position:relative;
		top:-15px;
	}
	
	.caption {
		font-size:.7em;
		text-align:center;
	}
		
	#nav {
		font-size:.85em;
		clear:both;
		position:relative;
		top:-42px;
		top:-62px;
		width:200px;
		float:left;
		line-height:1.35em;
		z-index: 1;
	}
	
	#nav ul {
		list-style-type:none;
		margin-left:-25px;
	}
	
	#nav ul li ul {
		list-style-type:square;
		color:#fff;
		margin-left:-15px;
	}
	
	#nav ul li ul li {
		margin-left:-5px;
		font-size:90%;
	}
	
	#nav p {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	
	#nav a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	
	#nav a:hover {
		color:#D6C396;
		/* background:#2E6B3D; */
		text-decoration:none;
	}
	
	#nav .image {
		background-image: url('/images/blueprintcrop.png');
		width:190px;
		min-height:181px;
	}
	
	#nav .ashi {
	background-image: url('/images/ASHI_logo_148.png');
	background-repeat:no-repeat;
	background-position:center top;
	min-height:180px;
	}

	/* Begin Footer */					
	
	#footer {
		clear:both;
		/* width:73%; */
		margin-top:3%;
		/* margin-left:225px; */
		text-align:center;
	}
	
	#footer ul {
		display:inline;
		list-style-type:none;
	}
	
	#footer li {
		display:inline;
	}
	#footer ul li ul li {
		display:inline;
		font-size:90%;
	}
	
	#footer a {
		color:#000;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#D6C396;
		text-decoration:none;
	}