/* Top menus -------------------------------------------------------------- */

div#submenu_overview {
	/* floated + margin => display: inline; */ 
   display: inline; float: left; width: 360px; height: 143px;
	/* 600 - 360 - 195 = 45px - 1px - 1px (borders of right	submenu block) = 
	43px / 3 = (14, 15, 14) */
  background-image:  url(../images/overview.jpg); background-repeat: no-repeat; padding: 0px; margin-left: 14px;  margin-right: 15px;
}

div#submenu_panos {
   display: inline; float: left; width: 360px; height: 143px; background-image:  url(../images/vr_photos.jpg); background-repeat: no-repeat; padding: 0px; margin-left: 14px;  margin-right: 15px;
}

div#submenu_presentations {
   display: inline; float: left; width: 360px; height: 143px; background-image:  url(../images/presentations.jpg); background-repeat: no-repeat; padding: 0px; margin-left: 14px;  margin-right: 15px;
}

div#submenu_elearning {
   display: inline; float: left; width: 360px; height: 143px; background-image:  url(../images/elearning.jpg); background-repeat: no-repeat; padding: 0px; margin-left: 14px;  margin-right: 15px;
}

div#submenu_web {
   display: inline; float: left; width: 360px; height: 143px; background-image:  url(../images/web.jpg); background-repeat: no-repeat; padding: 0px; margin-left: 14px;  margin-right: 15px;
}

div#submenu_print {
   display: inline; float: left; width: 360px; height: 143px; background-image:  url(../images/print.jpg); background-repeat: no-repeat; padding: 0px; margin-left: 14px;  margin-right: 15px;
}

div#submenu_panos_menu {
	float: right;
	width: 129px;
	text-align: center;
	border-left: 1px solid #747170;
}

div#submenu_panos_menu_title {
	float: left;
	width: 100%;
	height: 23px;
	text-align: left;
	background-color: black;
	border-bottom: 1px solid #747170;
}

div#submenu_panos_menu_title img {
	margin-top: 6px;
	margin-left: 4px;
}	

div.submenu_panos_menu_row {
	clear: left;
	width: 100%;
	height: 19px;
	line-height: 19px;
	border-bottom: 1px solid #747170;
}

div.submenu_panos_menu_row_arrow {
	float: left;
	width: 17px;
	vertical-align: middle;
	height: 19px;
	padding: 0;
	margin: 0;
}

div.submenu_panos_menu_row_arrow img {
	margin: 6px 0 4px 1px;
}

div.submenu_panos_menu_row span {
	display: block;
	float: left;
	width: 112px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/*---------------------------------------------*/

div#menu_panos {
	float: left;
	width: 195px;
	height: 143px;
}

div#menu_panos_menu {
	float: left;
	width: 100%;
	text-align: center;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

div#menu_panos_menu_title {
	float: left;
	width: 100%;
	height: 23px;
	text-align: left;
	background-color: black;
	border-bottom: 1px solid #999;
}

div#menu_panos_menu_title img {
	margin-top: 6px;
	margin-left: 4px;
	
}	

div.menu_panos_menu_row {
	clear: left;
	width: 100%;
	height: 19px; 
	/* 19 + 1 because of the way IE handles boxes */
	/* but this value will have to be put back to 19 for Firefox and co. */
	line-height: 19px;
	background-color: #666;
	border-bottom: 1px solid #999;
}

div.menu_panos_menu_row_arrow {
	float: left;
	width: 17px;
	height: 19px;
	vertical-align: middle;
}

div.green_bgd  { background-color: #858421; }
div.rust_bgd  { background-color: #812929; }
div.teal_bgd { background-color: #2C3F52; }
div.wine_bgd  { background-color: #630316; }
div.blue_bgd    { background-color: #221F61; }
div.purple_bgd { background-color: #610061; }

div.menu_panos_menu_row_arrow img {
	margin: 6px 0 4px 1px;
}	

div.menu_panos_menu_row span {
	display: block;
	float: left;
	width: 178px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

img.arrow_pad {
	padding-bottom: 2px;
}