/***********************************************/
/* main.css                                    */
/* Use with template 2col_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	background-color: #e1efbb;
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
}
a:link {
	text-decoration: none;color:#FCE833;
}

a:visited {
	text-decoration: none;color:#FCE833;
}

a:hover {
	text-decoration: underline;color:white;
}
a:active {
	text-decoration:underline;color:#FCE833;
}

/* overrides decoration from previous rule for hovered links */

#container {
	width: 1000px;
	background: #ffffff;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 15px;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
}


/*----------------------languages-------------------------*/
#header {
	width: 1000px;
	height:25px;background:#011E78;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 15px;
}

#social {
	width: 715px;
	float:left;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0px;
}

#instagram {
	float:right;
	margin-top:7px; 
	margin-left:10px;
	border:2px transparent solid;
}

#instagram:hover {
	border:2px white outset;
    border-radius:4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	-moz-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
}


#facebook {
	float:right;
	margin-top:7px; 
	margin-left:10px;
	border:2px transparent solid;
}

#facebook:hover {
	border:2px white outset;
    border-radius:4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	-moz-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
}

#linkedin {
	float:right;
	margin-top:7px; 
	margin-left:10px;
	border:2px transparent solid;
}

#linkedin:hover {
	border:2px white outset;
    border-radius:4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	-moz-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
}

#twitter {
	float:right;
	margin-top:7px; 
	margin-left:10px;
	margin-right:15px;
	margin-bottom:5px;
	border:2px transparent solid;
}

#twitter:hover {
	border:2px white outset;
    border-radius:4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	-moz-box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
	box-shadow: rgba(0,0,0,.4) 1px 1px 4px;
}

#languages{
	width: 285px;
	height:30;
	float:left;
	margin: 0 auto;
	overflow: visible;
	padding: 0 0 0px;
	position:relative;
}

#languages ul{
padding:0 0 10px 15px;font-family:Arial, Helvetica, sans-serif;color:white;font-size:14px;
}

#languages ul li{
display:inline;float:left;width:auto;padding:0px 10px 0px;
}

#languages ul li a{
width: auto;float:left;
}

#languages ul li a:hover{
width: auto;
}

#languages ul li a.current{
width: auto;float:left;
}

/*----------------------logo-------------------------*/

#logo {
	width:1000px;
	height:130px;
    -webkit-box-shadow: 0 0 -15px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 -15px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 -15px 1px rgba(0, 0, 0, 0.15);
	border:0px;
}

img[logomap], map area{
    outline: 0px; border:0px;
}

img {
	border:0px; outline:0px;
}


/*----------------------line-------------------------*/

#line {
	margin: 0 auto;background-color:#CCE2BB;height:1px;width:1000px;
	}

/*----------------------body-------------------------*/

#body {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0;
	width:auto;
	height:auto;
	clear:both;
	}
	
#col1 {
	width:460px;background-color:white;
	height:auto;
	float:left;
	padding:0px 10px 10px 20px;
	}
	
#menuframe {
	width:460px;background-color:#F3FFE7;
	height:35px;
	margin:0 0 0 0px;
    float:right;
	padding:0px;
	border:0px solid;
    border-radius:0px 0px 5px 5px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	}
	
#menuitem {
	width:90px;background-color:#013C78;
	position:relative;
	margin:5px 0px 0px 0px;
	height:24px;
    float:left;
	padding:0px;
	font-size:14px; 
	color:white;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	border:0px solid;
    border-radius:4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	}
#menuitem a {
    position:absolute;
    width: 100%;
    height: 100%;
    top: 4px;
    left: 0px;
}

#menuitem:hover {
	background-color:#009349;
	transform: scale(1.05);
}

#menuitem_inact {
	width:90px;background-color:#606060;
	position:relative;
	margin:0px;
	height:24px;
    float:left;
	padding:0px;
	font-size:14px; 
	color:white;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	border:0px solid;
    border-radius:0px 0px 4px 4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	box-shadow: rgba(0,0,0,.4) 0 1px 2px;
	}
	
#menuitem_inact a {
    position:absolute;
    width: 100%;
    height: 100%;
    top: 4px;
    left: 0px;
}

#menuitem_inact:hover {
	background-color:#009349;
	transform: scale(1.05);
}

	
#void {
	width:20px;background-color:#F3FFE7;
	height:24px;
	margin:0px;
	float:left;
	padding:0px;
	}

.fb-like {
	padding-top:0px;
	}
	
#col2 {
	width:450px;background-color:#ECFDDB;
	height:auto;
	
	margin-top:50px; 
	margin-left:20px;
	margin-right:20px;
	margin-bottom:50px;



	
	float:left;
	padding:10px;
	border:0px solid;
    border-radius:4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 4px;
	-moz-box-shadow: rgba(0,0,0,.4) 0 1px 4px;
	box-shadow: rgba(0,0,0,.4) 0 1px 4px;
	}
	
#intro1 {
	margin:0px;
	overflow:hidden;
	padding:30px 30px 0px 30px;
	background-color:white;
	border:0px aqua solid;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	}


#intro2 {
	margin: 0 auto;
	overflow: hidden;
	padding:0px 35px 0px 35px;
	width:auto;
	height:auto;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	}

#links {
	width:1000px;background-color:white;
	height:auto;
	margin:10px 0 0 0;
    float:right;
	padding:10px;
	}

#link1 {
	width:230px;background-color:white;
	height:auto;
	margin:0px -30px 0px;
    float:right;
	padding:0px 30px 0px 0px;
	}
#link2 {
	width:190px;background-color:white;
	height:auto;
	margin:10px;
	float:right;
	padding:10px;
	}
#link3 {
	width:90px;background-color:white;
	height:auto;
	margin:0px -10px 0 15px;
	float:right;
	padding:0px;
	}
#link4 {
	width:140px;background-color:white;
	height:auto;
	margin:10px 0 0 0;
	float:right;
	padding:10px;
	}
#link5 {
	width:230px;background-color:white;
	height:auto;
	margin:10px 20px 10px 10px;
	float:right;
	padding:0px;
	}


#copyright {
	width:1000px;background-color:white;
	font-size:8px;
	text-align:center;
	height:auto;
	margin:0px 0px 0px 0px;
	float:left;
	padding:0px 0px 0px 0px;
	}

.pic_1 {
		border-style: solid;
		border-width: 1px;
		border-color:gray;
		border-radius:4px;
    	-webkit-box-shadow: rgba(0,0,0,.4) 0 1px 4px;
		-moz-box-shadow: rgba(0,0,0,.4) 0 1px 4px;
		box-shadow: rgba(0,0,0,.4) 0 1px 4px;
		margin:25px 0px 25px 0px;
	}

#footer {
	width: 1000px;
	height:15px;background:#011E78;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 15px;
}