
/* CSS Document */
li.buttonon {
	background-image: url('../images/buttons/on.gif');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	color:Green;
	border: 1px solid #green;
}
li.button, li.buttondd, li.widebuttondd {
	background-image: url('../images/buttons/off.gif');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
li.homebutton, li.homebuttondd, li.homebuttondd {
	background-image: url('../images/buttons/off.gif');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
li.pcrbutton, li.pcrbuttondd, li.pcrbuttondd {
	background-image: url('http://www.vetms.com/images/buttons/off.gif');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
li.ddmenutopitemon {
	background-image: url('../images/buttons/submenutop_on.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
	padding-top: 10px;
	height: 35px;
}
.ddmenutopitemoff {
	background-image: url('../images/buttons/submenutop.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
	padding-top: 10px;
	height: 35px;
}
li.ddmenuitemon {
	background-image: url('../images/buttons/submenuitem_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
}
.ddmenuitemoff {
	background-image: url('../images/buttons/submenuitem.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
}
li.ddmenubottomitemon {
	background-image: url('../images/buttons/submenubottom_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
.ddmenubottomitemoff {
	background-image: url('../images/buttons/submenubottom.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

/* For wider submenu items */
li.wideddmenutopitemon {
	background-image: url('../images/buttons/widesubmenutop_on.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
	padding-top: 10px;
	height: 35px;
}
.wideddmenutopitemoff {
	background-image: url('../images/buttons/widesubmenutop.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
	padding-top: 10px;
	height: 35px;
}
li.wideddmenuitemon {
	background-image: url('../images/buttons/widesubmenuitem_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
}
.wideddmenuitemoff {
	background-image: url('../images/buttons/widesubmenuitem.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	border-bottom: 1px solid #BFCCDB;
}
li.wideddmenubottomitemon {
	background-image: url('../images/buttons/widesubmenubottom_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
.wideddmenubottomitemoff {
	background-image: url('../images/buttons/widesubmenubottom.gif');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

/*Top navigation */
ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	width: 264px;
	font-size: 11px;
	font-weight: normal;
}
ul.topnav li {
	float: left;
	height: 18px;
	text-align: center;
	vertical-align:middle;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	padding: 0 10px 0 10px;
}
ul.topnav li a{
	vertical-align:middle;
	height: inherit;
	width: inherit;
	color: #666;
	display: block;
	text-decoration: none;
	
}
ul.topnav li a:hover
{
    color: #666;
	display: block;
	text-decoration: underline;
}
ul.topnav li ul.topsubnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 15px;
	margin: 0 0 0 10px; 
	padding: 0 0 0 0;
	display: none;
	float: left;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana;
	border: solid 1px #666666;
	width: 104px;
}
ul.topnav li ul.topsubnav li{
	margin: 0; 
	padding: 0;
	clear: both;
	height: 18px;
	text-align: left;
	width: 104px;
}
html ul.topnav li ul.topsubnav li a {
	float: left;
	height: inherit;
	width: inherit;
	color: #666666;
	/* background: #dddddd url(dropdown_linkbg.gif) no-repeat 10px center; add later */ 
	padding: 2px 0 0 4px;
	margin: 0;
	font-size: 11px;
}
html ul.topnav li ul.topsubnav li a:hover { /*--Hover effect for subnav links--*/
	color: #666666;
	padding: 2px 0 0 4px;
	margin: 0;
	width: inherit;
	height: inherit;
	font-size: 11px;
}
html ul.topnav li ul.topsubnav li a:visited { /*--Hover effect for subnav links--*/
	color: #666666;
	padding: 2px 0 0 4px;
	margin: 0;
	width: inherit;
	height: inherit;
	font-size: 11px;
}

/*Button navigation and dropdowns*/
ul.buttonnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	width: 635px;
	font-size: 12px;
	font-weight: bold;
	z-index: 1000;
	position:relative;
	float:right;
}
ul.buttonnav li {
	float: left;
	width: 117px;
	height: 50px;
	margin-right: 10px;
	text-align: center;
	vertical-align:middle;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	cursor:pointer;
}
ul.buttonnav li a{
	vertical-align:middle;
	height: inherit;
	color: #fff;
	display: block;
	text-decoration: none;
	cursor:pointer;
}
ul.buttonnav li a:hover{
	 /*background: url(../images/buttons/on.gif) no-repeat center top; may be able to do this with class replacement on the li element */
}
ul.buttonnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	margin: 0; 
	padding: 10px 0 0 0;
	display: none;
	float: left;
	width: 117px;
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma;
	z-index: 1000;
}
ul.buttonnav li ul.subnav li{
	margin: 0; 
	padding: 0;
	clear: both;
	width: 117px;
	height: 25px;
	text-align: left;
}
html ul.buttonnav li ul.subnav li a {
	float: left;
	width: 117px;
	height: inherit;
	padding: 5px 0 0 8px;
	margin: 0;
}
html ul.buttonnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	padding: 5px 0 0 8px;
	margin: 0;
	height: inherit;
}

/* For wider submenu items */
ul.buttonnav li ul.widesubnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	margin: 0; 
	padding: 10px 0 0 0;
	display: none;
	float: left;
	width: 172px;
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma;
	z-index: 1000;
}
ul.buttonnav li ul.widesubnav li{
	margin: 0; 
	padding: 0;
	clear: both;
	width: 172px;
	height: 25px;
	text-align: left;
	cursor:pointer;
}
html ul.buttonnav li ul.widesubnav li a {
	float: left;
	width: 172px;
	height: inherit;
	/* background: #dddddd url(dropdown_linkbg.gif) no-repeat 10px center; add later */ 
	padding: 5px 0 0 8px;
	margin: 0;
}
html ul.buttonnav li ul.widesubnav li a:hover { /*--Hover effect for subnav links--*/
	padding: 5px 0 0 8px;
	margin: 0;
	height: inherit;
	
}
.inner2 {
	padding-left: 24px;
	height: inherit;
	float: left;
	cursor:pointer;
}
.inner {
	padding-left: 8px;
	height: inherit;
	float: left;
	cursor:pointer;
}
.arrow {
	padding-top: 8px;
	height: inherit;
	float: left;
	cursor:pointer;
}
#itserv
{
    background-image: url('../images/buttons/itserv.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#itserv.hover
{
    background-image: url('../images/buttons/itserv_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#itserv a
{
    width: 206px;
	height: 85px;
}
#finman
{
    background-image: url('../images/buttons/finman.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#finman.hover
{
    background-image: url('../images/buttons/finman_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#finman a
{
    width: 206px;
	height: 85px;
}
#progproj
{
    background-image: url('../images/buttons/progproj.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
}
#progproj.hover
{
    background-image: url('../images/buttons/progproj_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
}
#progproj a
{
    width: 206px;
	height: 85px;
}
#acqcongrant
{
    background-image: url('../images/buttons/acqcongrant.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
}
#acqcongrant.hover
{
    background-image: url('../images/buttons/acqcongrant_on.gif');
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	width: 206px;
	height: 85px;
	margin-right: 10px;
}
#acqcongrant a
{
    width: 206px;
	height: 85px;
}

