body,p { 
	font-family: "Segoe UI", sans-serif, "Open Sans" !important;
	font-size:14pt;
	font-weight: 100;
	color: #606060;
  }

.display-6
{
	color: #303030;
	font-weight: 200;
}

@media (max-width: 767px)
{
	h1 
	{
		font-size: 150%;
		font-weight: 100;
		color: #505050;       
	}
	
	.navbar {
		margin-bottom: 0;
		background-color:#ffffff;				
	}
	
	.navbar-brand
	{		
		font-family: Segoe UI, Arial;   
		font-size: 24px; 		
	}	
	
	.spaceline
	{
		height:20px;
	}
	
	img.framed {
		padding: 0.2em;
		border: 0 none;
		background: #909090;
		margin-bottom: 20px;
		margin-right: 20px;		
		vertical-align:top;
	}	
}

@media (min-width: 768px)
{
	.navbar {
		background-color: #f9f9f9;
		border-bottom: solid 1px #d0d0d0;
		margin-bottom: 0;
		padding-left:20px;
		padding-top:10px;
		padding-right:20px;	
		height: 70px;		
	}

	.navbar-brand
	{
		font-family: Segoe UI, Arial;   
		font-size: 24px; 		
	}
	
	.navbar-nav li a
	{
		padding-top:20px;
		font-family: Segoe UI, Arial;  
		font-size: 16px; 								
	}
	
	.spaceline
	{
		height:40px;
	}
	
	img.framed {
		padding: 0.2em;
		border: 0 none;
		background: #909090;
		margin-bottom: 20px;
		margin-right: 20px;		
		vertical-align:top;
	}			
}

h1 
{
	font-size: 200%;
	font-weight: 100;
}

h2
{
	font-size: 160%;
	font-weight: 100;
}

h3
{
	font-size: 130%;
	font-weight: 100;
}

img {
    border:0;
}

a,td {
	color:#606060;
}	
	
a:link {
	color:#606060;
}

a:visited {
	color:#606060;
}
a:hover {
	color:#3080b0;
}	

.line 
{
	border: none;
	border-top:solid 1px #d0d0d0;	
	height: 1px;	
}

table td {
    font-family: 'Segoe UI' sans-serif;
    color: #404040;      
}

#map-canvas 
{
	height: 50%;
	width:auto;
    margin: 0px;
    padding: 0px
}

.calendar-col
{
	width: 14%;
}

.calendar-selected
{
	background: #ff9030 !important;	
}

.calendar-clickable:hover
{
	background-color: #e0e0e0 !important;
  	cursor:pointer;
}

.triangle {
    width: 200px;
    height: 200px;
    background: linear-gradient(to bottom right, Salmon 50%, cornflowerblue 50%);
}

.fs-7
{
  font-size: 0.9rem;
}

div.clickable:hover
{
  background-color: #e0e0e0 !important;
  cursor:pointer;
}

.none 
{
	text-decoration: none;
}

.normal 
{
	color: #606060;
}

.red-green {
    background: linear-gradient(to bottom right, Salmon 50%, cornflowerblue 50%);
}

.green-red {
    background: linear-gradient(to bottom right, Salmon 50%, cornflowerblue 50%);
}