/* CSS Document for the Greyhound Gang */
/* KP Direction, 2007 */

html, body {min-height:100.01%; margin-bottom:1px; }

html, body{ 
 	margin:0 auto; 
 	padding:0; 
 	text-align:center; 
  background-color:#BE975C;
 	font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
} 
body {
  /*background-color:#C1CBC6;*/
}
select {
  background-color: #EBE0C4;
}

hr {
  clear:both;
}

.bar { /* Used for dynamically creating bar charts */
       height: 14px;
       border: solid black 1px;
       background-color: #05455E;
       color:#FFFFFF;
}

strong, b {
  font-size:15px;
  font-style: normal;
}

#right strong, #right b {
  font-size:12px;
  font-style:normal;
}

dt {
  font-weight:bold;
  color:#B0935E;
}

/* Blogger stuff */
#labels, #recently, .archive-list{
  list-style: none;
  margin-left: 35px;
  padding: 0;
  border: none;
  font-size:small;
  font-weight:normal;
}
#labels a, #recently a, .archive-list a{
  font-weight:normal;

}

.sidelabel {margin-bottom:-10px;}
/*this is the closer div -this is needed so that on mouseout the dropdowns close*/

#closer{
  width:75%;
  left:200px;
  top:0px;
  height:400px;
  position:absolute;
  visibility:hidden;
  z-index:30;

}

/* FLYOUT DIV STYLES */
#dropdown1 { /* Adopt */
             left:240px;
}

#dropdown2 { /* Shop */
             left:303px;
}
#dropdown3 { /* Help Us */
             left:357px;
}
#dropdown4 { /* Learn */
             left:430px;
}
#dropdown5 { /* Play */
             left:489px;
}

#dropdown1,#dropdown2,#dropdown3,#dropdown4,#dropdown5 {
  top:103px;
  width: 130px;
  position:absolute;
  border-right: none;
  padding: 0 0 0.2em 0;
  margin-bottom: 0.2em;
  font-size:11px;
  background-color:#004766;
  visibility:hidden;
  margin-top:-7px;
  border-top:7px transparent solid;
  z-index:60;
}

#dropdown1 ul , #dropdown2 ul, #dropdown3 ul, #dropdown4 ul, #dropdown5 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#dropdown1 li, #dropdown2 li, #dropdown3 li, #dropdown4 li, #dropdown5 li {
  /*	border-bottom: 1px solid #b59251; */
  margin: 0;
}
#dropdown1 li a, #dropdown2 li a,  #dropdown3 li a, #dropdown4 li a, #dropdown5 li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #1e5e7a;
  background-color: #c0a07c;
  color: #fff;
  font-weight:normal;
  text-decoration: none;
  width: 100%;
}

html>body #dropdown1 li a,html>body #dropdown2 li a, html>body #dropdown3 li a, html>body #dropdown4 li a, html>body #dropdown5 li a {
  width: auto;
  font-weight:normal;
}

#dropdown1 li a:hover,#dropdown2 li a:hover , #dropdown3 li a:hover , #dropdown4 li a:hover , #dropdown5 li a:hover  {
  border-left: 10px solid #2c4547; /* was #1c64d1; */
  background-color: #a5baba; /* was #9cb3b3; */
  color: #fff;
  font-weight:normal;
}
/* End Drop Down Menus */

p {
  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
}

h1 {font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:large; font-weight:bold;
    font-style:italic;
    color:#B0935E;
    background-color: transparent;
}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:large; font-weight:bold;
    color:#B0935E;
    background-color: transparent;
}

h3{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:large; font-weight:normal;
  color:#B0935E;
  background-color: transparent;
}
h4 {
  text-align:center;
}
li {
  /* font-family:Verdana, Arial, Helvetica, sans-serif; */
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
}
a{font-weight:bold}

a:link {color: #003D5B;text-decoration:none}     /* unvisited link was 227fbf, then a5baba */
a:visited {color: #003D5B;text-decoration:none}  /* visited link was 227fbf, then a5baba */
a:hover {color:#003D5B;text-decoration:underline}   /* mouse over link */
a:active {color: #003D5B;text-decoration:none}   /* selected link was 227fbf, then a5baba */ 

img {border:0;}



loginform p{font-weight:bold;color:#CC6633 !important}

#pagewidth, #pagewidthwide { 
 	width:1022px; 
 	text-align:left;  
  margin-left:auto;
 	margin-right:auto;  
 	background-repeat:repeat-y;
  background-color:#EBE0C4;
} 

#wrapper {
  width:740px;
  margin-left:auto;
  margin-right:auto;
}
#pagewidth {
  background-image:url(/images/interface/pageback.png);

}

#pagewidthwide {
  background-image:url(/images/interface/pagebackwide.png);
}
#center {	
  background-color:#d0bb97;
 	float: left;  
  position: relative;
  background-image:url(/images/interface/main-back.png);
  background-repeat:repeat-x;
  width:475px;
  /*min-height:603px;*/
}

#centerwide {	
  /* background-color:#ABC0C7; */
 	float: left;  
  position: relative;
  background-image:url(/images/interface/main-back.png);
  background-repeat:repeat-x;
  width:784px;
}
#center img, #centerwide img {padding:0 15px 20px 0}

#votingform img {padding:0}

#left {
  width:238px;
 	float:left; 
  background-color:#EBE0C4;
 	position:relative; 
 	background-image:url(/images/interface/left-back.jpg);
  background-repeat:no-repeat;

}
#right {
  float: left;
  font-size:x-small;
  color:#004766;
  font-weight:normal;
  width:209px;
 	background:url(/images/interface/right-back.png) repeat-y;
  padding-left:40px;
}

.clearfloat {
  clear: both;
  font-size: 0px;
  line-height: 0;
  height: 0px
}

.clearparagraph {
  clear:both;
}
.clear {
  clear:both;
}
.contestimg {
  padding:0 !important;
  margin:0 10px 5px 0 !important;
  border:1px #333333 solid;
}

.thumbnailimg {
  padding:0 !important;
  margin:10px !important;
  border:1px #333333 solid;
  cursor:pointer;
}

.results {
  font-size:x-small;
  width:600px;
  /*padding-top:100px;*/
}
.resultsnogap
{
  font-size:x-small;
  width:600px;
}
#results .col1 {
  width:100px;
  text-align:right;
}
#center .content, #centerwide .content {
  margin-top:0;
  padding-top:0;
  top:-15px;
  left:0;
  position:relative;
  margin-right:18px;
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:14px;
  color:#003366;
  margin-left:20px;
  min-height:603px;
}

.center {
  text-align:center;
}

#left .content p {
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#004766;
  font-weight:normal;
  margin-left:35px;
  margin-right:2px;
  line-height:14px;
  color:#004766;
  text-align:center;
}

#donate {
  margin:150px 0 0 35px;
}


#right .content { 
  margin-top:20px;
  color:#004766;
  line-height:14px;
  padding-right:5px;
  width:220px;
}

#right .content .tongueitem {
  padding:0;
  margin:0;
}
#right .content .tongues {
  width: 150px;
}
#right .content p {
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#004766;
  padding-right:5px;
  font-weight:normal;
}
#left table {
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
#masthead .content {
  padding-right: 12px;
  padding-left: 12px;
  font-size: 0.8em;
  padding-bottom: 12px;
  padding-top: 12px;
  letter-spacing: 0.35em
}

#footer .content, #footerwide .content {
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 3px;
  padding-top: 3px;
}

#header{
 	position:relative; 
 	height:124px; 
  background-color:#EBE0C4;
  width:1022px;
  z-index:99;
} 

#footer, #footerwide { 
 	clear:both;
  width:1022px;
 	text-align:left;  
  margin-left:auto;
 	margin-right:auto;  
  background-image:url(/images/interface/footer.png);
 	background-repeat:repeat-y;
  /* font-family:Verdana, Arial, Helvetica, sans-serif; */
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:x-small;
  background-color:#9CB3B3;
  color:#004766;
  font-weight:normal;
}

#footerwide {
  background-image:url(/images/interface/footer-backwide.png);
}

#footer p, #footerwide p{
  margin-left:35px;
  margin-bottom:10px;
}

.footerlinks a{text-decoration:none;font-weight:normal;}
.footerlinks a:hover{text-decoration:underline}
#column_wrapper{

}

#specialswrapper {
  position:relative;
  padding:0;
  margin:0;
  width:438px;
}

#specials {
  position:relative;
  top:5px;
  width:438px;
  padding:0;
  margin:0;
}

#specials img {border:0; padding:0; margin:0;}

#specialswrapper .specials_top,
#specialswrapper .specials_bottom {
  width:438px !important;
  padding-bottom:16px;
}


#specials table {
  position:relative;
  float:left;
  background:url(/images/interface/specialsbackground.png) repeat-y;
  width:438px;
  padding:0;
  margin:0;
  margin-top:-25px;
}

#specials td, #specials td p {
  /*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal; */
  font-size:small;
}
#specials td.col1 {
  margin:0 auto;
  padding:0;
  text-align:center;
}

#specials td.col2 {
  padding:0;
}

#specials td.col2 p {
  margin:0 0 20px 0;
}

#specials .col1 img {
  text-align:center;
  margin:0 auto;
  float:none;
}

#specials p{font-size:large}
#specials a {font-weight:bold}

#specials a:link {color: #003D5B;text-decoration:none}     /* unvisited link */
#specials a:visited {color: #003D5B;text-decoration:none}  /* visited link */
#specials a:hover {color: #003D5B;text-decoration:underline}   /* mouse over link */
#specials a:active {color: #003D5B;text-decoration:none}   /* selected link */ 

.splat {
  color:#800020;
  font-weight:bold;
}
.floatright {
  float:right !important;
}

.content .floatright{
  padding:10px !important;
}

.bullet-square {
  list-style-type:square;
}

.list-alpha {
  list-style-type:lower-alpha;
}
.floatleft {
  float:left !important;
  padding:0 10px 10px 0 !important;

}
#featuredproduct .floatleft {
  padding:0 5px 10px 15px !important;
}

#featuredproduct .floatright {
  margin:0;
  padding:10px 5px 10px 5px !important;
}
#avail-wrapper {

}
#avail-wrapper .availdogs {
  clear:both;
  padding: 10px;
}

#avail-wrapper .availdogs h2 {
  margin-bottom:-10px;
}

#avail-wrapper .availdogs p {
  padding:  0;
}

#avail-wrapper .availdogs img {
  margin-top:-5px;
}

.floatleftgap{
  float:left;
}

.shiftright {
  padding-left:18px;
}

.nolist {
  list-style: none;
  padding: 0;
}

.events-img{
  float:left;
  margin-right:15px;
  border:1px;
}

#menu {
 	position:absolute;
  margin-top:12px;
  margin-left:241px;
  width:475px;
  height:124px;
  z-index:50;
}
#menu h1, #menu .title{
  margin-top:0;
  padding:0;
  font-family:'univers condensed', Arial, Helvetica, sans-serif;
  font-style:normal;
  font-weight:bold;
  color:#9DBBBB;
  font-size:24px;
}

#menu img {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image');

}

#menu ul{
  margin:0;
  padding:20px 0 0 0;
  list-style: none;
}

#menu li {
  float: left;
  margin: 0 0.5em;
  font-size:small;
} 


#menu li a:link {color: #B0935E;text-decoration:none}     /* unvisited link */
#menu li a:visited {color: #B0935E;text-decoration:none}  /* visited link */
#menu li a:hover {color: #003D5B;text-decoration:underline}   /* mouse over link */
#menu li a:active {color: #B0935E;text-decoration:none}   /* selected link */

#mainmenu {
  position:absolute;
 	top:24px;
  left:-6px;
}


#submenu {
  position:absolute;
  top:67px;
  left:-8px;
  width: 353px;
  height:50px;

  z-index:50;
}

#submenu ul{
  list-style: none;
  padding: 0;
  margin: 0;

}

#submenu li{
  float: left;
  margin: 0 0.5em ;
  text-transform:capitalize;
} 

#submenu li a:link {color: #004567;text-decoration:none}     /* unvisited link */
#submenu li a:visited {color: #004567;text-decoration:none}  /* visited link */
#submenu li a:hover {color: #003D5B;text-decoration:underline}   /* mouse over link */
#submenu li a:active {color: #004567;text-decoration:none}   /* selected link */

#featuredproduct .col1,#featuredproduct .col2 {
  vertical-align:top;
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:14px;
  color:#004766;
  text-align:center;
}


.psafe { /* class to help the P7 Equal Heights script */
         font-size: 0;
         line-height: 0;
         margin: 0;
}

.sidebar p {margin-top:0px; text-align:center; padding-right:20px;}
.sidebar h2 {font: bold 12px/14px "Trebuchet MS", Arial, sans-serif; color:#B0935E;margin-left:35px;}

.getupandgo p{line-height:0px;}
.indent {margin-left:20px;}
.title {font-size:14px;}
.titlecenter {font-size:14px;padding-left:20px;line-height:0.2em;}

/* Styles for inline images */

div.figure, div.figureright, div.figurecenter {
  float: left;
  text-align:center;
  width:300px;
  /* border: silver thin solid;*/
  margin: 0 auto;
  /* padding: 0.5em; */
  margin-left:0.5em;
  margin-right:0.5em;
}

div.figure img, div.figureright img, div.figurecenter img{
  float:none !important;
  padding:0 0 0 0 !important;
}

div.figureright {
  float:right;
}

div.figurecenter{
  clear:both;
}

div.figureleft {
  float:left; /* Yes, it's the same as div.figure - but used in case someone doesn't remember what side figure aligns to*/
}

div.figure p,div.figureright p, div.figurecenter p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  margin-top:0.5em;
  text-indent: 0;
}

/* Table backgrounds for financials information */
#financeyears td {vertical-align:middle;
}
#financials th {
  background-color:#B99962; color:#004766;
  text-align:center;
  padding:5px 10px 5px 10px;
}
tr.d0 td {
  border-collapse: collapse;
  background-color: #004766; color: #a5baba;
  border:0;
  padding:5px 10px 5px 10px;
}
tr.d1 td {
  border-collapse: collapse;
  background-color: #a5baba; color: #004766;
  border:0;
  padding:5px 10px 5px 10px;
}

#adopterinfo {
  position:absolute;
  width:381px;
  border:1px none #000000;
  z-index:3;
  left: 355px;
  top: 123px;
  visibility: visible;
}

#adopterinfo .caption img {
  border:none;
}

#adopterinfo img {
  padding:0;
  margin:0 10px 10px 0;
  border:#666 thin solid;
}
#adopters img {
  padding:0;
  margin:0 10px 10px 0;
  border:#666 thin solid;
}

#clydeinfo, #votingform {
  position:absolute;
  width:381px;
  border:1px none #000000;
  z-index:3;
  left: 355px;
  top: 80px;
  visibility: visible;
}
/*

#clydeinfo, #votingform {
	position:fixed;
	left: 59%;
	top: 160px; 
	width:381px;  
	border:1px none #000000; 
	z-index:3; 
	visibility: visible;
}*/

#lefthandimages{
  position:absolute;
  width:330px;
  border:1px none #000000;
  z-index:3;
  left: 20px;
  top: 80px;
  visibility: visible;
}

#lefthandcontestimages{
  width:330px;
  border:1px none #000000;
  z-index:3;
  left: 20px;
  visibility: visible;
  top:30px;
}

#property .col1{

  width:120px;
  vertical-align:middle;
  font-weight:bold;
}
#property .col2{

  width:350px;
}

#property .col1 img {display:inline}

.smallgap li {margin-bottom:15px;}

#inmemory {
  /*position:absolute; */
  width:381px;
  left: 0;
  top: 100px;
  width:350px;
  visibility: visible;
}
#inmemoryinfo {
  position:absolute;
  width:381px;
  border:1px none #000000;
  z-index:3;
  left: 355px;
  top: 123px;
  visibility: visible;
}

.news {
  font-size:16px;
  font-weight:bold;
  text-align:center;
  color:#EBE0C4;
}

.tonguetext {
  /*font-weight:bold !important;*/
  font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Arial, Helvetica, sans-serif;
  font-size:14px !important;
  text-align:center;
}
.tongueitem a {
  /* font-weight:normal;*/
}

.tongueitem p {
  font-size:12px;
  line-height:1;
}

#left .content p.surveytitle {
  font-weight:bold;
}
#left .content p.surveydescription img {
  float:left;
  padding-right:5px;
}
#left .content .surveyenter {
  padding-left:30px;
  font-size:14px;
  margin-left:10px;

}

#left .content .leftalign {
  padding-left:0;
  margin-left:0;
}
.surveydescriptiontable {
  width:200px;
  padding-right:10px;
}

.newstitle {
  padding:0 !important;
  margin-bottom:20px;
}
.newsimage {
  padding:0 !important;
  margin:0;
}

#center .content table.tongues {
  margin-top:-90px;
  padding-left:80px;
}

.nobold, .nobold a {
  font-weight:normal !important;
}

.coltitle {
  vertical-align:top;
}
#dyson .col1 {
  width:100px;
  padding-left:20px;
  vertical-align: top;
  font-size:x-small;
}
#dyson .col2 {
  width:200px;
  padding-left:20px;
  vertical-align: top;
  font-size:x-small;
}
#dyson .col3 {
  width:350px;
  padding-left:20px;
  vertical-align: top;
  font-size:x-small;
}

#dyson .coltitle {
  vertical-align:top;
}

#indexheadline p {
  font-size:small;
}
/*printer styles*/ 
@media print{ 
  /*hide the left column when printing*/
  #left{display:none;}

  /*hide the right column when printing*/
  #right{display:none;}
  #center{width:100%; float:none;}
  /* Hide the header when printing */
  #header{display:none;}
  /* Make the content fit the page better when printing */
  #center .content, #centerwide .content{
    width:80%;
  }
  #footer .content, #footerwide .content {
    width:60%;
  }
}
