@charset "utf-8";
/* CSS Document * *
@font-face {
	font-family: "Geometric 231 Light BT";  
  	src: url(../graphics/TT1126M_.TTF), format("truetype");	 
}   */	
  /* font-family: Gabrielle;  
  src: url(http://www.valeskastudio.com/assets/Gabrielle.ttf) format("truetype");
  above didn't wor  or imgX
  */

body { /*   */
	font: 120% Poiret One, Arial, Verdana, Helvetica, sans-serif; /*  */
	/* background: ;   url(../graphics/cloud50.jpg);  /* ws #666666; = dk grey */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	text-decoration: none;	
	}
/*  ----------------------------  advice from adobe --------------         */	
.wrapper {
    max-width: 1300px;
	width: 1200px;
    width: 80%;
    margin: 0 auto;
}	
imgX {
    /* image stretches to 100% of its container */
    width: 100%;

    /* image will stretch 100% of its container until it
    reaches 100% of the width of the image file itself */
    max-width: 100%;
}
/* 
http://codepen.io/christinatruong/pen/WQBKJZ/  
 */
/*  ----------------------------  ------------ -------------- ------        */
/* MK added contains below to make each box wrap according to screen size */
.contains {
    display: flex;
    flex-flow: row wrap;
}


.oneColLiqCtr #container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}



h2 {
  /* font:   "Geometr231 Lt BT";  , "Geometric 231 Light BT";   */
	color: #1351E1; 
	font-size: 125%;		
}

#MainContent{

}

.hed{
	font-family: 'Poiret One', cursive;  /* Geometric 231 Light BT;   */
	font-size: 170%;
	color: #1351E1; 
	margin: 12px 0 0 2px;
	padding: 0;
	float: left;
	}
.logo{
	float: left;
}

hr {
    border-style: inset; /*  solid ; */
    border-width: 1px;
    display: block;
    margin: 0 auto;
 /*	border-color:  ;  */
}
/*
.hr {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
	padding: 0:
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1px;
    border-style:  inset;
    border-width: 1px;
	color: #6699FF;
}

	color:#FF9933; 
	} */
/* menu  */
.clear{
	clear: both;	
}

#navig {
	float:right;
	 /* display:inline; */
	 width: 80%;
}
#access {		   /* ?= nav */
	display: table; /*  ws block */
	table-layout: fixed;
	float: right;  /* ??? right; */
	width: 100%;
}

#access .menu-container{
	float:left;
}

#access ul{
	float: right;    /*  ws works  */
	display: table-row; /*  ws   */
	margin: 0;
	padding: 0;
}
#access ul li {
	/*     float: right;   ws not here mk - sort of works to send to right */
    list-style: none;
    	margin: 5px 15px 15px 15px;
	display: table-cell; /*  ws   */
    text-align: center;
	/*
	width: 16.6667%; 
	margin: 10px;
	
    float: left;
	width: 16.6667%;  fallback for non-calc() browsers 
    width: calc(100% / 4); */
	}

	
#access ul li a {
    display: block;
	text-decoration: none;
	font-size: 125% ;
	color: #000000;
}	

#access ul li a:hover, a:active {
	color: #0E5E98;  /* #1351E1;  */
	font-weight: 500;
	font-style:italic;
	text-decoration:none;	
		
}

a:hover, a:active{ 
	color: #330099;
	color: #0E5E98;
	font-style:italic;
	text-decoration: none;
 
	
		}

#access li {
	float: left; /* ws  right; sort of works */
	position: relative;
}
/*
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {   */
.inaline {	display: inline; }
/*  may not need this:  ws .three_columns .home_image **/
.three_columns {
	margin-top: 0; 
	margin-left:0;
	margin-right:10px;
	margin-bottom:20px;
	text-align:left;	
	float:none;
} 

/*.widget-area,  */
 .first_column, .second_column,  .third_column  {
 	   display:inline;
		float: none;
		margin-right: 22px;
		width: auto;
		margin-bottom: 0px;  /* was 40   */
		 background-image: url("images/christal_hr.jpg");
	 background-position: center top;
	 background-repeat:no-repeat;
	 padding-top:0px;    /* was 30   */
	 padding-bottom: 0px;  /* was 40   */

	}
img .imgw {
	border: #000000 thin solid; 
}
img {
  border-color:#000000;
  -ms-interpolation-mode: bicubic;
}

.indent{
	margin: 0 0 0 35px;
}
.indent ul {
	list-style: none;
 /*	margin: auto auto 5px auto; */
	margin-bottom: 5px;
}