/* main ############################## */

A:link{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

A:active{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

A:visited{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

A:hover{font-family: Arial, Verdana, Helvetica, sans-serif;  font-size: 12px;color: #556180;text-decoration: underline;}

body {background-color: #808080; font-family: Arial, Verdana, Helvetica, sans-serif;}

DIV {font-size: 12px; color: #000000; line-height: 18px;}

h1{font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; font-size: 18px;color: #477f8d; padding: 0; margin: 0; line-height: 25px;}

A.linkConnection:link{font-family:  Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:     #FFFFFF;text-decoration: underline;}
A.linkConnection:active{font-family:  Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:     #FFFFFF;text-decoration: underline;}
A.linkConnection:visited{font-family:  Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:     #FFFFFF;text-decoration: underline;}
A.linkConnection:hover{font-family:  Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:     #FFFFFF;text-decoration: underline;}

A.linkFooterBottom:link{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: underline;}
A.linkFooterBottom:active{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: underline;}
A.linkFooterBottom:visited{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: underline;}
A.linkFooterBottom:hover{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: underline;}

.boxId {width: 400px; height: 173px; background :url(img/vup2a_box_login.gif) no-repeat;}

/* /main */

/* div ############################## */

div#main{position:relative; width:970px; text-align:left; margin:0 auto; background-color:#FFFFFF;}

	div#connection{float:left; width:970px; text-align:right; background-color: #000000; padding-top: 10px; padding-bottom: 5px; font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}

	div#banner{float: left; width:970px; height: 250px;}
		div#logo{position: absolute;background-color:transparent; left: 795px; top: 192px; overflow: hidden; text-align: center;}

	div#content{float:left; width:970px; background: url(img/vup2a_content_filler.png) repeat-y; background-color: #FFFFFF;}
		div#content_left {float:left; width:754px;}
			div#content_left_banner{float:left; width:754px; height:78px;}
				div#content_left_banner_title{position: relative; width: 340px; height: 30px; background-color: transparent; top: 15px;left: 400px; text-align: right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; color: #d7d19f;}
				div#content_left_banner_phone{position: relative;width: 750px; text-align: right ; background-color: transparent; top: 25px; right: 0px; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 12px; color: #b8b0a5;}
			div#content_left_menu{float:left; width:200px; background-color: transparent;}
			div#content_left_content{float:left; overflow: hidden; width:554px; background-color: transparent;}
		
		div#content_right{float:left; width:215px; background-color: transparent;margin-top: 50px;}
			div#rightcontent{float:left; text-align:left; width:215px;}
				div#news {float: left; width: 215px; background:url(img/vup2a_news.png) no-repeat;}
					div#newsbackground {float: left;text-align:left; width:215px; background:url(img/vup2a_gradation.png) no-repeat 2px 0px;margin-top: 37px;} 
						div#newscontent {float: left;text-align:left; width:214px; background-color: transparent;}
						div#minheightcontent {float: right; width:1px; height:147px; background-color :transparent;}
				div#animals {float: left; width:215px; background:url(img/vup2a_animals.png) no-repeat;margin-top: 20px;}
					div#animalscontent {float: left;text-align:left; width:214px;background-color: transparent;margin-top: 25px;}
				div#account {float: left; width:215px; background:url(img/vup2a_account.png) no-repeat;margin-top: 20px;}
					div#accountcontent {float: left;text-align:left; width:214px;background:transparent; margin-top: 25px;}
			div#minheight {float: right; width:1px; height:440px; background:transparent;}
			
	div#bottom{float: left; width:970px; height:40px; background:url(img/vup2a_bottom.png) no-repeat;}

	div#footer{float:left; width:970px; background-color: #808080;}
		div#footer div#footer_line1{width:970px; text-align: center;}
		div#footer div#footer_line2{width:970px;text-align: right;height:50px;}
	
/* /div */

/* module vetupmenu ##############################

/* main menu */

.menuSide{
width: 170px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.menuSide ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
border: 0px;
text-align: right;
vertical-align: middle;
}

.menuSide ul li a{
background: transparent url(img/vup2a_menu_icon.png) no-repeat right 4px;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #272727;
display: block;
width: auto;
padding: 3px 20px 0px 0px;
text-decoration: none;
border: 0px;
height:30px !important; /*moz width*/
height:33px; /*IE width*/
}

* html .menuSide ul li a{ /*IE6 hack*/
width: 140px;
}

.menuSide ul li a:visited, .menuSide ul li a:active{
color: #272727;
text-decoration: none;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
}

.menuSide ul li a:hover, .menuSide ul li a.selected{
background: transparent url(img/vup2a_menu_icon_hover.png) no-repeat right 4px;
color: #A9282B !important;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

/* /main menu */

/* submenu */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0px 0px 0px -1px;
padding: 0;
position: absolute;
left: 0px;
top: 0;
list-style-type: none;
border-left: 1px #272727 solid;
border-top: 1px #272727 solid;
border-right: 1px #272727 solid;
visibility: hidden;
z-index: 100;
text-align: left;
}

.ddsubmenustyle li a{
width: 160px;
display: block;
color: #272727;
background-color: #B5C9C7;
text-decoration: none;
padding:10px 10px 10px 10px;
border-bottom: 1px #272727 solid;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
text-decoration: none;
background-color: #A9282B !important ;
color: white !important;
}

.ddsubmenustyle li a:visited{
width: 160px;
display: block;
color: #272727;
background-color: #B5C9C7;
text-decoration: none;
padding:10px 10px 10px 10px;
}

/* /submenu */

/* menu: arrow */

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
margin-top: 0px;
border: 0;
background: url(img/menu_arrow_right.gif) no-repeat;
}
/* /menu: arrow */

/* /module vetupmenu */

