/* CSS Document */


html, body {width:100%; height:100%}
html {overflow: hidden}
body {
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
	}
	
 img {
  border: none;

 } 


textarea {overflow-x: hidden; overflow-y: scroll}

#map{
margin-top:0;
width:100%;
height:100%;
background-color: #ffffff;
z-index:1;
}

.go a {
color:#99ffff;
}

.go a:hover {
 color:#ffff00;
}

.about{
color: #333333;
font-size:0.8;
}
a {
 color: #003366;
}

a:hover {
 color:#333333;
}

#menu a{
color:#4587b8;
text-decoration:none;
font-size:0.8em;
}

.title{

        width:80%;
		height:60px;
		overflow:hidden;
		z-index:3;
		position:absolute;
		top:2%;
		margin-left:10%;
		margin-right:10%;
		background-image:
		url('../images/headerback2.png');
		background-repeat: no-repeat;
		 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
		font-size:1.1em;
		font-family: Georgia, "Times New Roman", Times, serif
}

.pic{
margin-top:5px;
margin-left:50px;

}

.but{
margin-left:25px;
color:#FFFF00;
font-size:0.8em;

}

.but a{
color:#FFFFFF;
text-decoration:none;
}
.but a:hover{
color:#FFFF00;
}


.help{
width:210px;
height:250px;
z-index:30;
position:absolute;
top:25%;
left:40%;
background-image:
		url('../images/help.png');
		background-repeat: no-repeat;
padding:0px 20px 20px 20px;	
		font-size:0.8em;
}

.helpBoxClose {
		z-index:30;
		position:relative;
		float:right;
	}
.helpBoxClose img {
		position:relative;
		border: 0px none;
		margin-top:15px;
	}
	
	
.instructionBox {
		width:283px;
		height:480px;
		z-index:20;
		position:absolute;
		right:5%;
		top:25%;
		background-image:
		url('../images/menu_window.png');
		background-repeat: no-repeat;
		padding:0px 20px 20px 20px;
		font-size:0.8em;

	}
	.instructionBoxClose {
		z-index:10;
		position:relative;
		float:right;
	}
	.instructionBoxClose img {
		position:relative;
		border: 0px none;
		margin-top:15px;
	}


.container {
		width:283px;
		height:480px;
		
		z-index:10;
		position:absolute;
		top:25%;
		left:5%;
		background-image:
		url('../images/menu_window.png');
		background-repeat: no-repeat;
		padding:0px 20px 15px 15px;
		font-size:0.7em;
		
	}
	
.treemenu{
height:460px;
overflow:auto;
*margin-left:10px;
}
	
.caixa{
font-size:1em;
}	

.directions{
font-size:0.9em;
}

.neigh{
height:450px;
width:95%;
overflow-x:hidden;
overflow-y:scroll;
}
	
.neigh a{
text-decoration:none;
color:#003366;
}

.neigh a:hover{
color:#006699;
}	
	
.container ul {
line-height:60%;
}

/* draggables */
.dragger {width:12px; height:12px; cursor: move; position: relative; border: 0px none;margin-top:15px; padding-left:3px;float:right;}

.boxtitle{
font-weight:bold;
font-size:1.2em;
}

.treeview{
margin-left:-40px;
*margin-left:0px;
}



.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;

}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background:  url(list.gif) no-repeat left center;
list-style-type: none;
padding-left: 20px;
margin-bottom: 3px;

}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background:  url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
margin-left:-10px;

}


#entrance{
    position: absolute;
    background-color: #f1f1f1;
    left:300px;
    top:300px;
    z-index:100;
    width:320px;
    border: solid;
    border-color: #666666;
    padding:10px;
    text-align: left;
}