/* ----------------- HTML body styles ----------------- */

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #061C37;
	background: #d9d0c4;
	background-image:url(../images/background_grey1.png);
	background-repeat:repeat-x;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#container
{
  display: block; 
  height:auto;
  position: relative; 
  width: 1160px;
}


#header
{
height:85px;
width:960px;	
}

#header h1
{
	position:absolute;
text-align:left;
color:#ffffff;
font-size:43px;
color:#FFF;	
left:14px;
top:18px;
}


#header h2
{
position:absolute;
text-align:right;
color:#6cc4ac;
left:590px;
top:38px;
width:500px;
}

#mainpic
{
background-image:url(../images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;	
}



.off
{
/*color:#696366;*/
color:#6CC4AC;
}


nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {

	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		nav ul li:hover a {
			color: #fff;
		}

	
	
	nav ul li a {
		display: block; padding: 16px 30px;  /* to change width of option bar spacing */
		color: #fff; text-decoration: none;
	}

nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
	z-index:10;
}
	nav ul ul li {
		float: none; 
		border-top: 8px solid #6b727c;
		border-bottom: 2px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {
			padding: 0px 20px;
			color: #ffffff;
			font-size: 15px;
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

nav a {font-size: 18px}

menuitemabout {font-size: 38px}

#leftmenu
{
margin-top:15px;
width:204px;
float:left;
}

#leftmenu_top
{
width:204px;
height:13px;
background-image:url(../images/leftmenu_top_teal.png);
}
#leftmenu_bottom
{
width:204px;
height:13px;
background-image:url(../images/leftmenu_bottom_teal.png);
}
#leftmenu_main
{
width:204px;
height:auto;
background-color:#306a64;
}

#leftmenu_main ul
{
list-style: none;
padding: 0px;
width:204px;
}


#leftmenu_main h3
{
list-style: none;
padding: 0px;
width:204px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;
}

#leftmenu_main ul li
{
list-style: none;
padding: 0px;
width:204px;
text-align:left;
}

#leftmenu_main ul li a, #leftmenu_main ul li a:visited
{
display:block;
list-style: none;
padding: 0px;
width:192px;
padding-left:12px;
padding-top:4px;
height:42px;
text-align:left;
background-image:url(../images/leftmenu_link_teal.png);
background-repeat:repeat-x;
margin-top:5px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

#leftmenu_main ul li a:hover
{
color:#EED7D7;
}

#content
{
display:block;
float:left;
width:689px;
height:auto;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:5px;
}


#content_top
{
	background-image:url(../images/main_top.png);
	background-repeat:no-repeat;
	width:689px;
	height:23px;
}

/*#content_main*/
#myMap
{
/*background-image:url(../images/main_back.png);*/
background-repeat:repeat-y;
width:859px;
height:557px;
width:1059px;
height:750px;
padding-left:15px;
padding-right:15px;
border-radius: 10px;
border-right: 7px solid #6cc4ac;
border-left: 7px solid #6cc4ac;
border-top: 7px solid #6cc4ac;
border-bottom: 7px solid #6cc4ac;
z-index: 1;	

}

/*#content_main*/
#myNewAbout
{
/*background-image:url(../images/main_back.png);*/
background-repeat:repeat-y;
background-color:#6a6a6a;
width:859px;
height:457px;
padding-left:15px;
padding-right:15px;
border-radius: 10px;
border-right: 7px solid #6cc4ac;
border-left: 7px solid #6cc4ac;
border-top: 7px solid #6cc4ac;
border-bottom: 7px solid #6cc4ac;
z-index: 1;	

}

#myNewAbout h1
{

color:#6cc4ac;
/*color:#306A64;*/
top:38px;
text-align:center;
font-size:30px;
font-weight:bold;
}


#myNewAbout h2
{

color:#6cc4ac;
/*color:#306A64;*/
top:38px;
font-size:15px;
font-weight:bold;
}

#myNewAbout li
{

color:#ffffff;
/*color:#306A64;*/
top:38px;
font-size:13px;
font-weight:bold;
}

#myNewAbout a
{

color:#ffffff;
/*color:#306A64;*/
top:38px;
font-size:13px;
font-weight:bold;
}

#myNewAbout ul
{


padding-left:60px;

}

#myNewAbout img
{

vertical-align:middle;
}


#content_bottom
{
background-image:url(../images/main_bottom.png);
background-repeat:no-repeat;
width:689px;
height:23px;
}


#footer
{
width:inherit;
height:auto;
}

#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF;
}



#content p
{
	
}

#menu p
{
	
	color:#444;
	font-style:italic;
}

html, body {
text-align: center;
}
p {text-align: left;}


.aCustomC, .aCustomC1, .aCustomC2 {
	
	padding: 6px 8px;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
    background: rgba(108,196,172,0.8);
	border-radius: 8px 8px 8px 8px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);

	
}



.leaflet-control-zoom-fullscreen { background-image: url(../images/icon-fullscreen.png); }