body			{
  background-color: 	#b5a789;
  font-family:      	Georgia, "Times New Roman", Times, serif;
  font-size:        	small;
  margin:           	0px;
}

header.top 		{
  color:		          #b5a789;
  background-color: 	#675c47;
  margin: 		        5px;
  height:             90px;
  padding:		        3px;
}

p#headerLeft		{
  font-size:		      130%;
}

header.top p#headerRight {
  float: 		          right;
  margin:		          5px;
  padding-right:	    3px;
}

nav 			{
  background-color: 	#efe5d0;
  margin: 		        10px 5px 0px 5px;
}
nav ul 			{
  margin: 		        0px;
  list-style-type: 	  none;
  padding: 		        5px 0px 5px 0px;
}
nav ul li 		{
  display: 		        inline;
  padding: 	        	5px 10px 5px 10px;
}

nav ul li a:link, nav ul li a:visited {
  color: 	          	#954b4b;
  border-bottom:    	none;
  font-weight: 	    	bold;
/* optional! very hard to see although does help */
  text-shadow: 	    	1px 1px 3px #e2c2c2;
/* try this and see if you like it */
  text-transform:   	uppercase;
}

li.selected 		{
  background-color: 	#c8b99c;
}

#header 		{
  background-color: 	rgba(70,70,0,0.1);
  padding-right:    	5%;
  padding-top:	     	5px;
  padding-left:	    	5%;
  padding-bottom:   	5px;
  max-height:	      	50px;
}

#header-tabs    	{
  background-color: 	rgb(230,230,225);
  border-radius:    	10%;
}
/*
.darkGray-text  	{
  color:	           	rgb(50,50,50);
  font-family:	     	Montserrat;
}
*/
.lightGray-text 	{
  color:	           	rgb(230,230,225);
  font-family:     		Montserrat;
}
/*
.darkGreen-text		{
  color:		rgb(70,70,0);
}
*/
#expressTitle		{
  color:	           	black;
  font-family:	     	Montserrat;
  text-align:	      	left;
  font-size:	       	100%;
  background-color: 	rgba(239,229,208,0.9);
  margin:	          	1% 25% 0px 25%;
  border:         		8px solid #675c47;
  padding:	         	20px;
  border-radius:    	2%;
}

#mlocAbout		{
  color:	           	black;
  font-family:	     	Montserrat;
  text-align:	      	left;
  font-size:	       	100%;
  background-color: 	rgba(239, 229, 208,0.9);
  margin:	          	1% 25% 0px 25%;
  border:         		8px solid #675c47;
  padding:	         	20px;
  border-radius:    	2%;
}

#mediationAbout		{
  color:	           	black;
  font-family:	     	Montserrat;
  text-align:	      	left;
  font-size:	       	100%;
  background-color: 	rgba(239, 229, 208,0.7);
  margin:	           	1% 20% 0px 20%;
  border: 	         	8px solid #675c47;
  padding:	         	20px;
  border-radius:    	2%;
}

#locationAbout		{
  color:	           	black;
  font-family:	     	Montserrat;
  text-align:	      	left;
  font-size:	       	100%;
  background-color: 	rgba(239, 229, 208,0.7);
  margin:	          	1% 20% 0px 20%;
  border: 	         	8px solid #675c47;
  padding:	         	20px;
  border-radius:    	2%;
}
/*
.image-border		{
  border: 		8px solid rgb(70,70,0);
}

.header-text		{
  font-size:		90%;
}

.home-buttons-list	{
  margin-top:		3%;
  margin-bottom: :	10%;
  text-align:		center;
  }

.home-buttons		{
  background-color:	rgb(50,50,50);
  color:		rgb(230,230,225);
}

#tagline		{
  font-family:		Montserrat;
  font-size:		125%;
}
*/
/*#home 			{
  background:		url("images/foggy_bridge.jpg") no-repeat center center-fixed;
  background-size:	cover;*/
/*  background-color: 	rgb(230,230,225); */
/*  padding-top:		3%;
  padding-bottom:	5%;
}
*/
#mlocSection 			{
  background:		      url("images/justiceweb.jpg") no-repeat center center fixed;
  background-size:    cover;
  }

#mediation		{
  background:	      	 url("images/clouds_web.jpg") no-repeat center center fixed;
  background-size:  	 cover;
  }

#location		{
  background:	      	 url("images/srcWeb.jpg") no-repeat center center fixed;
  background-size:	   cover;
  }

a:link {
  color:              #b76666;
  text-decoration:    none;
  border-bottom:      thin dotted #b76666;
}
a:visited {
  color:              #675c47;
  text-decoration:    none;
  border-bottom:      thin dotted #675c47;
}
/*
#portfolio		{
  background-color:   rgb(100,100,100);
  padding-top:		    3%;
  padding-bottom:   	3%;
}

.port-header-image	{
  padding-left:		25%;
  padding-right:	25%;
  padding-bottom:	-20%;
  margin-bottom:	0;
  color:		rgb(0,0,0)
}

.port-text		{
  font-family:		Montserrat;
  font-size:		250%;
  padding-top:		0;
  margin-top:		0;
}

.port-table		{
  margin-bottom:	3%;
  margin-left:		10%;
  margin-right:		10%;
  border:		5px solid rgb(70,70,0);
  background-color: 	rgba(255,255,255, 0.5);
}

.table-image		{
  width:		100%;
  padding:		1%;
}

.table-cell		{
  width:		25%;
  height:		50%;
  padding:		3% ,3% ,3% ,3%;
  border:		5px solid rgb(70,70,0);
}
*/
#etcSection		{
  background:		     url("images/foggy_bridge.jpg") no-repeat center center fixed;
  background-size: 	 cover;
}
/*
#contact-header		{
  margin-top:		20%;
  margin-bottom:	50%;
}

.contact-buttons-list	{
  margin-top:		20%;
  margin-bottom:	20%;
  text-align:		center;
  }

.contact-buttons	{
  background-color:	rgba(230,230,225,0.9);
  color:		rgb(50,50,50);
  margin-top:		5%;
  margin-bottom:	5%;
  margin-right:		20%;
  border:		2px solid rgb(70,70,0);
}
*/
footer 			{
  background-color: 	rgb(50,50,50);
  padding-left:		3%;
}