.css-h {
width: 100%;
float: left;
}

.css-h ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
height: 3em;
float: left;
}

#ssn_menu_list_main a {
color: #fff;
background: url(http://cshealer.co.uk/wp-content/themes/cslectures/images/navs/blue-left.gif) left top no-repeat;;
text-decoration: none;
padding-left: 10px;
margin-right:2px;
font-size:16px;
}

#ssn_menu_list_main a span {
background: url(http://cshealer.co.uk/wp-content/themes/cslectures/images/navs/blue-right.gif) right top no-repeat;
padding-right: 10px
} 

#ssn_menu_list_main a span:first-child {
background: #788A9C;
padding-right: 0px;
} 

#ssn_menu_list_main a:hover, #ssn_menu_list_main a.navSelected {
color: #fff;
background: url(http://cshealer.co.uk/wp-content/themes/cslectures/images/navs/orange-left.gif) left top no-repeat;
padding-left: 10px
}

#ssn_menu_list_main a:hover span , #ssn_menu_list_main a.navSelected span
{
background: url(http://cshealer.co.uk/wp-content/themes/cslectures/images/navs/orange-right.gif) right top no-repeat;
padding-right: 10px
} 
#ssn_menu_list_main a:hover span:first-child, #ssn_menu_list_main a.navSelected span:first-child {
background: #FED080;
padding-right: 0px;
} 

#ssn_menu_list_main ul
{
list-style: none;
padding: 0;
margin: 0
}

#ssn_menu_list_main li
{
float: left;
margin: 0;
} 

.css-h a, .css-h h2
 {

display: block;
text-align: center;
margin: 0;
padding: 1em 0px;

}

.css-h a, .css-v a {
font: bold 10pt sans-serif;
color: #339;
background: #cff;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
}
.css-h h2, .css-h a.head {
font: bold 10pt sans-serif;
color: #fff;
background: #339;
text-transform: uppercase;
border-width: 0.5em;
border-style: solid;
border-color: #ccc #fcc #aaa #cfc;
}

.css-h a.special {
border-top: none;
color: #fff;
background: #369;
}

.css-h a:hover {
color: #a00;
background: #fff;
}

.css-h #currentpage {
color: #fff;
background: #55c;
}

.css-h a.head:hover, .css-h a#currentpage:hover {
color: #fff;
background: #66f;
}

.css-h a.special:hover {
color: #a00;
background: #fff;}

/* The css controls the position of the listmenu elements */

.css-h li {position: relative; float : left;}

.css-h ul ul {
position: absolute;
z-index: 500;
}

.css-h ul ul ul {
position: absolute;
top: 0;
left: 100%;
}



/* contols pop out menus*/

div.css-h ul ul,
div.css-h ul li:hover ul ul,
div.css-h ul ul li:hover ul ul,
div.css-v ul ul,
div.css-v ul li:hover ul ul,
div.css-v ul ul li:hover ul ul
{display: none;}

div.css-h ul li:hover ul,
div.css-h ul ul li:hover ul,
div.css-h ul ul ul li:hover ul,
div.css-v ul li:hover ul,
div.css-v ul ul li:hover ul,
div.css-v ul ul ul li:hover ul
{display: block;}

/* Vertical CSS menu */

.css-v {width : 9em}

.css-v ul li,  
{
list-style: none;
margin: 0;
padding: 0;
width: 9em;
height: 3em;
}
.css-v a, .css-v h2
 {

display: block;
text-align: center;
margin: 0;
padding: 0.7em 3px;
}

.css-v li {position: relative; padding:0; margin:0px;}

.css-v ul ul {
position: absolute;
top : 0;
left :100%;
}

.css-v ul ul li { float: left; width : 9em;}

.css-v ul ul ul {
position: absolute;
top: 0;
left: 100%;
}