*{
    font-family: sans-serif;
}
body {
      background-color: #F6F8FC;
      /*background-color: green;*/
}

a.none{
	text-decoration: none;
}


/**Mobile*/
@media (max-width: 1300px) and (orientation: portrait) {

	#main {
	    margin-left:auto;
	    margin-right:auto; 
	    width: 950px;
	    padding: 0;
	    background-color: white; 
	    border: 1px solid #0F54BB;
	    display: block;
	    font-size: 15px;
	}
	#main td{
		font-size: 15px;
	}

	#img {
		float: left;
		height: 100px;
		width: 32%;
	}

	img.right{
		float: right;
		border: 2px solid white;
		margin: 5px;
	}

	img.rightmap{
		width: 350px;
		float: right;
		border: 2px solid white;
		margin: 5px;
	}
	#img img{
		margin: 0px;
	    height: auto;
	    width: 100%; 
	    float: none;
	    position: relative;
	    z-index: 100;
	}


	#header {   
	    margin: 0;
	    width: auto;
	    height: 100px;
	    background-color: #011A5F;
	}


	#headline{
	    margin-left: 40%;
	    color: white;
	}
	#headline td{
		height: 100px;
		vertical-align: middle;
	}
	#headline h3, p{
		font-weight: normal;
		margin: 0em;
	}


	#sidebar{
		clear: both;
	    /*margin-top: -25px;*/
	   	width: 22%;
	    height: 1000px;
	    background-color: #011A5F;
	    float: left;
	    padding-top: 5%;
		padding-bottom: 5.5%;
	}

	#nav {
		height: 825px;
	}

	#nav a{
	    color: #FFF2BD;
	    display: block ;
	    text-decoration: none;
	    padding: 0.25em;
	}

	#nav ul{
		margin: 0em;
		margin-left: -1.35em;
		font-size: 1em;
		font-weight: normal;
	}

	#nav ul.sub{
		margin-left: 0em;
	}

	#nav li{
		list-style: none; 
	}
	#nav li.sub{
		list-style: square;  
		color: #FAA809; 
	}

	#nav a.onmain:before, a.main:before { 
	    color: #FAA809; 
	    font-size: 1em;
	    content: "\25B6	"" ";
	}
	#nav a.onmainsub:before, a.mainsub:before{ 
	    color: #FAA809; 
	    font-size: 1em;
	    content: "\25bc	"" ";
	}

	#nav a.onmain, a.onmainsub {
	    color: #FFE254;
	    background-color: #44609A;
	}

	#nav a.on{
		color: #FAA809;
	}

	#nav a:hover{
	    background-color: #44609A;
	}

	#infbox1 {
	    width: 60%;
	    margin-left:auto;
	    margin-right:auto; 
	    font-size: 0.95em;
	}

	#ifobox1 a.none{
	text-decoration: none;
	color: white;
	}
	
	#infbox1 p{
	    color: white;
	    margin: 0;
	}
	#infbox1 b{
	    color: #E1D002;
	}
	/*Design for the content box*/

	#content {
	    margin-top: 0.5%;
	    margin-left: 22.5%;
	    width: 57.5%;
	    height: 1000px;
		padding: 10%;
		padding-top: 5%;
		padding-bottom: 5%;
	    background-color: #CEDFFB;
	    color: #051135; 
	   	overflow: auto; 
	}
	#content td.td_width_125{
		min-width: 125px;
		padding: 0;
	}

	#content td.td_width_200 {
		min-width: 150px;
	}

	#content td.td_width_375 {
		min-width: 300px;
	}

	#content a{
		color: #051135; 

	}

	#message {
	border 2px solid red;
	padding 5px;
	}

	#imp  {
		height: auto;
		width: auto;
	}

	#disclaimer {
		width: 125%;
		height: 500px;
		margin-left: -12.5%;
		overflow: auto;
		font-size: 0.75em;
		
	}

	#content p{
	    margin-left: 0;
	    color: #051135;
	}
	#content td{
		vertical-align: top;
		padding: 1%;
	}
	
	#clear{
	    clear: both;
	}

	#coworker{
		float: left;
		text-align: left;
		margin: 5px;
	}

	#coworker img{
		border: 2px solid white;
		height: auto; 
    	width: auto; 
    	max-width: 127px; 
    	max-height: 161px;
	}

	#nopicture{
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		background-color: lightgray;
		border: 2px solid white;		
    	width: 127px; 
    	height: 161px;
	}

	#nopicture_2{
				float: right;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		background-color: lightgray;
		border: 2px solid white;		
    	width: 127px; 
    	height: 161px;
    	line-height: 161px;    	
	}

	.bold{
		font-weight: bold;
	}

	.small{
		font-size: 0.85em;
	}
}
/***************************************************************************/
/*low resolution*/
@media (max-width: 1300px) {

	#main {
	    margin-left:auto;
	    margin-right:auto; 
	    width: 950px;
	    padding: 0;
	    background-color: white; 
	    border: 1px solid #0F54BB;
	    display: block;
	    font-size: 15px;
	}

	#img {
		float: left;
		height: 100px;
		width: 32%;
	}

	img.right{
		float: right;
		border: 2px solid white;
		margin: 5px;
	}

	img.rightmap{
		width: 350px;
		float: right;
		border: 2px solid white;
		margin: 5px;
	}
	#img img{
		margin: 0px;
	    height: auto;
	    width: 100%; 
	    float: none;
	    position: relative;
	    z-index: 100;
	}


	#header {   
	    margin: 0;
	    width: auto;
	    height: 100px;
	    background-color: #011A5F;
	}


	#headline{
	    margin-left: 40%;
	    color: white;
	}
	#headline td{
		height: 100px;
		vertical-align: middle;
	}
	#headline h3, p{
		font-weight: normal;
		margin: 0em;
	}


	#sidebar{
		clear: both;
	    /*margin-top: -25px;*/
	   	width: 22%;
	    height: 440px;
	    background-color: #011A5F;
	    float: left;
	    padding-top: 5%;
		padding-bottom: 5.5%;
	}

	#nav {
		height: 325px;
	}

	#nav a{
	    color: #FFF2BD;
	    display: block ;
	    text-decoration: none;
	    padding: 0.25em;
	}

	#nav ul{
		margin: 0em;
		margin-left: -1.35em;
		font-size: 1em;
		font-weight: normal;
	}

	#nav ul.sub{
		margin-left: 0em;
	}

	#nav li{
		list-style: none; 
	}
	#nav li.sub{
		list-style: square;  
		color: #FAA809; 
	}

	#nav a.onmain:before, a.main:before { 
	    color: #FAA809; 
	    font-size: 1em;
	    content: "\25B6	"" ";
	}
	#nav a.onmainsub:before, a.mainsub:before{ 
	    color: #FAA809; 
	    font-size: 1em;
	    content: "\25bc	"" ";
	}

	#nav a.onmain, a.onmainsub {
	    color: #FFE254;
	    background-color: #44609A;
	}

	#nav a.on{
		color: #FAA809;
	}

	#nav a:hover{
	    background-color: #44609A;
	}

	#infbox1 {
	    width: 60%;
	    margin-left:auto;
	    margin-right:auto; 
	    font-size: 0.95em;
	}

	#infbox1 a{
		text-decoration: none;
		color: white;
	}
	
	#infbox1 p{
	    color: white;
	    margin: 0;
	}
	#infbox1 b{
	    color: #E1D002;
	}
	/*Design for the content box*/

	#content {
	    margin-top: 0.5%;
	    margin-left: 22.5%;
	    width: 57.5%;
	    height: 440px;
		padding: 10%;
		padding-top: 5%;
		padding-bottom: 5%;
	    background-color: #CEDFFB;
	    color: #051135; 
	   	overflow: auto; 
	}
	#content td.td_width_125{
		min-width: 125px;
		padding: 0;
	}

	#content td.td_width_200 {
		min-width: 150px;
	}

	#content td.td_width_375 {
		min-width: 300px;
	}

	#content td.td_width_100 {
		min-width: 100px;
	}

	#content a{
		color: #051135; 

	}
	#imp  {
		height: auto;
		width: auto;
	}

	#disclaimer {
		width: 125%;
		height: 100px;
		margin-left: -12.5%;
		overflow: auto;
		font-size: 0.75em;
		
	}

	#content p{
	    margin-left: 0;
	    color: #051135;
	}
	#content td{
		vertical-align: top;
		padding: 1%;
	}
	
	#clear{
	    clear: both;
	}

	#coworker{
		float: left;
		text-align: left;
		margin: 5px;
	}

	#coworker img{
		border: 2px solid white;
		height: auto; 
    	width: auto; 
    	max-width: 127px; 
    	max-height: 161px;
	}

	#nopicture{
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		background-color: lightgray;
		border: 2px solid white;		
    	width: 127px; 
    	height: 161px;
	}

	#nopicture_2{
				float: right;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		background-color: lightgray;
		border: 2px solid white;		
    	width: 127px; 
    	height: 161px;
    	line-height: 161px;
	}

	.bold{
		font-weight: bold;
	}

	.small{
		font-size: 0.85em;
	}
}
/*###################################################################*/
/*high resolution*/
@media (min-width: 1301px) {

	#main {
	    margin-top: 2.5%;
	    margin-left:auto;
	    margin-right:auto; 
	    width: 1250px;
	    padding: 0;
	    background-color: white; 
	    border: 1px solid #0F54BB;
	    display: block;
	    font-size: 20px;
	}

	#img {
		float: left;
		height: 125px;
		width: 32%;
	}

	img.right{
		float: right;
		border: 2px solid white;
		margin: 5px;
	}
	img.rightmap{
		width: 450px;
		float: right;
		border: 2px solid white;
		margin: 5px;
	}

	#img img{
		margin: 0px;
	    height: auto;
	    width: 100%; 
	    float: none;
	    position: relative;
	    z-index: 100;
	}


	#header {   
	    margin: 0;
	    width: auto;
	    height: 125px;
	    background-color: #011A5F;
	}


	#headline{
	    margin-left: 40%;
	    color: white;
	}
	#headline td{
		height: 125px;
		vertical-align: middle;
	}
	#headline h3, p{
		font-weight: normal;
		margin: 0em;
	}


	#sidebar{
		clear: both;
	    /*margin-top: -25px;*/
	   	width: 22%;
	    height: 600px;
	    background-color: #011A5F;
	    float: left;
	    padding-top: 5%;
		padding-bottom: 5.5%;
	}

	#nav {
		height: 425px;
	}

	#nav a{
	    color: #FFF2BD;
	    display: block ;
	    text-decoration: none;
	    padding: 0.25em;
	}

	#nav ul{
		margin: 0em;
		margin-left: -1.35em;
		font-size: 1em;
		font-weight: normal;
	}

	#nav ul.sub{
		margin-left: 0em;
	}

	#nav li{
		list-style: none; 
	}
	#nav li.sub{
		list-style: square;  
		color: #FAA809; 
	}

	#nav a.onmain:before, a.main:before { 
	    color: #FAA809; 
	    font-size: 1em;
	    content: "\25B6	"" ";
	}
	#nav a.onmainsub:before, a.mainsub:before{ 
	    color: #FAA809; 
	    font-size: 1em;
	    content: "\25bc	"" ";
	}

	#nav a.onmain, a.onmainsub {
	    color: #FFE254;
	    background-color: #44609A;
	}

	#nav a.on{
		color: #FAA809;
	}

	#nav a:hover{
	    background-color: #44609A;
	}

	#infbox1 {
	    width: 60%;
	    margin-left:auto;
	    margin-right:auto; 
	    font-size: 0.95em;

	}

	#infbox1 a{
		text-decoration: none;
		color: white;
	}
	
	#infbox1 p{
	    color: white;
	    margin: 0;
	}
	#infbox1 b{
	    color: #E1D002;
	}
	/*Design for the content box*/

	#content {
	    margin-top: 0.5%;
	    margin-left: 22.5%;
	    width: 57.5%;
	    height: 600px;
		padding: 10%;
		padding-top: 5%;
		padding-bottom: 5%;
	    background-color: #CEDFFB;
	    color: #051135; 
	   	overflow: auto; 
	}
	#content td.td_width_125{
		min-width: 125px;
		padding: 0;
	}

	#content td.td_width_200 {
		min-width: 250px;
	}

	#content td.td_width_375 {
		min-width: 375px;
	}

	#content td.td_width_100 {
		min-width: 125px;
	}

	#content a{
		color: #051135; 

	}

	#message {
		background-color: yellow;
		border: 2px solid red;
		padding: 5px;
	}

	#imp  {
		height: auto;
		width: auto;
	}

	#disclaimer {
		width: 125%;
		height: 100px;
		margin-left: -12.5%;
		overflow: auto;
		font-size: 0.75em;
		
	}

	#content p{
	    margin-left: 0;
	    color: #051135;
	}
	#content td{
		vertical-align: top;
		padding: 1%;
	}
	
	#clear{
	    clear: both;
	}

	#coworker{
		float: left;
		text-align: left;
		margin: 5px;

	}

	#coworker img{
		border: 2px solid white;
		height: auto; 
    	width: auto; 
    	max-width: 127px; 
    	max-height: 161px;
	}

	#nopicture{
    	text-align: center;
		display: table-cell;
		vertical-align: middle;
		background-color: lightgray;
		border: 2px solid white;		
    	width: 127px; 
    	height: 161px;
	}
	#nopicture_2{
				float: right;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		background-color: lightgray;
		border: 2px solid white;		
    	width: 127px; 
    	height: 161px;
    	line-height: 161px;
	}

	.bold{
		font-weight: bold;
	}

	.small{
		font-size: 0.85em;
	}
	
}