/* 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: #000000;}

DIV, SPAN {font-size: 12px; font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; color: #000000; line-height: 18px;}

h1{font-family: Arial, Verdana, Times New Roman, Helvetica, sans-serif; font-size: 18px;color: #6eaa09; padding: 0; margin: 0;}

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:#FFFFFF;text-decoration: underline;}
A.linkFooterBottom:active{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#FFFFFF;text-decoration: underline;}
A.linkFooterBottom:visited{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#FFFFFF;text-decoration: underline;}
A.linkFooterBottom:hover{font-family:Arial,Verdana, Helvetica, sans-serif;font-size: 12px;color:#FFFFFF;text-decoration: underline;}

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

/* /main */

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

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

div#connection{float:left; width:980px; 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#header{float:left; width:980px;}

	div#header div#header_top{width:980px; height:94px;}
	div#header div#header_bottom{width:980px; height:196px;}

div#content{float:left; width:980px; background: url(img/design_14_bg_bottom.jpg) #FFFFFF no-repeat bottom;}
	
	div#content div#content_background {float:left; width:980px; background: url(img/design_07.jpg) transparent repeat-y; }
	
		div#content div#content_left{float:left; width:205px; background-color: transparent;}
			div#content div#menu{width: 205px; height: 270px; background:url(img/design_09.jpg) no-repeat bottom;}
			div#animals{position: absolute; left:50px; top:660px; width: 180px; height: 184px;}
	
		div#content div#content_middle{float:left; width:575px; overflow:hidden; background-color: transparent; padding-bottom: 80px;}

		div#content div#content_right{float:left; width:200px;}
			div#info {width:200px;}
			div#account {position: absolute; left: 790px; top: 625px; width:159px; height: 179px;}

div#footer{float:left; width:980px; background-color:#000000; color: #6eaa09; padding: 10 0 40 0;}
	div#footer div#footer_line1{width:980px; text-align:center;}
	div#footer div#footer_line2{width:980px; text-align:right;}
	
/* /div */

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

/* main menu */

.menuSide{
width: 150px; /*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: 5px,0px;
padding: 0;
border: 0px;
text-align: right;
vertical-align: middle;
}

.menuSide ul li a{
background: transparent url(img/menuPuceOver.jpg) no-repeat right;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color: #5a5a5a;
display: block;
width: auto;
padding: 3 15 0 0;
text-decoration: none;
border: 0px;
height:22px !important; /*moz width*/
height:25px; /*IE width*/
}

.menuSide ul li a:visited, .menuSide ul li a:active{
color: #5a5a5a;
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/menuPuceOff.jpg) no-repeat right;
color: #7a5642 !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: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 1px #000000 solid;
visibility: hidden;
z-index: 100;
text-align: left;
}

.ddsubmenustyle li a{
width: 160px;
display: block;
color: #5a5a5a;
background-color: #e9fbca;
text-decoration: none;
padding:10px 10px 10px 10px;
}

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

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

.ddsubmenustyle li a:visited{
width: 160px;
display: block;
color: #5a5a5a;
background-color: #e9fbca;
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 */