/**************** Page and tag styles ****************/
body {
background:#fafafa url(img/bodybg.gif) top left repeat-y; 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: lighter;
font-style: normal;
text-decoration: none;
color: #707070;
text-align: center;
margin: 0px;
border: 0px none;
font-size: small;
}

p {color: #707070; font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: small; font-weight: normal;
text-align: left;
}

/**************** these classes legacy from code generator; must be present ***********/

.ThRows {background-color: #fafafa; color: #707070; font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: x-small; font-weight: normal; text-align: center;
vertical-align: middle;}

.ThBlue {background-color: #c1d3ec; color: #303030; font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: x-small; font-weight: normal; text-align: center;
vertical-align: middle;}

.TrRows {color: #707070; font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: x-small; font-weight: normal;
}

.TrOdd {color: #707070; font-family:  Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: x-small; font-weight: normal;
}

.TrHover {background-color: #C2D3EF; color: #303030; font-family:  Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: x-small; font-weight: normal;
}

h1 {color: #82A5DD;
font-family: "Tempus Sans ITC", Verdana, Lucida, Helvetica, Arial, sans-serif;
font-size: 1.4em;
}

h2 {font-size: 1em;
text-align: inherit;
color: #82A5DD;
font-family: "Tempus Sans ITC", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

h3 {font-size: 1em;
text-align: inherit;
color: #82A5DD;
font-family: "Tempus Sans ITC", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

h4 {font-size: .8em;
text-align: inherit;
color: #82A5DD;
font-family: "Tempus Sans ITC", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

h5 {}

strong {color: #606060;
}

a {color:#82a5dd;
font-weight:normal;
text-decoration:none;
}

a:hover {color:#303030;
text-decoration:none;
}

img {padding:1px;
background:#ffffff;
border:1px solid #82a5dd;
}

a img {border-color:#82a5dd;
}

a img:hover {background:#82a5dd;
border-color:#82a5dd;
}

/**************** Sidebar area styles ****************/

#sidebar {
background:#82a5dd url(./images/sidebarbg.gif) top right repeat-y;
position:absolute;
top:0;
left:0;
bottom: 0em;
width:100%;
height:100%;
text-align: center;
z-index: 1000;
border: none;
overflow: auto;}

/**************** Sidebar Image area styles ****************/

#sidebar-image {
width: 108px;
height: 324px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;}

#sidebar-image img {
background-color: #82a5dd;
border: none;}


/**************** Menu area styles ****************/
#menu {
width: 99%;
margin-top: 10px;}

#menu a.nav, #menu a.nav:link, #menu a.nav:visited {display:block; width:98%; height:20px; background:#82a5dd; border:1px solid #fafafa; margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, lucida, helvetica, arial, sans-serif; font-size:.8em; color:#ffffff; line-height:20px; overflow:hidden;}

#menu a.nav:hover {color:#303030; background:#c1d3ec;}

#menu a.nav:active {color:#303030; background:#fafafa;}

/**************** Main area styles ****************/

#main {
border: none;
}

#topbar {
background-color: #c1d3ec;
vertical-align: middle;}
/*******************Rightbar styles (leave in for later use) ********************/

#rightbar {
background:#c1d3ec url(img/sidebarbg.gif) top right repeat-y;
position:absolute;
top:0;
right:0;
bottom:0;
width:15%;
height:100%;
overflow: hidden;
font-family: "Tempus Sans ITC", Verdana, Lucida, Helvetica, Arial, sans-serif;
text-align: center;
z-index: 1;
}

/*******************Katie Bio Page styles ********************/

#katiebioside{
float: left;
background-color: #c1d3ec;
width: 210px;
height: 100%;
padding-top: 10px;
text-align: center;
overflow: hidden;
position: absolute;
top: 0em;
left: 0em;}

#katiebiomain {
background-color: #fafafa;
margin-left: 5px;
margin-right: 5px;
text-align: left;
position: absolute;
top: 0em;
left: 215px;
bottom: 0em;
right: 0em;}

#katiebiomain ul {float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #707070; font-family: Verdana, Lucida, Helvetica, Arial, sans-serif; 
  font-size: xx-small; 
  font-weight: normal;
display: list-item;
width: 99%;}
  
#katiebiomain li{float: left;
  margin: 5px;
  padding: 0;
text-align: left;
width: 48%;}  

#ulbox {
position: absolute;
left: 215px;
height: 200px;}

/*******************Footer styles ********************/

#footer {
left: 15%;
bottom: 0px;
right:15%;
background-color: #fafafa;
font-family: "Book Antigua", Georgia, serif;
font-size: xx-small;
margin-right: 5%;
margin-left: 5%;}

td#footer {text-align: center;
}

/*******************leave footermore in; activate static postioning after reduce image size on large verticals********************/

#footermore {
left: 15%;
bottom: 0px;
right:15%;
background-color: #fafafa;
font-family: "Book Antigua", Georgia, serif;
font-size: xx-small;
margin-right: 5%;
margin-left: 5%;}

td#footermore {text-align: center;
}



/**************** Search Page styles ****************/

#searchsearch {margin: 15px;
}

/**************** petportraits Page styles ****************/

#petportraits {background-color: #82a5dd;
border: none;
height: 100%;
padding-left: 5%;
padding-right: 5%;
overflow-x: hidden;
overflow-y: scroll;
}

#petportraits img {
background-color: #82a5dd;
border: none;
}

/**************** custom request form Page styles ****************/

#customrequestform {
background-color: #c1d3ec;
color: #101010;
position: absolute;
height: 100%;
width: 100%;
top: 0em;
left: 0em;
}

#formbox {
background-color: #fafafa;
color: #101010;
text-decoration: none;
font-weight: lighter;
font-size: x-small;
position: absolute;
top: 25px;
left: 25px;
width: auto;
height: auto;}

/************Stitcher Gallery Navigation Bar(leave in for later use)****************/

#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #a2a5dd;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;
background-color: #a2a5dd;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

#navcontainer li a:hover
{
background-color: #c1d3ec;
color: #303030;
}