/* Custom for Sprawl maps, 2014 Dec */
@import url(http://fonts.googleapis.com/css?family=Dosis);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.canvas   {  width: 100%;   background-color:red; } 
.headerrow  { height: 20px;  padding: 10px 0px 10px 5%;  width:95%;  background-color:#161426; color: white;}
.footerrow  { height: 70px; width: 100%;  padding-top: 2%; background-color:#161426; color:#BF846F; font-family:'Open Sans', sans-serif; font-weight: bold; font-size: 11px; line-height: 2;}
/*.menurow  { height: 40px; width: 95%;  padding-left:5%;  background-color:#731D3C; color:#731D3C;  text-decoration: none; overflow: hidden; }
*/
.svgcolumn  { width:75%;  float:left;  background-color:#F2D6B3; font-family:'Open Sans', sans-serif; font-weight: normal;}

.primarycont { width: 80%; margin-left: 7%; margin-right: 7%; margin-top: 5%; margin-bottom: 15px; min-height: 600px; background-color:#F2D6B3;   overflow-y: hidden; } 
.controlcolumn  { width:17%;  float:left; padding: 4%; font-family:'Open Sans', sans-serif; font-weight: normal;}
.clearFix { clear: both; }
.menuitem,.selectedmenuitem { height: 40px; background-color:#731D3C; color: #ffffff; font-family:'Open Sans', sans-serif; text-transform: uppercase; font-weight: 500;}
.selectedmenuitem { background-color:#44493C; }
/* For both unselected and selected menu items, change colour when mouse hovers over them: */
.menuitem:hover,.selectedmenuitem:hover{   background-color:#54594C; font-style: oblique; }

#svgcolumn {
/*    width: 100px;
    height: 100px;
*/
    position: relative;
}

#menurow, 
#svgportal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#menurow {
    z-index: 10;
}


nav ul ul {
	display: none;
}

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



/* nav a:link, a:visited {text-decoration: none;color: #FFF; font-weight:bold;}
*/
nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
nav ul li{
	margin:0;
	padding:10px 20px;
	position:relative;
	height:20px;
	line-height:20px;
	background-color:#EEE;
}
nav > ul > li {
	float: left;
	height:30px;
	line-height:30px;
	background-color:#CCC;
}
nav li > ul{
	visibility:hidden;
        width:100px;
	position: absolute;
	top:0px;
/*	left:200px;*/
	border-left:1px solid #000;
}

nav li > ul > li >ul {
	visibility:hidden;
        width:500px;
	position: absolute;
	top:0px;
	left:100px;  
	border-left:1px solid #000;
}


nav > ul > li > ul{
	top:50px;
	left:0;
}
nav > ul > li:hover {
	background-color:#666;
	color:#FFF;
}
nav > ul li:hover li {
	color:#000;
}
nav li:hover {
	background-color:#999;
	color:#000;
}

nav li:hover > ul{
	visibility:visible;
}

/*
nav ul {padding:0; margin:0; list-style: none; background:#000; height:36px; }
nav ul li {float:left; position:relative;}
nav ul li a, ul li a:visited {display:block; color:#fff; width:104px;height:auto; line-height:20px; padding:10px;text-align:center;}
nav ul li a:hover {display:block; color:#000; background:#FFF; line-height:20px; padding:10px;}

nav ul li ul, ul li:hover ul li ul {display: none;}

nav ul li:hover ul {display:block; position:absolute; top:36px; left:0; height:auto; }
nav ul li:hover ul li a {display:block; text-align:left; border-bottom:1px solid #FFF;}

nav ul li:hover ul li:hover ul {display:block; position:absolute; left:124px; top:0;}
*/