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

body {
	min-width: 320px;
	
	font-size: 90%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background-color: #e8e8e8;
	background-image:url(graphics/bg.PNG);
	background-image: 100%;
	background-position: top center;
	background-repeat:repeat;
	background-attachment:fixed; 
	margin: 0;
	padding: 0;
	color: #000000;
}

b 
{ font-weight: bold; }

ul, ol, dl {
	padding-left: 30px;
	line-height: 20px;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}
h1 {
	font-family: 'EB Garamond', serif;
	font-size: 250%;
}
h2 {
	font-family: 'EB Garamond', serif;
	font-size: 160%;
}
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight:600;
}
h4 {
	font-family: 'EB Garamond', serif;
	font-size: 120%;
}
h5 {
	font-family: 'Pinyon Script', cursive;
	font-size: 100%;
}

h7 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 70%;
}


.button {
	background-color:#000000;
	border:none;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	color:#ffffff;
	padding:5px 10px 5px 10px;
	font-size: 80%;
	float: right;
} 
a img {
	border: none;
}
a:link {
	color: #2E605A;
	text-decoration: none;
}
a:visited {
	color: #2E605A;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #878787;
}

a.hnav:hover {
	opacity:0.7;
filter:alpha(opacity=60);
-webkit-transition: opacity .3s linear;
}

a.sidemenu:hover {
	border-left: 3px solid #2E605A;
	border-right-radius: 1px;	
}
/*tooltip*/
a.tip {
    border-bottom: none;
    text-decoration: none
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    display: none
}
a.tip:hover span {
    border: #cccccc 1px dotted;
    padding: 10px 10px 10px 10px;
    display: block;
    z-index: 100;
    background: #f0f0f0 no-repeat 100% 5%;
    left: 0px;
	text-align:left;
    margin: 10px 10px 10px -100px;
    width: 220px;
    position: absolute;
    top: 10px;
	color:#a8a8a8;
    text-decoration: none
}
/*tooltip ends*/
.container {
	/*width: 950px; /*remove - makes site NOT responsive*/
	max-width:950px;
	background-color: transparent;
	margin: 0 auto;
}

.menu {
	font-size:20px;
	font-weight:400;
	font-family: 'EB Garamond', serif;
	text-shadow: 1px 1px 1px #2E605A;
	}
	
.menu:hover {
	font-size:20px;
	font-weight:400;
	font-family: 'EB Garamond', serif;
	opacity:0.7;
	filter:alpha(opacity=100);
	-webkit-transition: opacity .5s linear;
	transition:all .4s ease-in-out;
	}

.headdiv {
	width: 100%; 
	height:  350px;
	background-color:#00A79D; 
	background-image:url(graphics/DCM%20-%20SIM%20bg.png);
	background-position: top center; 
	background-size:cover; 
	background-repeat:no-repeat;
	background-attachment:scroll; 
	padding: 25px 0px 15px 0px;
	-webkit-box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.20);
	-moz-box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.20);
	box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.20);
}


.headdiv2 {
	width: 100%; 
	background: rgba(255, 255, 255, .5);
	background-position: top center; 
	background-size:cover; 
	background-repeat:no-repeat;
	background-attachment:scroll;
	text-align:right;
}

.table-main {
	width:263px; 
	padding:20px 20px 5px 20px; 
	background: rgba(255, 255, 255, .8);
	box-shadow: -3px 4px 15px -6px rgba(0,0,0,0.20);
	border:1pt solid #e8e8e8;
	text-align:center;
}


.table-main-long {
	width:100%; 
	padding:20px 20px 20px 20px; 
	background: rgba(0, 0, 0, .3);
	box-shadow: -2px 0px 14px -2px rgba(0,0,0,0.20);
	border:1pt solid #dfdfdf;
	text-align:center;
	color:#333333;
	font-size:100%;
	font-weight:100;
}
.table-main-light {
	width:100%; 
	padding:20px 20px 20px 20px; 
	background: rgba(204, 204, 204, 1);
	box-shadow: -2px 0px 14px -2px rgba(0,0,0,0.20);
	border:1pt solid #dfdfdf;
	text-align:center;
	color:#333333;
	font-size:100%;
	font-weight:100;
}

.table-main-long-divide {
	width:260px; 
}


.textopacity {
	color:#ffffff;
	opacity:0.3; filter:alpha(opacity=95);
}

.header {
	background-color: #ADB96E;
}

.content {

	padding: 10px 0;
}

.imgborder {
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75); 
	padding:5px;
}

.videoborder {
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75); 
	padding:10px;
}

hr.style-solid {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


.footer {
	font-size: 85%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
	color: #000000;	
	padding:10px;
	background-image:url(); 
	background-repeat:repeat;
}

/*for slideshow*/
ul.ppt {
	margin-top:4px;
	font-family: 'EB Garamond', serif;
	font-size:40px; /**/
	/*font-size: 45px; /**/
	text-align:left;
	letter-spacing:1px;
	overflow: hidden;
	line-height:60px;
	font-weight:100;

}

.ppt li {
	list-style-type: none;
	color: #ffffff;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.ppt img {
	border: 1px solid transparent;
	padding: 5px;
	background-color: transparent;
}


.book_flexbox 
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-evenly; 
	
	max-width: 100%; 
	margin: auto; 
	margin: 25px;  
	/*border:1px solid red; /**/	
}
.book_box
{
	width: 300px; 
	padding: 25px;  
	/*border:1px solid green; /**/	
}

.contact_flexbox 
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-evenly; 
	
	max-width: 100%; 
	margin: auto; 
	/*border:1px solid red; /**/
}
.contact_box
{
	width: 325px; 
	padding: 20px;
	background: rgba(0, 0, 0, 0.1);		
	margin: 15px 0px;  
}
.career_box
{
	width: 765px; 
	padding: 20px;
	background: rgba(0, 0, 0, 0.1);
	margin: 15px;	
}
.center_flex
{
	display:flex; /**/
	justify-content:center; /**/
	align-items:center; /**/
}

.about
{
	width:50%; 
	padding: 25px; 
	/*background: linear-gradient(180deg, transparent , #40ADA2);*/
	background: rgba(64, 173, 162, 1);
	color: white; 	
}
@media all and (max-width: 415px) 
{
	.about
	{
		font-size: 12px; 
	}	 
}

/*logo*/
.parent-img
{
    position: relative;
}
.child-img
{
	position: absolute;
}
@media all and (max-width: 758px) 
{
	.ppt
	{
		display:none; /**/
	}
}
@media all and (max-width: 1268px) 
{
	.parent-img /*center logo on small screens*/
	{
		display:flex; /**/
		justify-content:center; /**/
		align-items:center; /**/
	}
	.child-img
	{
		/*display:none; /*hide logo on small screens*/
		position: static;
	}
	.about
	{
		width:100%; /**/
	}
}