/* CSS Document */

body{
	background-color: #fff;
	background-image: url(images/vet.gif);
	background-repeat: repeat;
	margin: 0px 0px 0px 0px;
}

a:link{
text-decoration: underline;
color: #060;
}
a:visited{
text-decoration: underline;
color: #060;
}
a:active{
text-decoration: underline;
color: #060;
}
a:hover{
text-decoration: underline;
color: #060;
}



div#veterinary-clinic{
position: absolute; top: 150px; left: 10px; z-index:1;
width: 790px;

}

div#subnav{
display: block;
width: 100%;
height: 25px;
background:#060;
margin: 5px 0px 0px 0px;

}

ul#sub-nav{
color: #ccc;
font: 11px helvetica, arial, sans-serif;
padding: 0px;
margin: 0px;
list-style-type:none; 
margin: 0px 0px 0px 0px;
}

ul#sub-nav li{
float: right;
display: block;
width: 100px;
height: 25px;
line-height: 25px;
text-align: center;
}

ul#sub-nav li a{
text-decoration: none;
color: #9F6;
}

ul#sub-nav li a:hover{
text-decoration: none;
color: #FFF;
}

div#mainnav{
position: absolute; top: 200px; left: 40px; z-index:5;
height: 25px;
width: 700px;
}

ul#nav{
font: 12px helvetica, arial, sans-serif;
padding: 0px;
margin: 0px;
list-style-type:none; 
margin: 0px 0px 0px 0px;
}

ul#nav li{
float: left;
display: block;
width: 120px;
text-align: left;
margin: 0px 20px 0px 0px;
font-weight: 600;
/*text-transform: uppercase;*/
}

ul#nav li a{
text-decoration: none;
color: #963;

}

ul#nav li a:hover{
text-decoration: none;
color: #FFF;
}


div#folder{
display: block;
width: 790px;
height: 600px;
margin: 10px 0px 0px 0px;
background-image: url(images/folder.gif);
background-repeat: no-repeat;
background-color:#cc9;
}

div#content{
position: relative; top: 80px; left: 15px;
margin: 0px 0px 0px 0px;
background-color: #fff;
width: 750px;
height: 500px;
overflow: auto;
border: 2px solid #060;

}

div#header{
position: absolute; top: 6px; left: 10px;
width: 790px;
height: 140px;
display: inline;

}

div#petphoto{
float: right;
width: 125px;
height: 125px;
margin: 5px 0px 0px 5px;

}
div#petname{
position: relative; z-index: 10;
width: 125px;
height: 15px;
margin: 2px 0px 0px 5px;
font: 12px/10px Trebuchet MS, arial;
color: #333;
text-align: center;
}
div#viewall{
position: absolute; top: 120px; left: 210px; z-index: 10;
width: 50px;
height: 15px;
font: 12px/10px Trebuchet MS, arial;
color: #333;
}



img#logo{
float: left;
margin: 0px 0px 0px 40px;
}



div#footer{
display: block;
width: 790px;
height: 25px;
background-color:#060;
margin: 0px 0px 10px 0px;
padding: 0px;
border-top: 2px solid #060;
line-height: 25px;
}

div#footer p{
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 20px; 
margin: 0px;
color: #fff;
}


h1{
font: 14px Trebuchet MS, Arial, Helvetica, sans-serif;
padding: 10px 0px 0px 0px; 
margin: 0px;
color: #060;
font-weight: 800;

}

h2{
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
padding: 15px 0px 0px 0px; 
margin: 0px;
color: #333;
font-weight: 800;

}



.body{
font: 12px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
padding: 10px 0px 0px 0px; 
margin: 0px;
color: #333;


}

div#content ul{
font: 12px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px; 
margin: 10px 0px 0px 0px;
color: #333;
list-style-position: inside;

}
div#content li{

padding: 5px 0px 0px 20px; 
margin: 0px;
color: #333;

}

div#right{
width: 355px;
/*border: 1px solid #333;*/
float: left;
margin: 10px 0px 0px 10px

}
div#left{
width: 345px;
/*border: 1px solid #333;*/
float: left;
margin: 10px 0px 0px 10px;

}

div#credit{
font: 10px Arial, Helvetica, sans-serif;
color: #999;
width: 790px;
text-align: right;
}
div#credit a{
text-deocration: underline;
color: #999;

}


img#frog{
margin: 10px 10px 10px 10px;

}
img#frog2{
margin: 100px 10px 10px 10px;

}