html{
   height: 100%;
   font-size: 1.25em; /* 1.25 16px = 20px */
}

body{
   margin: 0;
   padding: 0;
   height: 100%;
   font-size: 50%; /* adjusts base font to 10px */
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

   /* Background Properties */
   background-color: #80AEBE;
   background-image: url(images/shadow.jpg);
   background-repeat: repeat-y;
   background-position: top center;
}

#christmasHolly{
   position:absolute;
   right:-20px;
   top:-20px;
   z-index:100;
}

a{
   color: #FF6600;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

a:visited{
   color: #CC5200;
}

#pageContainer{
   width: 798px;
   margin: 0px auto;
   background-color: #ffffff;
   height: 100%;
   position: relative;
}

html>body #pageContainer{
   min-height: 100%;
   height: auto;
}

/* -- Footer -- */

#footer{
   background-color: #deecf2;
   height: 66px;
   width: 798px;
   position: relative;
   z-index: 10;
   margin: 0px auto;
   margin-top: -66px;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #286080;
}

div#pageFooterPadder{
   padding: 17px 0px 0px 19px;
   font-size: 9px;
}

span#pageFooterLinks{
   color: #01324C;
}

span#pageFooterLinks a{
   color: #01324C;
   text-decoration: none;
}

span#pageFooterLinks a:hover{
   text-decoration: underline;
}

span#pageFooterLinks a:visited{
   color: Black;
}

/* -- Header -- */

#header{
   height: 124px;
   width: 798px;
   position: relative;
}

div#headerTopRow{
   height: 89px;
}

div#headerTopRowLeftColumn{
   width: 50%;
   float: left;
   overflow: hidden;
   height: 100%;
}

div#headerTopRowRightColumn{
   width: 50%;
   height: 100%;
   float: right;
   overflow: hidden;
   position: relative;
}

div#searchContainer{
   width: 137px;
   height: 18px;
   position: absolute;
   top: 56px;
   right: 14px;
   font-size: 10px;
}

#searchInput{
   width: 110px;
   height: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #8C8C8C;
   background-color: inherit;
   border: 0px;
   background-image: url(images/search-box.png);
   background-repeat: no-repeat;
   padding-top: 3px;
   padding-left: 5px;
   overflow: hidden;
   position: relative;
   top: -4px;
}

img#toucanLogo{
   margin: 18px 0px 0px 17px;
   width: 221px;
   height: 60px;
}

div#navigationBar{
   background-image: url(images/navigation-bar.png);
   background-repeat: no-repeat;
   height: 30px;
   width: 772px;
   margin: 0px 0px 0px 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #286080;
   overflow: hidden;
}

div#navigationBar ul{
   margin: 5px 0px 0px 17px;
   padding: 0px;
   position: relative;
}

div#navigationBar ul li:first-child{
   border-left: none;
}

div#navigationBar ul li{
   list-style: none;
   margin-left: 0px;
   border-left: 1px solid #286080;
   float: left;
   width: 80px;
   text-align: center;
}

div#navigationBar ul li.first{
   border-left: 0px;
}

div#navigationBar a{
   color: #286080;
   text-decoration: none;
   width: 80px;
}

div#navigationBar a:hover{
   text-decoration: underline;
}

div#navigationBar a:visited{
   color: #163547;
}


div#breadCrumbs{
   margin-bottom: 10px;
   margin-top: -6px;
   color: black;
}

div#breadCrumbs a{
   color: #FF6600;
}

div#breadCrumbs a:visited{
   color: #FF6600;
}