body {
	background-color: white;
	margin: 0;
	font-family: "Times New Roman" !important;
	font-size: 18px !important;
}

hr {
	background-color:red;
	clear:both;
	float:left;
	width:98vw;
}

/* Related to the top menu*/
.topnav {
  width:85vw;
  overflow: hidden;
  background-color: #bd0707;
  float: left;
  display: inline-block;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.5vw;
  font-weight:bold;
}

.topnav a:hover {
  background-color: #f95353;
  color: black;
}

.topnav a.active {
  background-color: #f95353;
  color: white;
}

.topnav .icon {
  display: none;
}

#container {
	display:block;
	width: 98vw;
	background-color: #ffffff;
	margin: 0px;
	text-align: left;
	padding-bottom: 10px;
	overflow:hidden;
}

#header {
	width: 98vw;
	height: 55px; 
	margin: 0;
	text-align: left;
	padding: 15px 15px 0px 15px;
}

.readMore{
	color:blue;
	float:left;
	margin:0px 0px 0px 50px;
}

.readLess{
	color:blue;
	float:left;
	margin:0px 0px 0px 50px
}

.genText{
	font-size:18px;
	width:95vw;
}

/*for the staff page*/
.headShot{
	height:134px;
	width:auto;
	margin:40px 40px 5px 40px;
	box-shadow: 4px 4px 2px #c0c0c0;
	border-radius:4px;
}
.headText{
	font-size:18px;
	text-align:center;
}
 .fullBio{
	float:left;
	width:90vw;
	margin:10px 0px 10px 20px;
}
	
 .fullHead{
	 float:left;
	 width:15vw;
	 margin: 0px 20px 10px 0px;
 }
 
 .fullTitle{
	 font-size:24px;
 }

#post-it-notes {
	position: absolute;
	margin-left: 260px;
	margin-top: 0;
}

#logo-text {
	width: 180px;
	height: 52px;
	text-align: left;
	margin: 0;
	float: left;
	margin-left: 0px;
}

#search-header {
	float: right;
	margin-right: 0px;
	margin-top: 0px;
}

.td_title {
	font-weight: bold;
	color: #ffffff;
}

#langue{
	display:inline-block; 
	width:100px;
}

#language{
	color:black;
	border-radius:8px;
	border-left:solid 2px #33ccff;
	border-top:solid 2px #33ccff;
	border-right:solid 2px #99e6ff;
	border-bottom:solid 2px #99e6ff;
	padding:5px;
	background-color:#99e6ff;
	margin-right:5px;
	margin-bottom:10px;
	box-shadow: 5px 5px 3px #c0c0c0;
}
	
#banner {
	display:block;
	clear:both;
	width:98vw;
	padding: 10px 15px 0px 15px;
}

#bannerLogo {
	float: left;
	margin: 0;
	width:15vw;
	height:auto;
	display:inline-block;
}

#bannerTextBlock{
	display:inline-block;
	width:40vw;
	text-align:center;
	background-color:white;
	z-index:10;
}

#bannerMoto{
	overflow:hidden;
	padding-left:10px;
	text-align:center;
	font-size:2.5vw;
	font-weight:bold;
	font-family:'Times New Roman';
	color:#990000
}

#bannerFormely{
	overflow:hidden;
	font-weight:bold; 
	font-size:1.5vw;
}
	
#bannerPhoto {
	float: right;
	margin: 0px 10px 0px 0px;
	display:inline-block;
	width:35vw;
	height:auto;
}

#content {
	float:left;
	width: 98vw;
	margin-top: 10px;
	padding:0px 10px 0px 10px;
}

 /* used in index page*/
	.partnerIcon{
		height:auto;
		min-height:30px;
		width:10vw;
		margin:20px;
	}

	.iframeStyle{
		overflow:hidden;
		width:40vw;
		height:70vh;	
	}	

.footer {
	width: 98vw;
	margin: 40px 0px 0px 0px;
	font-size:18px;
	color:white;
	background-color: #bd0707;
	display:block;
	clear:both;
	display:inline-block;
}

.footerBlock{
	width:30vw;
	display:inline-block;
	background-color: #bd0707;
	margin: 10px 10px 10px 10px;
	padding:0px;
}
 
 .footerBlock p {
	color:white;
	margin:0px;
	padding:0px;
 }

.footerTitle2{
	font-size:16px;
}

.content_title {
	background-color: #bd0707;
	font-family: Trebuchet MS, Verdana, Arial;
	color: #ffffff;
	padding-left:20px;
	font-size:18px;
	float: left; 
	width:90vw; 
	margin:0px;
	clear:left;
}

img.border {
	border: 1px #000000 solid;
}

p, div, span, td {
	font-family: Times New Roman;
	color: #000000;
}

.title {
	font-size: 25px;
	font-family: Trebuchet MS, Verdana, Arial;
}

a.white_link {
	text-decoration: underline;
	color: #ffffff;
	padding:30px;
}

a.white_link:hover {
	text-decoration: none;
	color: #ffffff;
}

.white {
	color: #ffffff;
}

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
}

a {
	color: #bd0707;
	text-decoration: underline;
}

a:hover {
	color: #bd0707;
	text-decoration: none;
}

.submit_btn {
    border : 1px solid;
	border-color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration : none;
	background-color : #ffffff;
	padding: 2px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 0px;
}
.submit_btn_over {
    border : 1px solid;
	border-color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	text-decoration : none;
	background-color : #999999;
	padding: 2px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-top : 0px;
}

/*Styles for phones  */
@media only screen and (max-width: 800px){
	body {
	background-color: white;
	margin: 0;
	font-family: "Times New Roman" !important;
	font-size: 14px ;
	}

	.topnav a{
		font-size:14px;
	}

	.topnav a:not(:first-child) {
		display: none;
	}

	.topnav a.icon {
		float: right;
		display: block;
		font-size:24px;
		background-color: #bd0707;
		color: white;
	}
	.topnav a.icon.active {
		float: right;
		display: block;
		font-size:24px;
		background-color: #bd0707;
		color: white;
	}

	.topnav.responsive {
	  position: relative;
	}

	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
		font-size:24px;
		background-color: #bd0707;
		color: white;
	}
	.topnav.responsive .icon.active {
		position: absolute;
		right: 0;
		top: 0;
		font-size:24px;
		background-color: #bd0707;
		color: white;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		font-size:14px;
	}
	#container {
	display:block;
	width: 98vw;
	background-color: #ffffff;
	margin: 0px;
	text-align: left;
	padding-bottom: 10px;
	overflow:hidden;
	}

	#header {
		width: 98vw;
		height: 55px; 
		margin: 0;
		text-align: left;
		padding: 15px 15px 0px 15px;
	}
#banner {
	width:98vw;
	padding: 10px 15px 0px 15px;
}

#bannerLogo {
	float: left;
	margin: 0;
	width:15vw;
	min-width:100px;
	height:auto;
	display:inline-block;
}

#bannerTextBlock{
	display:inline-block;
	width:45vw;
	min-width:200px;
	text-align:center;
	background-color:white;
	z-index:10;
}

#bannerMoto{
	overflow:hidden;
	padding-left:10px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	font-family:'Times New Roman';
	color:#990000
}

#bannerFormely{
	overflow:hidden;
	font-weight:bold; 
	font-size:10px;
}
	
#bannerPhoto {
	float: right;
	margin: 0px 10px 0px 0px;
	display:none;
	width:40vw;
	height:auto;
}

.footerBlock{
	width:80vw;
	display:inline-block;
	background-color: #bd0707;
	margin: 10px 10px 10px 10px;
	padding:0px;
}

.footerTitle{
	font-size:18px;
}

.footerTitle2{
	font-size:14px;
}

	.readMore{
		font-size:14px;
		color:blue;
		float:left;
		margin:0px 0px 0px 50px;
	}

	.readLess{
		font-size:14px;
		color:blue;
		float:left;
		margin:0px 0px 0px 50px
	}

	.genText{
		font-size:14px;
		width:90vw;
	}

	/*for the staff page*/
	.headShot{
		height:40vh;
		width:auto;
	margin:20px;
	}
	.headText{
		font-size:14px;
		text-align:center;
	}

.fullBio{
	float:left;
	width:80vw;
}
	
 .fullHead{
	 float:left;
	 width:30vw;
	 margin: 0px 20px 10px 0px;
 }
 
 .fullTitle{
	 font-size:16px;
 }
 
 // used in index page
	.partnerIcon{
		height:15vh;
		min-height:20px;
		width:auto;
		margin:20px;
	}

	.iframeStyle{
		border:none;
		overflow:hidden;
		margin:10px 0px 10px -20px;
		width:95vw;
		height:70vh;	
	}	

	#footer {
		width: 98vw;
		background-color: #bd0707;
		height: 60px;
		margin: 20px;
	}

	#footer span {
		float: left;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #ff0000;
	}
	#footer a {
		padding: 10px;
		display: block;
		text-decoration: underline;
		float: left;
		margin: 6px 10px;
		white-space: nowrap;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #ffffff;
	}

	#footer a:hover {
		text-decoration: none;
	}
	.textbox {
		border: 1px solid #d7d7d7;
		height: 60px;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #000000;
		background-image: url(../images/textbox_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		background-color: #ffffff;
		padding-left: 10px;
		padding-right: 10px;
	}
	.content_title {
		background-color: #bd0707;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #ffffff;
		padding-left:20px;
		font-size:18px;
		float: left; 
		width:98vw; 
		margin:0px;
		clear:left;
	}
	.title {
		font-size: 18px;
		font-family: Trebuchet MS, Verdana, Arial;
	}

/*Styles for phones (landscape)  */
@media only screen and (min-width: 501px) {
	body { 
	background-color: white;
	margin: 0;
	font-family: "Times New Roman" !important;
	font-size: 14px ;
	}

	.topnav a{
		font-size:3vw;
	}

	.topnav a:not(:first-child) {
		display: none;
	}

	.topnav a.icon {
		float: right;
		display: block;
		background-color: #bd0707;
		color: white;

	}
	.topnav a.icon.active {
		float: right;
		display: block;
		background-color: #bd0707;
		color: white;
	}

	.topnav.responsive {
	  position: relative;
	}

	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
		background-color: #bd0707;
		color: white;
	}
		.topnav.responsive .icon.active {
		position: absolute;
		right: 0;
		top: 0;
		background-color: #bd0707;
		color: white;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		font-size:3vw;
	}
	
	#container {
	display:block;
	width: 98vw;
	background-color: #ffffff;
	margin: 0px;
	text-align: left;
	padding-bottom: 10px;
	overflow:hidden;
	}



	#header {
		width: 98vw;
		height: 55px; 
		margin: 0;
		text-align: left;
		padding: 15px 15px 0px 15px;
	}
#banner {
	width:98vw;
	padding: 10px 15px 0px 15px;
}

#bannerLogo {
	float: left;
	margin: 0;
	width:15vw;
	min-width:100px;
	height:auto;
	display:inline-block;
}

#bannerTextBlock{
	display:inline-block;
	width:40vw;
	min-width:200px;
	text-align:center;
	background-color:white;
	z-index:10;
}

#bannerMoto{
	overflow:hidden;
	padding-left:10px;
	font-size:2.5vw;
	text-align:center;
	font-weight:bold;
	font-family:'Times New Roman';
	color:#990000
}

#bannerFormely{
	overflow:hidden;
	font-weight:bold; 
	font-size:1.5vw;
}
	
#bannerPhoto {
	float: right;
	margin: 0px 10px 0px 0px;
	display:inline-block;
	width:30vw;
	height:auto;
}

.footerBlock{
	width:45vw;
	display:inline-block;
	background-color: #bd0707;
	margin: 10px 10px 10px 10px;
	padding:0px;
}

.footerTitle{
	font-size:18px;
}

.footerTitle2{
	font-size:14px;
}

	.readMore{
		font-size:14px;
		color:blue;
		float:left;
		margin:0px 0px 0px 50px;
	}

	.readLess{
		font-size:14px;
		color:blue;
		float:left;
		margin:0px 0px 0px 50px
	}

	.genText{
		font-size:2.5vw;
		width:90vw;
	}

	/*for the staff page*/
	.headShot{
		height:40vh;
		width:auto;
		margin:20px;
		
	}
	.headText{
		font-size:2.5vw;
		text-align:center;
	}
	
	.fullBio{
	float:left;
	width:90vw;
}
	
 .fullHead{
	 float:left;
	 width:20vw;
	 margin: 0px 20px 10px 0px;
 }
 
 .fullTitle{
	 font-size:16px;
 }

// used in index page
	.partnerIcon{
		height:15vh;
		min-height:20px;
		width:auto;
		margin:20px;
	}

	.iframeStyle{
		border:none;
		overflow:hidden;
		width:80vw;
		height:70vh;	
	}	


	#footer {
		width: 98vw;
		background-color: #bd0707;
		height: 60px;
		margin: 20px;
	}

	#footer span {
		float: left;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #ff0000;
	}
	#footer a {
		padding: 10px;
		display: block;
		text-decoration: underline;
		float: left;
		margin: 6px 10px;
		white-space: nowrap;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #ffffff;
	}

	#footer a:hover {
		text-decoration: none;
	}
	.textbox {
		border: 1px solid #d7d7d7;
		height: 60px;
		font-size: 14px;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #000000;
		background-image: url(../images/textbox_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		background-color: #ffffff;
		padding-left: 10px;
		padding-right: 10px;
	}
	.content_title {
		background-color: #bd0707;
		font-family: Trebuchet MS, Verdana, Arial;
		color: #ffffff;
		padding-left:20px;
		font-size:18px;
		float: left; 
		width:90vw; 
		margin:0px;
		clear:left;
	}
	.title {
		font-size: 18px;
		font-family: Trebuchet MS, Verdana, Arial;
	}

}