/* CSS */

/* For colors,see http://paletton.com/ and http://www.w3schools.com/tags/ref_colorpicker.asp /* 


/* ---------- OVERALL STRUCTURE STYLING ---------- */
html { 
	background-color:  #333333;
	background: url(images/bg/bg01.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: georgia, arial, times, sans-serif;
	}
html, body {
	height: 100%;
	}
#wrapper {
	min-height: 100%;
	}

#main {overflow:auto;
	padding-bottom: 80px;  /* must be same height as the footer */
	}  

/* ---------- TITLE STYLING ---------- */
#topBox {
	margin: 20px 50px 0px;
	clear:both;
	}
@media screen and (max-width: 600px) {
   	 #topBox  {
		margin: 0px 0px;
 		}
	}
#titleBox {
	float: right; /* for right-aligned div */
	width: 450px; /* for right-aligned div */
	margin-right: 0px; /* for right-aligned div */
	text-align: center;
	background-color: rgba(255,255,255,0.85);
	}
@media screen and (max-width: 600px) {
   	 #titleBox {
		clear: both; /* for centered div */
		width: 100%;
		margin: 0px;
 		}
	}
.titleText {
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 250%;
	color: #126BAF; /* #3333CC; #CC3333; */
	padding: 5px 0px;
	}
@media screen and (max-width: 600px) {
   	 .titleText {
		font-size: 200%;
		padding: 0px;
 		}
	}
.titleTextB {
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 200%;
	color: #126BAF; /* #3333CC; #CC3333; */
	padding: 5px 0px;
	}
@media screen and (max-width: 600px) {
   	 .titleTextB {
		font-size: 150%;
		padding: 0px;
 		}
	}
.subtitleText {
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 175%;
	font-style: italic;
	color: black;
	padding: 5px 0px;
	}
@media screen and (max-width: 600px) {
   	 .subtitleText {
		font-size: 100%;
		padding: 0px;
 		}
	}

/* ---------- TOP NAV BAR STYLING ---------- */
#topnav {
	float: left; /* for left-aligned div */
	/* width: 300px; */ /* for left-aligned div */
	margin-left: 0px; /* for left-aligned div */
	margin-top: 0px;
	padding: 2px;
	background-color: rgba(255,255,255,0.85);
	font-weight: 400;
	}
@media screen and (max-width: 600px) {
   	 #topnav  {
		margin-left: 0px;
 		}
	}
#topnavlinks {
	text-align: left; /* places links on left of screen */
	font-size: 100%;
	}
    /* Hide from IE5-Mac \*/
#topnavlinks li a {
	float: none;
	}
   /* End hide */
#topnavlinks ul {
	padding-left: 0px; /* ensures links are centered propperly */
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	}
#topnavlinks ul li {
	/* display: list-item; */
	/* display: inline; */      /* prevents list from being vertical */ 
	padding: 1px;   /* controls spacing of nav links */
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
	}
#topnavlinks a {
	text-decoration: none;
	padding: 1px 2px;
	font-style: normal;
	text-decoration: none; /* this takes off the underline */
	}
#topnavlinks a:link {
	color: #113660; /* #CC3333; */
	border: 2px solid clear;
	}
#topnavlinks a:visited {
	color: #041426; /* black; */
	}
#topnavlinks a:hover {
	color: #FF720A; /* #3C73Af; #FFA500; */
	}
#topnavlinks a:visited:hover {
	color: #FF720A; /* #3C73Af; #FFA500; */
	}
#topnavlinks a.here {
	font-weight: 700;
	color: #126BAF; /* #CC3333; */
	border: 2px solid #126BAF; /* #CC3333; */
	}
#topnavlinks a.here:hover {
	font-weight: 700;
	color: #FF720A; /* #3C73Af; #FFA500; */
	border: 2px solid #FF720A; /* #3C73Af; #FFA500; */
	}
#topnavlinks a:active {
	color: #3D92D3; /* #0066CC; */
	}

/* ---------- INSET NAV BAR STYLING ---------- */
#insetnavlinks {
	text-align: center; /* places links in center of screen */
	font-size: 80%;
	margin-left: 40px;
	margin-top: 5px; 
	}
    /* Hide from IE5-Mac \*/
#insetnavlinks li a {
	float: none;
	}
   /* End hide */
#insetnavlinks ul {
	padding-left: 0px; /* ensures links are centered propperly */
	list-style-type: none;
	}
#insetnavlinks ul li {
	/* display: list-item; */
	/* display: inline; */      /* prevents list from being vertical */ 
	padding: 1px;   /* controls spacing of nav links */
	margin-top: 3px;
	}
#insetnavlinks a {
	text-decoration: none;
	padding: 1px;
	font-style: normal;
	text-decoration: none; /* this takes off the underline */
	}
#insetnavlinks a:link {
	color: #113660; /* #CC3333; */
	/* border: 2px solid clear; */
	boder: none;
	}
#insetnavlinks a:visited {
	color: #041426; /* black; */
	}
#insetnavlinks a:hover {
	color: #FF720A; /* #3C73Af; #FFA500; */
	}
#insetnavlinks a:visited:hover {
	color: #FF720A; /* #3C73Af; #FFA500; */
	}
#insetnavlinks a.here {
	font-weight: 600;
	color: #126BAF; /* #CC3333; */
	/* border: 2px solid #CC3333; */
	border: none;
	}
#insetnavlinks a.here:hover {
	font-weight: 600;
	color: #FF720A; /* #3C73Af; #FFA500; */
	/* border: 2px solid #FFA500; */
	border: none;
	}
#insetnavlinks a:active {
	color: #3D92D3; /* #0066CC; */
	}

/* ---------- CONTENT STYLING --------- */
#contentBox {
	margin: 10px 50px;
	padding-bottom: 10px;
	clear:both;
	background-color: rgba(255,255,255,0.85);
	}
@media screen and (max-width: 600px) {
   	 #contentBox  {
		margin: 0px 0px;
 		}
	}
#contentBox a {
	text-decoration: none; /* this takes off the underline */
	}
#contentBox a:link {
	color: #113660; /* #FF0000; */
	}
#contentBox a:visited {
	color: #041426; /* #E00000; */
	}
#contentBox a:hover {
	color: #FF720A; /* #FFA500; */
	}
#contentBox a:active {
	color: #3D92D3; /* #FFCC00; */
	}
.contentTitle {
	margin: 5px 10px 0px 10px;
	color: #071E53; /* #CC3333; */
	font-size: x-large;
	font-stretch: wider;
	font-weight: bolder;
	}
@media screen and (max-width: 600px) {
   	 .contentTitle {
		font-size: large;
		font-stretch: normal;
 		}
	}
.contentHeading {
	margin: 9px 13px 0px 13px;
	color: #0D307F;  /* #CC6666; */
	font-size: large;
	font-stretch: wider;
	font-weight: bold;
	}
@media screen and (max-width: 600px) {
   	 .contentHeading  {
		font-size: large;
 		}
	}
.contentText {
	margin: 5px 15px 20px 15px;
	text-align: justify;
	color: #333333;
	}
@media screen and (max-width: 600px) {
   	 .contentText  {
		text-align: left;
 		}
	}
.me  {
	font-weight: bold;
	color: #3366CC;
	display:inline;
	}
.indent {
	margin-left: 15px;
	}
.photoLeft img {
	float: left; 
	width: 150px; 
	margin: 10px;
	padding: 1px;
	border: 1px solid white;
	} 
.photoRight img {
	float: right; 
	width: 150px; 
	margin: 10px 20px;
	padding: 1px;
	border: 1px solid white;
	}
.photoCenter img {
	display: block;
	margin: 10px auto; 
	width: 150px; 
	padding: 1px;
	border: 1px solid white;
	}
@media screen and (max-width: 600px) {
   	 .photoLeft .photoRight img {
		clear: both;
		display: block;
		margin: 5px auto; 
		width: 200px; 
 		}
	}
.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
	}
.clearfix {
	display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

/* ---------- CONTACT ICONS ----------- */
.contactIcons {
	text-align: left;
	margin-top: 5px;
	}
.contactIcons span {
	height: 24px;
	width: 24px;
	margin-right: 5px;
	display: inline-block; 
	background-color: clear;
	background-image: url("images/iconsprite.png");
	}
.contactIcons span.text {
	height: auto;
	width: auto;
	margin-top: -12px;
	line-height: 1em;
	vertical-align: middle; 
	background-image: none;
	}
.contactIcons span.facebook {
	background-position: -0px 0px;
	}
.contactIcons span:hover.facebook {
	background-position: -0px -25px;
	}
.contactIcons span.google {
	background-position: -25px 0px;
	}
.contactIcons span:hover.google {
	background-position: -25px -25px;
	}
.contactIcons span.linkedin {
	background-position: -50px 0px;
	}
.contactIcons span:hover.linkedin {
	background-position: -50px -25px;
	}
.contactIcons span.twitter {
	background-position: -75px 0px;
	}
.contactIcons span:hover.twitter {
	background-position: -75px -25px;
	}
.contactIcons span.youtube {
	background-position: -100px 0px;
	}
.contactIcons span:hover.youtube {
	background-position: -100px -25px;
	}
.contactIcons span.picasa {
	background-position: -125px 0px;
	}
.contactIcons span:hover.picasa {
	background-position: -125px -25px;
	}
.contactIcons span.researchgate {
	background-position: -150px 0px;
	}
.contactIcons span:hover.researchgate {
	background-position: -150px -25px;
	}
.contactIcons span.academiaedu {
	background-position: -175px 0px;
	}
.contactIcons span:hover.academiaedu {
	background-position: -175px -25px;
	}
.contactIcons span.kmhomepage {
	background-position: -200px 0px;
	}
.contactIcons span:hover.kmhomepage {
	background-position: -200px -25px;
	}


/* ---------- FOOTER STYLING ---------- */
#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;
	} 
#footerBox {
	margin: 10px 50px 20px;
	padding: 10px;
	background-color: rgba(255,255,255,0.85);
	}
@media screen and (max-width: 600px) {
   	 #footerBox  {
		margin: 0px 0px;
 		}
	}
#footerBox a {
	text-decoration: none; /* this takes off the underline */
	}
#footerBox a:link {
	color: #113660; /* #FF0000; */
	}
#footerBox a:visited {
	color: #041426; /* #E00000; */
	}
#footerBox a:hover {
	color: #FF720A; /* #FFA500; */
	}
#footerBox a:active {
	color: #3D92D3; /* #FFCC00; */
	}
.footerText {
	text-align: center;
	color: #333333;
	font-weight: 400;
	font-size: medium;
	}
.footerTextLeft {
	/* display:inline-block; */
	float: left; 
	width: 200px; 
	margin-left: -5px; 
	/* margin-top: -1.5em; */
	margin-top: 5px;
	text-align: left;
	font-weight: 400;
	color: #333333;
	font-size: small;
	}
@media screen and (max-width: 600px) {
   	 .footerTextLeft {
		text-align: center;
		clear: both;
		width: 100%;
		margin: 3px 0px;
 		}
	}
.footerTextRight {
	/* display:inline-block; */
	float: right; 
	width: 200px; 
	margin-right: -5px; 
	/* margin-top: -1.5em; */
	margin-top: 5px; 
	text-align: right;
	font-weight: 400;
	color: #333333;
	font-size: small;
	}
@media screen and (max-width: 600px) {
   	 .footerTextRight {
		text-align: center;
		clear: both;
		width: 100%;
		margin: 3px 0px;
 		}
	}
.footerIcons {
	text-align: center;
	color: #ffffff;
	font-weight: 400;
	font-size: medium;
	}
.footerIcons span {
	height: 24px;
	width: 24px;
	margin: 0px 5px; 
	display: inline-block;
	background-color: clear;
	background-image: url("images/iconsprite.png");
	}
.footerIcons span.facebook {
	background-position: -0px 0px;
	}
.footerIcons span:hover.facebook {
	background-position: -0px -25px;
	}
.footerIcons span.google {
	background-position: -25px 0px;
	}
.footerIcons span:hover.google {
	background-position: -25px -25px;
	}
.footerIcons span.linkedin {
	background-position: -50px 0px;
	}
.footerIcons span:hover.linkedin {
	background-position: -50px -25px;
	}
.footerIcons span.twitter {
	background-position: -75px 0px;
	}
.footerIcons span:hover.twitter {
	background-position: -75px -25px;
	}
.footerIcons span.youtube {
	background-position: -100px 0px;
	}
.footerIcons span:hover.youtube {
	background-position: -100px -25px;
	}
.footerIcons span.picasa {
	background-position: -125px 0px;
	}
.footerIcons span:hover.picasa {
	background-position: -125px -25px;
	}
.footerIcons span.researchgate {
	background-position: -150px 0px;
	}
.footerIcons span:hover.researchgate {
	background-position: -150px -25px;
	}
.footerIcons span.academiaedu {
	background-position: -175px 0px;
	}
.footerIcons span:hover.academiaedu {
	background-position: -175px -25px;
	}
.footerIcons span.kmhomepage {
	background-position: -200px 0px;
	}
.footerIcons span:hover.kmhomepage {
	background-position: -200px -25px;
	}
.footerIcons span.spacer {
	width: 100px;
	background-image: url("images/clear24x24.png");
	}
@media screen and (max-width: 600px) {
   	.footerIcons span.spacer {
		width: 0px;
 		}
	}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}