/* Bearwood Vets Screen CSS */

html, body { height:62.5%; } /* font-size:62.5% means 1em = 10px */
html, body, div, ul, ol, li, h1, h2, h3, h4, h5 ,h6, p, a, img, address,label,object, embed { margin:0; padding:0; border:none; }

body {color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:62.5%; }
body {Position: relative; width: 760px; margin: 10px auto; }
img {display:block; }
#page {position:absolute; left:10px; top:5px; width:150px; height:1px;}
h1, h2, h3, h4, h5 ,h6 { color: #1875d6; background-color: transparent; margin-bottom: 0.5em; }
h1 { font-size:1.8em; line-height:1.2em;}
h2 { font-size:1.6em; line-height:1.3em;}
h3 { font-size:1.4em; line-height:1.3em;}
h4 { font-size:1.2em; line-height:1.3em;}
h5, h6 { font-size:1em; line-height:1.3em;}
h1.DontDisplay { display: none; }
ul { list-style-type: none; }

p { font-size:1.1em; color: #000; background-color: transparent; line-height: 1.5em; margin-bottom: 1em;}
p.topLink { margin-top: 2em; }
address { font-size:1.1em; font-weight: bold; color: #0000FF; background-color: transparent; line-height: 1.5em; font-style: normal; margin-bottom: 1em;}
label { font-size:1.1em; color: #333; background-color: transparent; line-height: 2em; font-style: normal; display: block; }

/* HOVER AND LINKING STUFF */
a { text-decoration: none; }
.hidden { line-height:0; position:relative; left:-3000px; }
.green { color: #168739; }
a:link, a:visited, a:hover {text-decoration:none; color:#0000FF;}

/* MAIN NAVIGATION */
div#header { width: 759px; height: 125px; }
div#mainNavBar { width: 759px;}
div#mainNavBar ul { padding-top: 1em; padding-bottom: 1.1em; padding-left: 3.2em; padding-right: 1.2em;}
div#mainNavBar li { display: inline; }
div#mainNavBar ul li { padding-left: 1.8em; margin-right: 1em; background: transparent url(assets/images/webvet_divider.jpg) 0 50% no-repeat; } 
div#mainNavBar ul li a { font-size: 1.1em; color: #0000FF; background-color: transparent; text-decoration: none;} 
div#mainNavBar ul li a:hover { text-decoration: underline;} 

/* MAIN PANELS */
div#topbar {width: 743px; height:19px; padding:0px; background:#fff url(assets/images/webvet_top.jpg) left top no-repeat; }
div#botbar {position: relative; width: 743px; height:12px; background:#fff url(assets/images/webvet_bottom2.jpg) left top no-repeat; clear:both;}
#thewebvetlogo {position:absolute; left:632px; top:10px; width:110px; height:50px; z-index:1; background:#FFFFFF url(assets/images/thewebvet_logo.jpg);}
#pedigreedoglogo {position:absolute; left:632px; top:64px; width:110px; height:49px; z-index:3; background:#000 ;}
#pedigreecatlogo {position:absolute; left:632px; top:117px; width:110px; height:49px; z-index:2; background:#FFFFFF ;}
#textlayer {position:absolute; left:-1px; top:166px; width:510px; height:151px; z-index:5; background:#FFFFFF ;}
#container {position:absolute; left:19px; top:84px; width:654px; height:0px; z-index:6; }
#copyright {position:relative; left:0px; top:0px; width:754px; height:30px; z-index:7; }
/* Cute Pictures*/
#puppy {position:absolute; left:630px; top:200px; }
#budgie {position:absolute; left:632px; top:0px; }
#dane {position:absolute; left:520px; top:170px; }
#dog {position:absolute; left:522px; top:165px; }
#bunny {position:absolute; left:555px; top:0px;}
#cat {position:absolute; left:555px; top:0px; }
#mice {position:absolute; left:632px; top:40px; }
#empty {position:absolute; left:522px; top:0px; visibility:hidden;}

.style1 {color: #000; font-weight: bold;font-size: 110%;}
.style2 {color: #000; font-size: 110%;}
.style3 {color: #000; font-size:9px;}
.pictext {color: #000; font-size: 110%;}

/*POP UP TEXT LAYERS*/
#pop_peter {position:absolute; left:517px; top:167px; width:218px; height:91px;  visibility:hidden;}
#pop_amy {position:absolute; left:517px; top:167px; width:218px; height:91px;  visibility:hidden;}
#pop_joanne {position:absolute; left:517px; top:167px; width:218px; height:91px;  visibility:hidden;}
#pop_sophie {position:absolute; left:517px; top:167px; width:218px; height:91px;  visibility:hidden;}
#pop_rebecca {position:absolute; left:517px; top:167px; width:218px; height:91px;  visibility:hidden;}
#pop_jane {position:absolute; left:517px; top:167px; width:218px; height:91px;  visibility:hidden;}
/* POP PIcs for Puns */
#pophare {position:absolute; left:5px; top:251px !important; top:242px; width:218px; height:91px;  visibility:hidden;}
.popup {  color:#000; font-size:10px;}
/* MISC CLASSES */

