﻿<style type="text/css">

/* ======================= arrow green ======================== */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen{
	width: 150px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowgreen li{
  margin: 0;
  padding: 0 0 0 10px;
}


.arrowgreen li a{
    width: 150px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(/acrossuhub09/images/common/arrowblue.gif) 100% 0;
    height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

.arrowgreen li a:link, .arrowgreen li a:visited {
	/*color: #5E7830;*/
    color: #003366;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}


.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}


/* ====================== glossy menu ==================== */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}


.glossymenu li{
    display: block;
  list-style-type: none;
}


.glossymenu li a{
background: white url(/acrossuhub09/images/common/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/acrossuhub09/images/common/glossyback2.gif);
}

/* ========================== blue block ========================= */
#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 160px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 115px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 160px; /*IE 5*/
width: 115px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


/* =================== menu 9 ===================== */

#menu9 {
	width: 200px;
	margin: 0;
    padding: 0 0 0 10px;
}

#menu9 ul {
  margin: 0;
}


#menu9 li {
  margin: 0;
  padding: 0 0 0 0px;
}


#menu9 li a {
	/*height: 32px;*/
  	height: 24px;
	text-decoration: none;
	}

#menu9 li a:link, #menu9 li a:visited {
	color: #FFF;
	display: block;
	background: url(/acrossuhub09/images/common/menu9.gif);
	padding: 8px 0 0 35px;
	}

#menu9 li a:hover {
	color: #FFF;
	background: url(/acrossuhub09/images/common/menu9.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}


/* ==================== leftMainMenu ====================== */

#leftMainMenu {
	height: 50px;
	width: 110px;
	margin: 0;
   padding: 0 0 0 10px;
	
	text-align: center;
	
	position: relative;
	float: left;
	z-index: 2;	
}

#leftMainMenu ul {
	margin: 0;
}

#leftMainMenu li {
  margin: 0;
  padding: 0px 0 0px 0px;
  border-bottom: #FFFFFF solid thin;
}

#leftMainMenu li a {
	height: 20px;
	width: 100px;
	text-decoration: none;
}

#leftMainMenu li a:link, #leftMainMenu li a:visited {
	color: #FFF;
	display: block;
   background: #3399CC;
	padding: 8px 0 8px 10px;
}

#leftMainMenu li a:hover {
	color: #000000;
   background: #99FFFF;
	padding: 8px 0 8px 10px;
}

/* ==================== leftSubMenu ====================== */

#leftSubMenu {
	width: 110px;
	height: 50px;
	margin: 0;
   padding: 0 0 0 10px;
	
	text-align: center;
	
	position: relative;
	float: left;
	z-index: 2;	
}

#leftSubMenu ul {
	margin: 0;
}

#leftSubMenu li {
  margin: 0;
  padding: 0px 0 0px 0px;
  border-bottom: #FFFFFF solid thin;
}

#leftSubMenu li a {
	height: 20px;
	width: 100px;
	text-decoration: none;
}

#leftSubMenu li a:link, #leftSubMenu li a:visited {
	color: #FFF;
	display: block;
   background: #3399CC;
	padding: 8px 0 8px 10px;
}

#leftSubMenu li a:hover {
	color: #000000;
   background: #99FFFF;
	padding: 8px 0 8px 10px;
}


/* ==================== temp ====================== */

#temp {
	width: 220px;
	margin: 0;
    padding: 0 0 0 10px;
}

#temp ul {
  margin: 0;
}


#temp li {
  margin: 0;
  padding: 0px 0 0px 0px;
  /*border-bottom: #FFFFFF solid thin;*/
}

#temp li a {
	height: 20px;
	text-decoration: none;
	}

#temp li a:link, #temp li a:visited {
	color: #FFF;
	display: block;
    /*background: #3399CC;*/
	padding: 8px 0 8px 10px;
	font-style:italic;
	font-weight:bold;	
	}

#temp li a:hover {
	color: #000000;
    background: #99FFFF;
	padding: 8px 0 8px 10px;
	}




</style>
