/*
    
*/

div#page{
    width:761px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    padding:0px;
    text-align:left;
    vertical-align:top;
    height:auto;
    background-color:#FFFFFF;
}

#page, #homepage
{
    width:761px; /* in theory, this is the only place you need to set the width; in 
                     practice, you need to test in target browsers and adjust as needed */
    margin:0 auto;
}

#banner-home {
    background: #92C949;
    height:275px; /* same as banner image's height */
    width:761px;
    margin:0; padding:0;
}
div#homepage #banner-home {
    height:275px; /* same as banner image's height */
    border-top:3px #90C845 solid;
}

#banner-subpage {
    background: #FFFFFF;
    height:275px; /* same as banner image's height */
    width:auto;
    margin:0;
    border-top:3px #90C845 solid;
}
#content ul{
    margin: 0 0 0 15px; /*top right bottom left */
    padding:0;
}
#content ol{
    margin: 0 0 0 22px;/*top right bottom left */
    padding:0;
}
.green{
    color:#76C043;
}
#footer-bar{
    background-color:#D5D6D3;
    height:1px; /* same as banner image's height */
    width:761px;
    margin:0 0 15px 0; /* top right bottom left */
    padding:0px 0 0px 0; /* top right bottom left */
    overflow:hidden;
}
#footer-bar a:hover{
    color:#626262;
}
#header-logo {
    background: #FFFFFF;
    height:55px; /* same as banner image's height */
    width:191px;
    margin:34px 0px 0px 39px; /*top right bottom left*/
}
#banner-{
    background: #FFFFFF;
    height:275px; /* same as banner image's height */
    width:761px;
    margin:0px 0px 0px 0px; /*top right bottom left*/
    background-image:url(/images/header_04b.jpg);
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    overflow:hidden;
}

/*<a href="/Default.aspx">Home &amp; Tests</a>*/
#banner-d72fe0f1-1e70-463e-937c-d8cda159b1b4{
    background: #FFFFFF;
    height:275px; /* same as banner image's height */
    width:761px;
    margin:0px 0px 0px 0px; /*top right bottom left*/
    background-image:url(/images/header_04b.jpg);
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    overflow:hidden;
}
/*<a href="/49.aspx">Online Services</a>*/
#banner-712212e8-a91f-4e36-b343-3cf0d5243e02{
    background: #FFFFFF;
    height:275px; /* same as banner image's height */
    width:761px;
    margin:0px 0px 0px 0px; /*top right bottom left*/
    background-image:url(/images/header_03.jpg);
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    overflow:hidden;
}
/*<a href="/48.aspx">Information Sheets</a>*/
#banner-7f4a6e22-d835-43c4-816d-827bb094dedd{
    background: #FFFFFF;
    height:275px; /* same as banner image's height */
    width:761px;
    margin:0px 0px 0px 0px; /*top right bottom left*/
    background-image:url(/images/header_02.jpg);
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    overflow:hidden;
}
/*<a href="/10.aspx">Veterinary Services</a>*/
#banner-f072be87-0c0d-4cba-b662-20c59ba258f8{
    background: #FFFFFF;
    height:275px; /* same as banner image's height */
    width:761px;
    margin:0px 0px 0px 0px; /*top right bottom left*/
    background-image:url(/images/header_01.jpg);
    background-repeat:no-repeat;
    padding: 0 0 0 0;
    overflow:hidden;
}


#header-search{
    position: absolute;
    z-index: 100;
    display: inline;
    height:30px; /* same as banner image's height */
    width:302px;
    margin:45px 0px 0px 455px; /*top right bottom left*/
    padding: 0 0 0 0;
    overflow:hidden;
    vertical-align:bottom;
}
#date{
    position: absolute;
    z-index: 100;
    display: inline;
    height:20px;
    width:302px;
    margin:20px 0px 0px 430px; /*top right bottom left*/
    padding: 0 0 0 0;
    overflow:hidden;
    vertical-align:bottom;
    font-size:1.1em;
    color:#5F5F61;
    text-align: right;
}

#login{
    position: absolute;
    z-index: 100;
    display: inline;
    height:20px;
    margin:75px 0px 0px 430px; /*top right bottom left*/
    padding: 0 0 0 0;
    overflow:hidden;
    vertical-align:bottom;
    font-size:1.1em;
    color:#5F5F61;
    text-align:right;
    width: 302px;
}

#header-search p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.1em;
    color:#5F5F61;
}

#header 
{
    background-color:#DDEBF6;
    width:auto;
    padding:.5em;
}
/* --- Inset --- */
#Inset-home {
    position: absolute;
    z-index: 100;
    width: 191px;
    /* height: 92px; */
    display: inline;
    padding: 34px 0px 0px 39px; /* top right bottom left */
    
}

#Inset-relatedLinks {
    position: absolute;
    z-index: 20;
    width: 187px;
    height: 192px;
    display: inline;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 163px 0px 0px 552px;/* top right bottom left */
    background-image:url(/structure/related_BG.gif);
    background-repeat:no-repeat;
}
 
form > div#Inset-relatedLinks {
    position: absolute;
    z-index: 20;
    width: 187px;
    height: 192px;
    display: inline;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 160px 0px 0px 552px;/* top right bottom left */
    background-image:url(/structure/related_BG.gif);
    background-repeat:no-repeat;
}

#Inset-pic{
    position: absolute;
    z-index: 100;
    width: 218px;
    height: 218px;
    display: inline;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 490px 0px 0px 530px;/* top right bottom left */
}
#breadcrumbs{
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    width:320px;
    color:#818181;
}

#form-breadcrumbs{
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    width:320px;
    color:#818181;
    padding-left:.5em;
    margin:0;
}

.align-right{
    text-align:right;
}

.small-links a{
    color:#76C043;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9em;
    padding-right:10px;
}
.small-links a:hover{
    color:#818181;
}
.align-left{
    text-align:left;
}
.align-center{
    text-align:center;
}
/* --- END --- */
#page-content 
{
    float:left;
    clear:both;
    background-image:url(/structure/content_BG.jpg);
    background-repeat:no-repeat;    
    width:761px;
}
#page-form {
    float:left;
    clear:both;
    background-image:url(/structure/form_BG.jpg);
    background-repeat:no-repeat;    
    width:761px;
}
#homepage #page-content 
{
    background-color:#FFFFFF; /* this is just to show that the homepage can be layed out differently */
}

#content 
{
    padding:1.3em .3em 0 200px; /* top right bottom left*/    
}
#form-content{
    padding:1.3em .3em 0 1.5em; /* top right bottom left*/    
}
#text
{
    width:520px;
    padding:1.3em .3em 0 0em; /* top right bottom left*/    
}
#text p, #text h1
{
    margin-bottom: 0.5em;
}
#text-subpage
{
    width:520px;
    padding:0 .3em 0 .5em; /* top right bottom left*/    
}
#text-subpage p, #text-subpage h1
{
    margin-bottom: 0.5em;
}
#text-subpage td
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
#text-subpage th
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
}
#text-form
{
    width:690px;
    padding:0 .3em 0 .5em; /* top right bottom left*/    
}
#text-form p, #text-form h1
{
    margin-bottom: 0.5em;
}

#icon{
    height:17px;
    padding:0 0 0 280px;/* top right bottom left*/
    margin:5px 0 0 0;/* top right bottom left*/
}
#icon-subpage{
    height:17px;
    width:200px;
    padding:0 0 0 290px;/* top right bottom left*/
    margin:0px 0 0 0;/* top right bottom left*/
}
#icon-form{
    height:17px;
    width:489px;
    padding:0 0 0 470px;/* top right bottom left*/
    margin:0px 0 0 0;/* top right bottom left*/
}
.fields {
    margin: 0 0 0px 0;/* top right bottom left*/
    padding: 0px 0 0px 0 ;
    color:#000000;
    font-size:1.1em;
    font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
}

table.form textarea, select, input{
    margin: 0;
    padding: 0 ;
    color:#000000;
    font-size:1.1em;
    font-family:Arial, Helvetica, sans-serif;
}

table.formtable, table.formtable td, table.formtable th, table.formtable tr {
    padding:2px 5px 2px 5px; /*top right bottom left */
    border:none;
    border-style:none;
    border-collapse:collapse;
    border-spacing:0;
    border-width:0;
    table-border:none;
    vertical-align:top;
}

.search-field{
    font-size:1.1em;
    font-family:Arial, Helvetica, sans-serif;
    width:140px;
    float:left;
    margin-right:3px;
    text-align:left;
    padding-left:3px;
}
.go-button{
   color:#9CE538;
   font:Geneva, Arial, Helvetica, sans-serif;
   font-size:1.3em;
   font-weight:bold;
   border:none;
   background-color:transparent;
}
.form-button{
   width:76px;
   padding:0px;
   margin-right:10px;
   color:#D9EFC1;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.1em;
   font-weight:bold;
   background-color:#7DC030;
   border:1px solid;
   border-top-color:#28913A;
   border-left-color:#28913A;
   border-right-color:#28913A;
   border-bottom-color:#28913A;
   text-align:center;
 }
 
.form-buttonHover{
   width:76px;
   padding:0px;
   margin-right:10px;
   color:#D9EFC1;
   font-family:Arial, Helvetica, sans-serif;
   font-size:1.1em;
   font-weight:bold;
   background-color:#28913A;
   border:1px solid;
   border-top-color:#28913A;
   border-left-color:#28913A;
   border-right-color:#28913A;
   border-bottom-color:#28913A;
 }
.go-buttonHover{
   color:#8C8C8C;
   font:Geneva, Arial, Helvetica, sans-serif;
   font-size:1.3em;
   font-weight:bold;
   border:none;
   background-color:transparent;
   }
#footer {
    clear:both;
    width:761px;
    color:#999999;
    background-color:#ffffff;
    text-align:center;
    padding: 1.5em 0 .5em 0em;/* top right bottom left*/
    margin: 0px;
    overflow:hidden;
    height:40px;
}

#footer A {
    color:#999999;
    text-decoration:underline;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    
}
.hide, .print-only 
{
    display:none;
}

.category h2 a
{
    cursor: pointer;
}

/********** LHS *******************/
.allow-left-col 
{
    margin-left:23.8em; /* total width of left-col: width + padding-left + padding-right */
}
#left-col 
{
    float:left;
    width: 175px;
    height: 370px;
    display: block;
    min-height:270px;
    padding:4.5em 0em 0 1.5em;/* top right bottom left*/
}


/********** RHS *******************/
.allow-right-col 
{
    margin-right:27.5em; /* total width of right-col: width + padding-left + padding-right */
}
#right-col {
    float:right;
    width: 25em;
    display: block;
    min-height:12em;
    padding:.85em 1em 0 1.5em;
}
/********** RHS AND LHS *******************/


.quicklinks UL {
    list-style-type: none;
    padding: .5em 0 0 .2em; /* top right bottom left */
}
.quicklinks A {
    font-size: 1.1em;
    line-height:1.4em;
    text-decoration: none;
}
.related-quicklinks a:hover{
    color:#ffffff;
}

.related-quicklinks {
    width:140px;
    list-style-type: none;
    padding: 1em 0em 0em 1em; /* top right bottom left */
}

.related-quicklinks h4 {
    color: #ffffff;
}

.related-quicklinks p {
    width:149px;
    list-style-type: none;
    padding-left:.7em; /* top right bottom left */
}
.related-quicklinks UL {
    list-style-type: none;
    padding: .2em 0em 0em 0em; /* top right bottom left */
}
.related-quicklinks A {
    font-size: 1.1em;
    line-height:1.6em;
    text-decoration:underline;
    color:#7EC34D;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    padding: 1em 0em 0em 1em; /* top right bottom left */
    
}

.related-quicklinks UL A {
    position: relative;
}

.LHScurrent {
    color:#7EC030;
    font-size: 1.1em;
    line-height:2.0em;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}
.current {
    color:#FFFFFF;
}
.promotion 
{
    height:6em;
    min-height:6em;
}
.promotion-text 
{
    padding-left:95px;
}
.promotion img
{
    float:left;
    padding:3px;
    border: #DDEBF6 solid 1px;
    margin-right:5px;
}
#left-col H3, #right-col H3
{
    font-size: 1.3em;
}
#left-col div, #right-col div
{
    margin-bottom:1.5em;
}

/***************************************************************************************/
/* Primary Navigation */
div#primarynavigation {
    width: auto;
    height: 2.5em;
    padding: 1px 0px 7px 0px;
    background-image:
    overflow:hidden;
    margin:0;
}
ul#toplevel {
    float:left; padding:0px 0px 0px 8px;
}
ul#toplevel li {
    float:left;
    list-style:none; 
    position:relative; 
    z-index: 20; 
    font:bold 12px/normal Arial, Helvetica, sans-serif; 
    padding:5px 0px 11px 0px; 
    margin:0px 9px 0px 5px; 
    background: 100% 100% no-repeat;
}
ul#toplevel li ul {
    display: none;
    position: absolute; 
    top: 36px; left: 0;
    z-index: 100;
    white-space: nowrap;
    background-color: #332E2D;
    border-bottom: 5px solid #FFDD00;
    border-right: 1px solid #201C1D;
    padding: 10px 0; margin: 0;
}
ul#toplevel li > ul {
    top: 36px; left: auto;
}
ul#toplevel li:hover,
ul#toplevel li.over {
    background-color: #332E2D;
}
ul#toplevel li:hover ul,
ul#toplevel li.over ul {
    display: block;
    width: auto; height: auto;
    opacity: .95;
    filter: alpha(opacity=95);
}
ul#toplevel ul li {
    font-size: 0.91em; font-weight: normal;
    border-right: none;
    padding: 5px 10px; margin: 0;
}
ul#toplevel li a {
    color: #DDDDDD;
    text-decoration: none;
    border-right: 1px solid #6B615B;
    padding: 0 15px; margin: 10px 0;
}
ul#toplevel li a.active {
    color: #FFDD00;
    text-decoration: none;
}
ul#toplevel li a:hover,
ul#toplevel li a.active:hover {
    text-decoration: none;
}
ul#toplevel li ul a {
    display: block;
    color: #DDDDDD;
    text-decoration: none;
    border-right: none;
    padding: 0; margin: 0;
}
ul#toplevel li ul a.active {
    color: #FFDD00;
    text-decoration: none;
}
ul#toplevel li ul a:hover,
ul#toplevel li ul a.active:hover {
    color: #FFDD00;
    text-decoration: none;
}
/******************************************/
#menu {
    width: 100%;
    float: left;
    background-color:#4F4F4F;
    height: 35px;
    padding: 0px; 
    margin:0;
    background: url(/structure/nav_BG_v2.jpg) no-repeat;
}
#menu ul {
    display:block;
    padding: 0;
    margin: 0;
    list-style: none;
    height:35px;
    width: auto;
}
#menu ul li { /* all list items */
    float: left;
    width: auto; display:block; position:relative; z-index: 30;
    background:url(/structure/greenBar.jpg) left 10px no-repeat scroll;
    margin:0; height:35px;
    padding:9px 0 15px 0; /* top right bottom left */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;    
}
#menu ul li a {
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    padding:0 16px 0 20px;
}
#menu ul li a:hover {
    color:#FFFFFF;
}
#menu ul li.firstChild{
    background-image:none;
}
#menu ul li ul { /* second-level lists */
    display: none;
    position: absolute;
    top:35px;
    left:auto;
    width:auto;
    height:auto;
    background-image:none;
    background-color:#4f4f4f;
    padding: 10px 0px 5px 0px;
    z-index:100;
    opacity: .90;
    filter: alpha(opacity=95);
    border-bottom-color:#7EC030;
    border-bottom-style:solid;
    border-bottom-width:2px;
    line-height:11px;
}
#menu > ul li ul {
    width:153px;
}
#menu ul li ul li {
    background-image:none;
    padding:0 5px 5px 0px;
    margin: 0 0 5px 0;
    clear:both;
    display:block;
    width:auto; height:auto;
}
#menu ul li:hover ul { /* lists nested under hovered list items */
    display: block;
}

/******************************************/

/********** Primary Nav First Level *******************/
#nav-primary {
    width: auto;
    height: 2.5em;
    padding: 1px 0px 7px 0px; /*top right bottom left */
    background-image:url(/structure/nav_BG.jpg);
    overflow:hidden;
    margin:0;
}
#nav-primary UL {float:left; padding:0px 0px 0px 8px; list-style:none;} /* top right bottom left */
#nav-primary UL LI {float:left; clear:none; display:block; position:relative; z-index: 20; font:bold 12px/normal Arial, Helvetica, sans-serif; padding:5px 0px 11px 0px; margin:0px 9px 0px 5px; background: 100% 100% no-repeat;}
#nav-primary UL LI A {float:left; display:block; padding:5px 8px 3px 8px; color:#76C043; text-decoration:none; text-transform:uppercase;}
#nav-primary UL LI.active A, #nav-primary UL LI A:hover, #nav-primary UL LI.over A, #nav-primary UL LI:hover A {color:#FFF;}
/********** Second Level Primary Nav ********************/
#nav-primary UL UL {position:absolute; display:none; left:0px; top:40px; width:150px; padding:1px 0px 0px 0px; z-index:1000; background:#FFF;}
#nav-primary UL UL LI {clear:left; width:150px; padding:0px; background:none;}
#nav-primary UL UL LI A {width:114px; padding:4px 22px 3px 14px; color:#005A99 !important;}/* top right bottom left */
#nav-primary UL UL LI:hover, #nav-primary UL UL LI.over {background:#005A99;}
#nav-primary UL UL LI:hover A, #nav-primary UL UL LI.over A {color:#FFF !important;}
#nav-primary UL LI:hover UL, #nav-primary UL LI.over UL {display:block;}
/******************** Secondary Nav ********************/
#nav-secondary {width:auto; padding: 2.9em 0 0 .5em; font-family:Arial, Helvetica, sans-serif; }/* top right bottom left */
#nav-secondary ul.subnavigation {margin:0; padding:0; list-style-type:none; }/* top right bottom left */
#nav-secondary ul.subnavigation li {/*border-bottom:1px solid #D0D3D9;*/ width:150px; padding:0px 0; margin:0;}
#nav-secondary ul.subnavigation ul {list-style-type:none; border-top:none; margin:0; padding:0px 0 0 10px;}
#nav-secondary ul.subnavigation ul li {font-weight:normal; border-bottom:none; padding:0; margin:0;}
#nav-secondary ul.subnavigation a {display:block; color:#5F5F61; text-decoration:none; line-height:1.1em; font-weight:bold; font-size:11px; padding:0 0 10px 0;}
#nav-secondary ul.subnavigation a:hover {color:#7EC030; text-decoration:none;}
/******************** 2nd Tier ********************/
#nav-secondary ul.subnavigation li li{/*border-bottom:1px solid #D0D3D9;*/ width:150px; padding: 0 0 0 0px; margin:0; }/* top right bottom left */
#nav-secondary ul.subnavigation li li ul {list-style-type:none; border-top:none; margin:0; padding:10px 0 0 10px;}
#nav-secondary ul.subnavigation ul li li { border-bottom:none; padding:3px 0 0 0; margin:0;}/* top right bottom left */
#nav-secondary ul.subnavigation li li a {color:#5F5F61; text-decoration:none; font-weight:bold; font-size:11px;}
#nav-secondary ul.subnavigation li li a:hover {color:#7EC030; text-decoration:none;}
#nav-secondary ul.subnavigation li.current {display:block; color:#7EC030; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; padding:0 0 15px 0;}
/******************** 3rd Tier ********************/
#nav-secondary ul.subnavigation li li li{/*border-bottom:1px solid #D0D3D9;*/ width:150px; padding:0px 0; margin:0; }
#nav-secondary ul.subnavigation li li li ul {list-style-type:none; border-top:none; margin:0; padding:10px 0 0 10px;}
#nav-secondary ul.subnavigation ul li li li { border-bottom:none; padding:0px 0 0 0; margin:0;}
#nav-secondary ul.subnavigation li li li a {color:#5F5F61; text-decoration:none; font-weight:bold; font-size:11px;}
#nav-secondary ul.subnavigation li li li a:hover {color:#7EC030; text-decoration:none;}
#nav-secondary ul.subnavigation li li.current {color:#7EC030; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;}
/******************** 4th Tier ********************/
#nav-secondary ul.subnavigation li li li li{/*border-bottom:1px solid #D0D3D9;*/ width:150px; padding:0px 0; margin:0; }
#nav-secondary ul.subnavigation li li li li ul {list-style-type:none; border-top:none; margin:0; padding:0 0 0 10px;}
#nav-secondary ul.subnavigation ul li li li li { border-bottom:none; padding:0px 0 0 0; margin:0;}
#nav-secondary ul.subnavigation li li li li a {color:#5F5F61; text-decoration:none; line-height:1.1em; font-weight:bold; font-size:11px;}
#nav-secondary ul.subnavigation li li li li a:hover {color:#7EC030; text-decoration:none;}
#nav-secondary ul.subnavigation li li li.current {color:#7EC030; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; }