@import url("css/menu.css");

/* CSS Document */
body {background-color:#FFFFFF; height:100%; margin:0px; padding:0px; background-image:url(/Portals/_default/Skins/Cochise/images/bg.jpg); background-repeat: repeat-x;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head, .SubSubHead, a:link, a:visited, a:hover {
	color:#4F4F4F;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px; font-family: verdana, Arial, Helvetica, sans-serif;}

/*.SubHead{ display: none; }*/
h1, h2, h3, h4, h5, h6{
	color:#4D4D4D;
}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4D4D4D;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4f4f4f;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #4f4f4f;
}

img { border-style: none; }



a{color:#cf142b; text-decoration:none; font-weight:bold; }
a:link{
	color:#cf142b;
	text-decoration:none;
	font-weight:bold;
}
a:visited{color:#cf142b; text-decoration:none; font-weight:bold; }
a:hover{
	color:#F00;
	text-decoration:none;
	font-weight:bold;
}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{
	color:#4D4D4D;
	font-weight:bold;
}
.SubHead {
	color:#4f4f4f;
}
.SubSubHead{
	color:#666;
}
.NormalRed {color:#F00;}

/*.NormalTextBox {padding: 0px; margin: 0px;float: left; z-index: 10; border: 1px; border-style: solid; border-color: #9A9A9A; border-right: 0px; width:10px; height:19px; margin-left:3px; color: #43494D;}*/
.searchbox {padding: 0px; margin: 0px;z-index: 10; border: 1px; border-style: solid; border-color: #9A9A9A; border-right: 0px; width:120px; height:17px; margin-left: 0px; color: #43494D; position: absolute; top: 11px; left: 805px; color: #394B6A;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.template_style{width:970px; margin:0 auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:100px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

/* center_bg is where you can change header type stuff */
.center_bg{padding:0px; margin:0px;clear:both;margin-left: auto;margin-right: auto; background-color: #FFFFFF; width: 960px;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
/*.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}*/
.content_pad{padding-left: 4px; margin-left: 7px; padding-right: 12px; margin-right: 8px; background:#FFFFFF;}
.content_width{padding-top:19px; min-height:350px; width: 937px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}



/*--------- pane style ----------*/

.ContentPane{ padding:0px; margin:0px; width: 567px; }


/*-------------------------------*/
/*          homepage panes       */
/*-------------------------------*/
.BottomPane{ padding:0px; margin:0px; }
.CenterPane{ padding:0px; width:416px; max-width: 416px; margin:0px; background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_hot_topics_bg.jpg);background-position: top left; background-repeat: no-repeat; padding-left: 25px; padding-right: 25px; height: 217px; max-height: 217px; overflow: hidden; background-repeat: no-repeat; padding-top: 15px;}
.CenterPane p {padding: 0px; margin: 0px;}
.CenterPane p + p {padding: 0px; margin: 0px; margin-top: 15px;}
.CenterPane strong {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.TopPane{ padding:0px; margin:0px; background-color: #000000; }
.LeftPane{ padding:0px; width:216px; margin:0px; background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_events_bg.jpg); background-position: top left; background-repeat: no-repeat; padding-left: 32px; padding-right: 5px; height: 217px; padding-top: 0px; max-height: 217px; overflow: hidden; background-repeat: no-repeat; padding-top: 15px;}
.LeftPane p {padding: 0px; margin: 0px;}
.LeftPane p + p {padding: 0px; margin: 0px; margin-top: 15px;}
.RightPane{ padding:0px; width:297px; margin:0px;  background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_deadlines_bg.jpg); background-position: top left; background-repeat: no-repeat; padding-left: 31px; padding-right: 25px; height: 217px; max-height: 217px; overflow: hidden; background-repeat: no-repeat; padding-top: 15px;}
.RightPane p {padding: 0px; margin: 0px; margin-bottom: 15px;}
.headline_gold {color: #717171; font-size: 14px; font-weight: bold; padding: 0px; margin: 0px;}
/*.RightPane p + p {padding: 0px; margin: 0px; margin-top: 15px; background-color: #00FF00;}*/
.RightPane strong {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.fourwide{width: 4px; background-color: #FFFFFF;}

.FutureStudents{ line-height: 16px; padding:0px; width:234px; margin:0px; background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_future_students_bg.jpg); background-repeat: no-repeat; background-position: top left; padding: 0px; vertical-align: top; padding-left: 25px; padding-right: 80px; height: 192px;}
.FutureStudents p { line-height: 16px; padding: 0px; padding-top: 5px; margin: 0px;}
.CurrentStudents{ line-height: 16px; padding:0px; width:185px; margin:0px; background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_current_students_bg.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 21px; padding-right: 17px; height: 127px; padding-top: 65px;}
.CurrentStudents p { line-height: 16px;padding-top: 5px; margin: 0px;}
.CommunityResources{ line-height: 16px; padding:0px; width:233px; margin:0px; background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_community_resources_bg.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 20px; padding-right: 17px; height: 127px; max-height: 192px; padding-top: 65px; }
.CommunityResources p { line-height: 16px;padding: 0px; padding-top: 5px; margin: 0px;}
.FacultyStaff{ padding:0px; width:235px; margin:0px;  background-color: #FFFFFF; background-image:url(/Portals/_default/Skins/Cochise/images/home_header_faculty_staff_bg.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 92px; padding-right: 20px; height: 192px;}






/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{
	color: #666;
	font-weight: normal;
}
a.Breadcrumb:hover{
	color: #4D4D4D;
}


.currentcrumb,a.currentcrumb:link,a.currentcrumb:active,a.currentcrumb:visited{
	color: #4D4D4D;
	font-weight: bold;
}
a.currentcrumb:hover{color: #717171;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{
	font-weight:bold;
	color:#930;
	text-transform:uppercase;
}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
/*div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 0px;}*/
/*div.SearchContainer a{padding: 0px; display: block; float:left; }*/
/*div.SearchContainer a img{padding-left:0px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}*/

/*input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}*/
/*input.SearchTextBox{padding: 0px; margin: 0px;float: left; z-index: 10; border: 1px; border-style: solid; border-color: #9A9A9A; width:130px; height:19px; margin-left:3px; color: #43494D;}*/

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}
















/* STUFF ADAM ADDED ON MAR-13-2009 */

.left_bg{background:url(/Portals/_default/Skins/Cochise/images/border_left_bg.jpg) repeat-y top left;}
.right_bg{background:url(/Portals/_default/Skins/Cochise/images/border_right_bg.jpg) repeat-y top right;}

.left_bg_footer{background:url(/Portals/_default/Skins/Cochise/images/footer_left.jpg) repeat-y top left;}
.right_bg_footer{background:url(/Portals/_default/Skins/Cochise/images/footer_right.gif) repeat-y top right;}
.content_pad_footer{margin-left: 7px; padding-left: 0px; margin-top: -20px;/*padding-right: 12px; margin-right: 8px; background:#FFFFFF;*/}
.content_width_footer{/*padding-top:19px; min-height:350px; width: 937px;*/}
.footer{ background-color: #717171;}

.header_left{background:url(/Portals/_default/Skins/Cochise/images/border_left.jpg) repeat-y top left; position: relative; height: 365px;}
.header_right{background:url(/Portals/_default/Skins/Cochise/images/border_right.jpg) repeat-y top right; position: relative; height: 365px;}
.header {width: 945px; text-align: right; margin: 0px; margin-left: 3px; padding: 0px; padding-top: 11px;}
.header p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.cochisephoto {height: 238px; width: 717px; margin: 0px; padding: 0px;}
.cochisephoto p {margin: 0px; padding: 0px;}
/*.cochisephoto img {height: 238px; width: 717px;}*/
.header2 {width: 945px; text-align: right; margin: 0px; margin-left: 3px; padding: 0px; padding-top: 4px;}

.navarea{padding: 0px; margin: 0px; width: 220px; float: right;list-style-type:none; left: 0px; text-align: left;}
.headerimg{padding: 0px; margin: 0px; width: 717px; float: right; padding-left: 0px;}







/* CRAZY STUFF FOR THE DROP DOWN */


.qlmenu {width: 142px; height: 19px; position:relative; z-index:1000;border-right:0px solid #FFFFFF; font-family:arial, sans-serif; margin:0px; background: #FFFFFF; list-style-type: none; text-align: left; font-weight: normal; font-size: 10px;}

/* hack to correct IE5.5 faulty box model */
* html .qlmenu {width:94px; w\idth:93px;}
/* remove all the bullets, borders and padding from the default list styling */
.qlmenu ul {display: inline; padding: 0px; margin: 0px; list-style-type:none;}
.qlmenu ul ul {width:175px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.qlmenu li {float: left; width:93px;position:relative;list-style-type:none;}
/* style the links for the top level */
.qlmenu a, .qlmenu a:visited {display: block; font-size: 10px; font-weight: normal; text-decoration: none; color: #394B6A; width: 82px; height: auto; border: 0px solid #9A9A9A; border-width: 0px; background: #FFFFFF; padding-left: 0px; line-height: 29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .qlmenu a, * html .qlmenu a:visited {width:93px; w\idth:82px;}

/* style the second level background */
.qlmenu ul ul a.drop, .qlmenu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.qlmenu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.qlmenu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.qlmenu ul ul ul a, .qlmenu ul ul ul a:visited {background: #e2dfa8;}
/* style the third level hover */
.qlmenu ul ul ul a:hover {background: #b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.qlmenu ul ul {visibility: hidden; position: absolute; top: 15px; left: 4px; width: 185px; border-top: 1px solid #9A9A9A; border-bottom: 0px solid #9A9A9A; z-index:1000; background: #FFFFFF;}
/* another hack for IE5.5 */
/** html .qlmenu ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.qlmenu ul ul ul{left:185px; top:-1px; width:185px;}

/* position the third level flyout menu for a left flyout */
.qlmenu ul ul ul.left {left: -185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.qlmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.qlmenu ul ul a, .qlmenu ul ul a:visited {background: #FFFFFF; color: #394B6A; height: auto; line-height: 1em; padding:5px 10px; width: 164px; border-color: #9A9A9A; border-width: 0px 1px 1px 1px;text-decoration:none; border-bottom-color: #D9D9D9;}

/* yet another hack for IE5.5 */
* html .qlmenu ul ul a, * html .qlmenu ul ul a:visited {width:175px;w\idth:175px;}

/* style the top level hover */
.qlmenu a:hover{color: #394B6A; background: #FFFFFF; text-decoration: none;}
.qlmenu ul ul a:hover{color: #394B6A; background: #C4C9D3; text-decoration: none;}
.qlmenu :hover > a{color: #394B6A; background: #FFFFFF; text-decoration: none;}
.qlmenu ul ul :hover > a {color: #394B6A; background: #C4C9D3; text-decoration: none;}

/* make the second level visible when hover on first level list OR link */
.qlmenu ul li:hover ul,
.qlmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.qlmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.qlmenu ul :hover ul :hover ul{ visibility:visible;}







/* TOP LINK */
.menu0 {height: 34px; position:relative; z-index:1000; border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu0 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu0 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu0 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu0 a, .menu0 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu0 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu0 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu0 a, * html .menu0 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu0 ul ul a.drop, .menu0 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu0 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu0 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu0 ul ul ul a, .menu0 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu0 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu0 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu0 ul ul ul li a, .menu0 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu0 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right;}
.menu0 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu0 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu0 ul ul ul{visibility: hidden; padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; vertical-align: middle; margin-top: -1px; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu0 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu0 ul ul ul li {vertical-align: middle; width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu0 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu0 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu0 ul ul a, .menu0 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu0 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu0 ul ul a, * html .menu0 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu0 a:hover, .menu0 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu0 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu0 ul li:hover ul,
.menu0 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu0 ul :hover ul ul{visibility: visible;}
/* make the third level visible when you hover over second level list OR link */
.menu0 ul :hover ul :hover ul{ visibility: visible;}














/* 2ND LINK */
.menu1 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu1 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu1 a, .menu1 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu1 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu1 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu1 a, * html .menu1 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu1 ul ul a.drop, .menu1 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu1 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu1 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu1 ul ul ul a, .menu1 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu1 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu1 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu1 ul ul ul li a, .menu1 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right;}
.menu1 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu1 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu1 ul ul ul{padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; vertical-align: middle; margin-top: -20px; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu1 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu1 ul ul ul li {vertical-align: middle; width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu1 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu1 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu1 ul ul a, .menu1 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu1 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu1 ul ul a, * html .menu1 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu1 a:hover, .menu1 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu1 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul{ visibility:visible;}




/* 3RD LINK */
.menu2 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu2 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu2 a, .menu2 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu2 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu2 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu2 a, * html .menu2 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu2 ul ul a.drop, .menu2 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu2 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu2 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu2 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu2 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu2 ul ul ul li a, .menu2 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right;}
.menu2 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu2 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu2 ul ul ul{padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; vertical-align: middle; margin-top: -50px; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu2 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu2 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu2 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu2 ul ul a, .menu2 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu2 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu2 ul ul a, * html .menu2 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu2 a:hover, .menu2 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu2 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul,
.menu2 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{ visibility:visible;}



















/* 4TH LINK */
.menu3 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu3 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu3 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu3 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu3 a, .menu3 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu3 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu3 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu3 a, * html .menu3 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu3 ul ul a.drop, .menu3 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu3 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu3 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu3 ul ul ul a, .menu3 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu3 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu3 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu3 ul ul ul li a, .menu3 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu3 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right;}
.menu3 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu3 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu3 ul ul ul{padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; vertical-align: middle; margin-top: -50px; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu3 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu3 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu3 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu3 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu3 ul ul a, .menu3 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu3 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu3 ul ul a, * html .menu3 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu3 a:hover, .menu3 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu3 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu3 ul li:hover ul,
.menu3 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu3 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu3 ul :hover ul :hover ul{ visibility:visible;}



















/* 5TH LINK */
.menu4 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu4 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu4 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu4 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu4 a, .menu4 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu4 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu4 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu4 a, * html .menu4 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu4 ul ul a.drop, .menu4 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu4 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu4 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu4 ul ul ul a, .menu4 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu4 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu4 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu4 ul ul ul li a, .menu4 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu4 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right;}
.menu4 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu4 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu4 ul ul ul{padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; vertical-align: middle; margin-top: -60px; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu4 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu4 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu4 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu4 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu4 ul ul a, .menu4 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu4 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu4 ul ul a, * html .menu4 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu4 a:hover, .menu4 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu4 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu4 ul li:hover ul,
.menu4 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu4 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu4 ul :hover ul :hover ul{ visibility:visible;}



















/* 6TH LINK */
.menu5 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu5 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu5 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu5 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu5 a, .menu5 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu5 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu5 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu5 a, * html .menu5 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu5 ul ul a.drop, .menu5 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu5 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu5 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu5 ul ul ul a, .menu5 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu5 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu5 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu5 ul ul ul li a, .menu5 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu5 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right;}
.menu5 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu5 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu5 ul ul ul{padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; vertical-align: middle; margin-top: -50px; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu5 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu5 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu5 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu5 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu5 ul ul a, .menu5 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu5 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu5 ul ul a, * html .menu5 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu5 a:hover, .menu5 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu5 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu5 ul li:hover ul,
.menu5 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu5 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu5 ul :hover ul :hover ul{ visibility:visible;}



















/* 7TH LINK */
.menu6 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu6 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu6 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu6 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu6 a, .menu6 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu6 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu6 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu6 a, * html .menu6 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu6 ul ul a.drop, .menu6 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu6 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu6 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu6 ul ul ul a, .menu6 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu6 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu6 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu6 ul ul ul li a, .menu6 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu6 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right; vertical-align: top;}
.menu6 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu6 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu6 ul ul ul {padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; margin-top: -55px; vertical-align: top; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu6 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu6 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu6 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu6 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu6 ul ul a, .menu6 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu6 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu6 ul ul a, * html .menu6 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu6 a:hover, .menu6 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu6 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu6 ul li:hover ul,
.menu6 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu6 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu6 ul :hover ul :hover ul{ visibility:visible;}


/* 8TH LINK */
.menu7 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu7 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu7 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu7 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu7 a, .menu7 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu7 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu7 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu7 a, * html .menu7 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu7 ul ul a.drop, .menu7 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu7 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu7 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu7 ul ul ul a, .menu7 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu7 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu7 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu7 ul ul ul li a, .menu7 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu7 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right; vertical-align: top;}
.menu7 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu6 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu7 ul ul ul {padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; margin-top: -100px; vertical-align: top; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu6 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu7 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu7 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu7 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu7 ul ul a, .menu7 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu7 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu7 ul ul a, * html .menu6 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu7 a:hover, .menu6 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu7 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu7 ul li:hover ul,
.menu7 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu7 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu7 ul :hover ul :hover ul{ visibility:visible;}




/* 9TH LINK */
.menu8 {height: 34px; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px;}
/* hack to correct IE5.5 faulty box model */
* html .menu8 {/*width:200px; w\idth:199px; height: 36px;*/}
/* remove all the bullets, borders and padding from the default list styling */
.menu8 ul {padding:0;margin:0;list-style-type:none; text-align: right;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu8 li {float:left;/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px;}
/* style the links for the top level */

.menu8 a, .menu8 a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menu8 ul a {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid;}
.menu8 ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu8 a, * html .menu8 a:visited {width:216px; w\idth:205px;}


/* style the second level background */
.menu8 ul ul a.drop, .menu8 ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu8 ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu8 ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu8 ul ul ul a, .menu7 ul ul ul a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border: 0px; margin: 0px; padding: 0px;}
/* style the third level hover */
.menu8 ul ul ul a:hover { background-color: #cbcbcb; font-size: 11px; font-weight: normal;  border-width: 0px; margin: 0px; padding: 0px;}
.menu8 ul ul ul li a:hover                         { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #101010; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 1px 8px;}
.menu8 ul ul ul li a, .menu8 ul ul ul li a:visited { background-color: #cbcbcb; font-size: 11px; font-weight: normal; border-width: 0px; margin: 0px; padding: 0px;color: #000000; background-color: #cbcbcb; border-width: 0px; margin-top: -2px; margin-bottom: -1px; padding: 0px; position: relative; top: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px;}


/*----------------------------------  FIND DARK BROWN COLORS AND REPLACE WITH RED, UNTIL YOU FIND OUT WHO IS TO BLAME FOR EXTRA LINES ---------*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu8 ul ul {visibility:hidden;position:absolute;height: 33px;top:0px;left: 216px; z-index:1001;list-style-type:none; margin-bottom:0px;width: 4px;list-style-type:none; margin-bottom:0px; background-color: #cbcbcb; text-align: right; vertical-align: top;}
.menu8 ul ul li {position:relative; margin-bottom:0px; text-align: right;}
/* another hack for IE5.5 */
/** html .menu6 ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menu8 ul ul ul {padding-right: 19px; padding-top: 17px; padding-bottom: 17px; padding-left: 6px; position: absolute; left:4px; margin-top: -150px; vertical-align: top; width: auto; height: auto; background-color: #cbcbcb; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF;}
/*.menu6 ul ul ul a:hover {background-color: #cbcbcb; border: 0px; margin-top: -2px;}*/

.menu8 ul ul ul li {vertical-align: middle;  width: 200px;}


/* position the third level flyout menu for a left flyout */
.menu8 ul ul ul.left {left:-185px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu8 table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu8 ul ul a, .menu8 ul ul a:visited {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
.menu8 ul ul a:hover                  {background-color: #cbcbcb; color:#000000; height:auto; line-height:1.5em; /*padding:5px 10px;*/ padding: 0px; margin: 0px; padding-left: 10px; width: auto; text-decoration:none; text-align: left; border: 0px;}
/* yet another hack for IE5.5 */
* html .menu8 ul ul a, * html .menu8 ul ul a:visited {width:216px;w\idth:216px;}

/* style the top level hover */
.menu8 a:hover, .menu6 ul ul a:hover{/*color:#751B1B; background:#333333;text-decoration:none;*/}
.menu8 :hover > a {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; line-height:36px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}

/* make the second level visible when hover on first level list OR link */
.menu8 ul li:hover ul,
.menu8 ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu8 ul :hover ul ul{visibility:visible;}
/* make the third level visible when you hover over second level list OR link */
.menu8 ul :hover ul :hover ul{ visibility:visible;}














/* CURRENT LINK */
.menuCurrent {height: auto; position:relative; z-index:1000;border-right:0px solid #000; font-family: arial, sans-serif; margin:0px;background:000000;list-style-type:none; padding: 0px; width: auto; left: 0px;}
.menuCurrent ul {padding:0;margin:0;list-style-type:none; text-align: right; vertical-align: middle; left: 0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuCurrent li {/*width:216px;*/position:relative;list-style-type:none; background-color: #717171; margin:0px; padding:0px; left:0px; vertical-align: middle;}
.menuCurrent a, .menuCurrent a:visited {display:block;font-size:11px;text-decoration:none; color:#FFFFFF; /*line-height:36px;*/ font-weight: normal; background-color: #717171;}

.menuCurrent ul a {display: block;font-size:11px;text-decoration:none; color:#FFFFFF; width: 204px; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #717171; background-color: #717171; padding-left:0px; font-weight: normal; border-bottom-color: #A0A091; border-bottom-width: 1px; border-bottom-style: solid; vertical-align: middle;}
.menuCurrent ul a:hover   {position: relative; top: -1px;display:block;font-size:11px;text-decoration:none; color:#FFFFFF; padding-right: 12px; height: 32px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-color: #cbcbcb; padding-left:0px; font-weight: normal; border-bottom-color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; padding-top: 1px; margin-bottom: -2px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menuCurrent a, * html .menuCurrent a:visited {/*width:216px; w\idth:205px;*/}

.menuCurrent ul ul {position: relative; left: 0px;}

.menuCurrent ul li ul li {left: 0px; width: 216px; background-color: #cbcbcb;}

.menuCurrent ul li {left: 0px; width: 216px; background-color: #cbcbcb;}

.menuCurrent ul li ul li ul li a,
.menuCurrent ul li ul li ul li a:hover,
.menuCurrent ul li ul li ul li a:visited,
.menuCurrent ul li ul li ul li :hover,
.menuCurrent ul li ul li ul li :visited { height: auto; border-width: 0px;background-color: #cbcbcb; margin-top: 0px; margin-bottom: 0px; padding-top: 4px; padding-bottom: 4px; top: 0px; border-bottom-width: 0px; border-top-width: 0px;}
 
.menuCurrent ul li ul li ul a,
.menuCurrent ul li ul li ul a:hover,
.menuCurrent ul li ul li ul a:visited,
.menuCurrent ul li ul li ul :hover,
.menuCurrent ul li ul li ul :visited { height: auto; border-width: 0px;background-color: #cbcbcb; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; top: 0px; border-bottom-width: 0px; border-top-width: 0px;}
 
.menuCurrent ul li ul li a,
.menuCurrent ul li ul li a:hover,
.menuCurrent ul li ul li a:visited,
.menuCurrent ul li ul li :hover,
.menuCurrent ul li ul li :visited { height: auto; border-width: 0px;background-color: #cbcbcb; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; top: 0px; border-bottom-width: 0px; border-top-width: 0px;}

.menuCurrent2 {height: auto; display: inline-table; position: relative; top: 0px; left: 0px; width: 216px; padding: 0px; margin: 0px; font-size: 11px; font-weight: normal; color: #FFFFFF; background-color: #cbcbcb;}

.menuCurrent2 a, .menuCurrent2 a:visited {padding: 0px; margin: 0px; display: block; height: 22px; margin-right: 8px; vertical-align: middle; padding-top: 10px; font-size: 11px; font-weight: normal; color: #FFFFFF;}
.menuCurrent2 a:hover {display: block; height: 22px; margin-right: 8px; vertical-align: middle; padding-top: 10px; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none;}

.menuCurrent2 ul {display: block; text-align: right; vertical-align: middle; position: relative; top: 0px; left: 0px; width: 216px; padding: 0px; margin: 0px;}
.menuCurrent2 ul li { display: block; background-color: #717171; position: relative; top: 0px; left: 0px; width: 216px; padding: 0px; margin: 0px;}

.menuCurrent2 ul li ul    {display: block; text-align: right; background-color: #cbcbcb; vertical-align: middle; position: relative; top: 0px; left: 0px; width: 216px; padding: 0px; margin: 0px; padding-top: 10px; padding-bottom: 10px;}
.menuCurrent2 ul li ul li {display: block; background-color: #cbcbcb; position: relative; top: 0px; left: 0px; width: 216px; padding: 0px; margin: 0px;}

.menuCurrent2 ul li ul li a, .menuCurrent2 ul li ul li a:visited {display: block; color: #000000; height: auto; margin-right: 8px; vertical-align: middle; font-size: 11px; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-right: 10px;}
.menuCurrent2 ul li ul li a:hover                                {display: block; color: #FFFFFF; height: auto; padding-top: 2px; padding-bottom: 2px; padding-right: 10px;  background-image:url(/Portals/_default/Skins/Cochise/images/nav_arrow.gif); background-repeat: no-repeat; background-position: 200px 7px;}

.z1
{
	z-index: 1;
	position: absolute;
	width: 950px;
	height: 371px;
}
#Body #Form div .center_bg .header_left .header_right div table tr #dnn_MainPane #content #flashcontent #sections table tbody tr #Category4 .verdana a {
	font-size: 16px;
	color: #333;
}
#Body #Form div .center_bg .header_left .header_right div table tr #dnn_MainPane #content #flashcontent #sections table tbody tr #category5 .verdana .heading a {
	font-size: 16px;
	color: #333;
}