@charset "utf-8";
.imageLeft {
	clear: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
}
.imageShadow {
	margin-right: 10px;
	margin-bottom: 30px; 
	border:2px solid #000;
    -webkit-box-shadow: 10px 10px 5px #999;
}
.imageLeftGlow {
	clear: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
	border:2px solid #000;
    -webkit-box-shadow: 10px 10px 5px #999;
    }
.imageLeftShadow {
	clear: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
	border:2px solid #000;
      -webkit-box-shadow: 6px 6px 12px #999;
}
.DivReviewContainer{
	margin-left:3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-right: 4em;
	font-size: 2vw;
}
.DivReview {
	padding:10px;
	font-size: 2vw;
}
.DivButton {
	z-index:1000; font-size:small; 
	position:relative;  
	display:button;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	background-color: #CCC;
	margin-top: 1em;
	margin-bottom: 3px;
	margin-left: 1em;
	padding-right: 1em; 
	padding-left: 1em;
	}
	
.DivTitle {  
 	z-index:1000;    
	position:relative;   
	text-shadow:2px 2px 5px white;  
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #000; 
	background-color: #CCC;
	margin-top: 1em;
	margin-bottom: 3px; 
	margin-left: 1em;
	padding-right: 1em;
	padding-left: 1em;
	}
.FlexContainer {
	display:inline-flex; 
	flex-wrap: wrap;
	clear: right;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #000;
	border-right-color: #999;
	border-bottom-color: #000;
	border-left-color: #666;
	border-radius:15px;
	background-image: url(Bkgnd/GreyTextured_Light_LG.png);
}
.FlexContainer > div {
	margin:10px;
	padding: 20px;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	border-radius:10px;
	color: #000;
	background-color: #CCC;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #333;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #333;
}
.imageRight {
	clear: right;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	z-index: auto;
}
.imageCenter {
	display:block;
	float:inherit;
	 
	margin-left:auto;
	margin-right: auto;
}
.HeaderYello {
	font-size-adjust:0.3;
		Font-style:italic;
	font-variant:inherit;
    }
.ListOffset{
	list-style-position: outside;
	overflow: visible;
	border: thin none #FFF;
	margin-left: 15px;
	text-indent: -10px;
	padding-left: 10px;
}

/**outer wrapper**/
#box-wrapper {
width:550px;
overflow:hidden; /**to contain floats**/
border:1px dotted red;
}
 /** rounded boxes **/

h2 {
margin: 0;
color: black;
text-align: center;
padding: 7px 0 5px 0;
}

.box-content {
background: #FFF; 
padding: 12px;
}