/* AMENDED By LP 10.01.09 */

#vertical_container {
padding-right:20px;
}

/* LINKS */

/* Sets the style for unvisited links. */
a,  a:link {
  color: #00355F;
  text-decoration: none;
  
}
/* Sets the style for visited links. */
a:visited {
  color: #00355F;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #40708D;
  text-decoration: none;
}

/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #00355F;
}

/* NESTED MENU ACCORDIONS */
.accordion_container {
	background:url(../images/menu_bg.png);
	margin-right:20px;
}
.accordion_container ul {
	margin:0px !important;
	padding:0px !important;
	border-bottom:#003366 dotted 1px;
}
.accordion_container ul li {
	border-top:#003366 dotted 1px;
	padding-right:5px;
	list-style:none;
}
.accordion_container ul.opened, .accordion_container ul.opened li {
	border:none;
}
.accordion_container ul li a {
	display:block;
	text-align:right;
	outline: none;
	padding-right:20px;
}

	/* level links */
.level1 {
	font:bold 12px/26px Arial, Helvetica, sans-serif;
}
	.level1:hover,.level1.selected {
		background:url(../images/menu/large_ob_1.png) no-repeat center right;
	}
	/* custom class for level 1 links */
	.level1.logo2:hover, .level1.logo2.selected {
		background:url(../images/menu/large_ob_2.png) no-repeat center right;
	}
	.level1.logo3:hover, .level1.logo3.selected {
		background:url(../images/menu/large_ob_3.png) no-repeat center right;
	}
	.level1.logo4:hover, .level1.logo4.selected {
		background:url(../images/menu/large_ob_4.png) no-repeat center right;
	}
	.level2:hover,.level2.selected {
		background:url(../images/menu/med_ob_1.png) no-repeat center right;
	}
	.level2.logo2 {
		background:url(../images/menu/med_ob_2.png) no-repeat center right;
	}
	.level2.logo3 {
		background:url(../images/menu/med_ob_3.png) no-repeat center right;
	}
	.level2.logo4 {
		background:url(../images/menu/med_ob_4.png) no-repeat center right;
	}
.level2 {
	display:block;
	padding:4px;
}

.level3 {
	padding:2px;
}
	.level3:hover,.level3.selected {
		background:url(../images/menu/small_ob_1.png) no-repeat center right;
	}
	.level3.logo2 {
		background:url(../images/menu/small_ob_2.png) no-repeat center right;
	}

/* END OF NESTED ACCORDIONS */

/*SLIDING*/
.accordion_toggle {
	display: block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font-size:12px;
	line-height:26px;
	border-top:#003366 dotted 1px;
	background:url(../images/menu_bg.png);
	padding-right:0px;
	font-weight:bold;
}

.accordion_toggle_active {
	font-weight:bold;
	font-size: 12px;
	line-height:26px;
	padding-right:0px;
	background-image:url(../images/menu/large_ob_1.png);
	background-repeat:no-repeat;
	background-position: center right;
	border-top:#003366 dotted 1px;
}

/*.accordion_toggle_active .logo:after {
	//this DOES NOT WORK in IE see http://www.w3schools.com/CSS/CSS_pseudo_elements.asp
    content:"  "url(../images/menu/large_ob_1.png);
}*/

.accordion_toggle_active .logo2 {
	font-weight:bold;
	font-size: 12px;
	line-height:26px;
	padding-right:0px;
	background:url(../images/menu/large_ob_2.png);
	background-repeat:no-repeat;
	background-position: center right;
}

.accordion_toggle_active .logo3 {
	font-weight:bold;
	font-size: 12px;
	line-height:26px;
	padding-right:0px;
	background:url(../images/menu/large_ob_3.png);
	background-repeat:no-repeat;
	background-position: center right;
}

.accordion_toggle_active .logo4 {
	font-weight:bold;
	font-size: 12px;
	line-height:26px;
	padding-right:0px;
	background:url(../images/menu/large_ob_4.png);
	background-repeat:no-repeat;
	background-position: center right;
}


.accordion_content {
line-height:18px;
overflow: hidden;
}


/* FOR THE LISTS - Removes any pretty things put in by the code */
.accordion_content ul {
width:182px;
margin:0;
float:right;
}

.accordion_content li {
list-style:none;
padding: 0px;
}



/*FOR THE CONTENT*/


/*VESSEL PROJECTS*/

#vessel a {
/*letter-spacing:-0.05em;*/
}

#vessel a:hover{
background:url(../images/menu/med_ob_1.png);
background-repeat:no-repeat;
background-position: center right;
font-weight:bold;
/*letter-spacing:-0.05em;*/
cursor:pointer;
}



#vessel a:visited {
color:#40708D;
}

/* SUBSEA PROJECTS */

#subsea a {
/*letter-spacing:-0.05em;*/
}

#subsea a:hover{
background:url(../images/menu/med_ob_2.png);
background-repeat:no-repeat;
background-position: center right;
font-weight:bold;
/*letter-spacing:-0.05em;*/
cursor:pointer;
}


#subsea a:visited {
color:#40708D;
}


/* MARINE PROJECTS */

#marine a {
/*letter-spacing:-0.05em;*/
}

#marine a:hover{
background:url(../images/menu/med_ob_3.png);
background-repeat:no-repeat;
background-position: center right;
font-weight:bold;
/*letter-spacing:-0.05em;*/
cursor:pointer;
}



#marine a:visited {
color:#40708D;
}

/* RENEWABLES PROJECTS */

#renew a {
/*letter-spacing:-0.05em;*/
}

#renew a:hover{
background:url(../images/menu/med_ob_4.png);
background-repeat:no-repeat;
background-position: center right;
font-weight:bold;
/*letter-spacing:-0.05em;*/
cursor:pointer;
}


#renew a:visited {
color:#40708D;
}

/* NESTED LEVEL 1 */


.vertical_accordion_toggle {
	display: block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font-size:11px;
/*	padding-right:20px;*/
	font-weight:bold;
}


.vertical_accordion_toggle_active {
    font-weight:bold;
	font-size: 11px;
	background:url(../images/menu/small_ob_1.png);
	background-repeat:no-repeat;
	background-position: center right;
}


/* FOR THE LISTS */

 ul.vertical_accordion_content {
width:162px;
margin:0;

}

.vertical_accordion_content li {
list-style:none;
}

.vertical_accordion_content {
	overflow: hidden;
	
}
#vertical_nested_container {
	color: #003366;
}


/* NESTED LEVEL 2 */


.vertical_accordion_toggle2 {
	display: block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
.vertical_accordion_toggle_active2 {
    font-weight:bold;
	font-size: 11px
	background:url(../images/menu/small_ob_1.png);
	background-repeat:no-repeat;
	background-position: center right;
}

.vertical_accordion_content2 {
	overflow: hidden;
	
}
#vertical_nested_container2 {
	color: #003366;
}