/* 10/28/09 File started by Nora McDougall-Collins for the Adopt-a-Swan Project of Blackfoot Challenge */

body
{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 11px;
}

/* *** ID LAYERS *** */

#Container
{
  position: relative;
  margin: 0 auto;
  width: 800px;
  /* height: 600px;  remove later */
  background: url(../Images/Backgrounds/PageTop.jpg) no-repeat;
}

#Banner
{
  position: relative;
  width: 790px;
  top: 50px;
  margin: 0 5px 0 0;
  height: 180px;
  background: url(../Images/Logos/BannerTitle.jpg) no-repeat;
}

#UpperLinks
{
  position: relative;
  width: 500px;
  top: 0;
  left: 225px;
  height: 20px;
  text-align: right;
}

#BelowBannerLinks
{
  position: relative;
  width: 600px;
  /* 2/18/10: reset from 140 because decenders on links are being cut off */
  top: 135px;
  left: 100px;
  height: 30px;
  padding: 5px;
  text-align: center;
  z-index: 2;
}

#Content
{
  position: relative;
  top: 50px; /* change later */
  width: 800px;
  margin: 0;
  background: url(../Images/Backgrounds/PageMiddle.jpg);
  float: left;
  /* Test: border: 1px solid #000000; */
}

/* 11/3/09 Added for content pages */
#ContentBorder
{
  position: relative;
  top: 50px; /* change later */
  width: 800px;
  margin: 0;
  background: url(../Images/Backgrounds/BackgroundSlice.jpg);
}


#PageTitle
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #7e791b;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

#MainContent
{
  position: relative;
  top: 0;
  width: 750px;
  margin: 0px 25px 0px 25px;
  padding: 20px 0 20px 0;
  /* Added 1/27/10 
  float: left; */
}

#MainContentBorder
{
  position: relative;
  top: 0;
  width: 750px;
  margin: 0px 25px 0px 25px;
  padding: 20px 0 20px 0;
  border-top: 1px solid #999999;
}

#RightNavigationBox
{
  width: 250px; 
  float: right; 
  border: 1px solid #cccccc; 
  padding: 3px; 
  margin: 10px;
  text-align: center;
}

#Stickie
{
  float:left; 
  width: 230px;
  padding: 10px; 
  margin: 15px;  
  background: #FFCC33; 
  border-right: 1px solid #666666; 
  border-bottom: 1px solid #333333;
}

#quilt-raffle{
    float:left;
    width:180px;
    padding:10px;
    margin-top:15px;
    margin-left:10px;
  background: #FFCC33;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #333333;
}

/* 1/28/10 Added for Admin site */
#Stickie350
{
  float:left; 
  width: 350px;  
  padding: 10px; 
  margin: 15px;  
  background: #FFCC33; 
  border-right: 1px solid #666666; 
  border-bottom: 1px solid #333333;"
}


#Photo
{
  float:left;
  width: 257px;
  height: 175px;  
}


#Footer
{
  position: relative;
  width: 800px;
  height: 300px;
  background: url(../Images/Backgrounds/FooterBackground.jpg);
  /* Test:   border: 2px solid #990000; */
}

#FooterText
{
  margin-left: 50px; 
  margin-top:  37px;
  margin-right: 70px; 
  text-align: left;
}

/* *** TEXT FORMATTING *** */

.TopNavigation
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #7e791b;
  text-transform:uppercase;
}

a.TopNavigation
{
  color: #7e791b;
}

a.TopNavigation:hover
{
  color: #000000;
  text-decoration: none;
}


.BodyNavigation
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #333333; 
  text-align: center;
}

a.BodyNavigation
{
  color: #333333;
  text-decoration: none;
}

a.BodyNavigation:hover
{
  color: #7e791b;
}  




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

div.whiteOverlay { background: black }

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
  display: none;    
  position: fixed;
  top: 17%;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  overflow: hidden;
  font-family:verdana,tahoma,helvetica;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/* [[[ Button classes ]]] */
input.jqmdX {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(../Images/Logos/close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXC {
  position: absolute;
  right: 7px;
  top: 4px;
  padding: 0 0 0 19px;
  height: 19px;
  width: 0px;
  background: url(../Images/Logos/close.gif) no-repeat top left;
  overflow: hidden;
}
input.jqmdXFocus {background-position: bottom left; outline: none;}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
  margin: 8px 10px 4px 10px;
  color: #777;
  background-color: #fff;
  cursor: pointer;
}

div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

#ageTrigger{
    color:blue; font-weight:bold; cursor:pointer;
}

#collarTrigger{
    color:blue; font-weight:bold; cursor:pointer;
}

/* tooltip styling */
.tooltip {
    display:none;
    background:url(../../images/tooltip/black_arrow_big.png);
    height:163px;
    padding:30px 30px 10px 20px;
    width:310px;
    font-size:11px;
    color:#fff;
    margin-left:-340px;
    margin-top:-220px;
}

/* a .label element inside tooltip */
.tooltip .label {
    color:yellow;
    width:35px;
}

.tooltip a {
    color:#ad4;
    font-size:11px;
    font-weight:bold;
}

.tooltiptrigger{
    cursor:pointer;
    color:blue;
    font-weight:bold;
}