/********************************/
/*     PGA StyleSheet Layout    */
/*  www.Greyhound-Adoption.org  */
/*        Rebecca Baker         */
/*      Updated:  2-20-05       */
/********************************/


/* Overall Scheme */
body, .body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	
	background: #000000 url() top center no-repeat scroll;
	background-color: #ffffff;
	
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
/* padding margins: top right bottom left  */

menu, .menu, .copy
{
	color: #712C72;
	font-size: 12px;
	text-align: left;
	padding: 5px 0px 5px 0px;
}

.banner
{
	font-size: 12px;
	color: #000000;
	padding: 0px 15px 0px 0px;
}

#menu	{ background-color: #ffffff; }
#banner, .banner
{
	background-color: #ffffff;
}

subtitle, .subtitle
{
	color: #333333;
	font-size: 10px;
	padding: 2px 5px 2px 5px;
}

.leftmodule		{  }
.rightmodule	{  }

.module_header
{
	background-color: #996666;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 125px;
	padding: 0px 0px 0px 0px;
}

.module_item
{
	background-color: #ffffff;
	color: #712C72;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 2px 5px 2px;
}

.primary
{
	border-left: 1px solid #000000;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

/*     CSS for FormMail       */
/*    set to the same as      */
/* .primary to make invisible */
#poweredby				{ text-align: right; }
#poweredby span, #poweredby a
{
	font-family: Arial,Helvetica,Sans-serif;
	color:	#f0f0f0;
}

#copyright
{
	border: 0px solid #e2e2e2;
	background-color: #ffffff;
	color: #333333;
	padding: 0px 0px 0px 0px;
}

.newsHeader
{
	color: #712C72;
	font-size: 14px;
	border-bottom: 1px solid #fcd403;
}

/* Text Styles */
.header					{ color: #996666; font-size: 20px; font-weight: bold; }
.header2				{ color: #000099; font-size: 16px; }
.body, .newsData		{ color: #000000; font-size: 12px; }
.body2					{ color: #000099; font-size: 14px; }
.title					{ color: #000000; font-size: 14px; font-weight: bold; }
.title4					{ color: #ffffff; font-size: 14px; font-weight: bold; }
.title5					{ color: #712C72; font-size: 14px; font-weight: bold; }
.red					{ color: #660000; font-size: 12px; font-weight: bold; }

a, a:visited, a:active	{ color: #712C72; text-decoration: none; }
a:hover					{ color: #712C72; text-decoration: underline; }



/* SPGM CSS */
IMG { vertical-align: middle; }
IMG.img-picture { border: 1px solid #333333; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 1px solid #555555; }
IMG.img-thumbnail { border: 1px solid #333333; }
IMG.img-thumbnail-selected { border: 1px solid #0000ff; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }


TABLE.table-wrapper {
  border: 1px solid #000000;
  background-color: #ffffff;
  padding: 10px;
  align: center;
}


TD.td-thumbnails-thumb {
  padding: 6px;
  font-family:  helvetica, arial, sans-serif;
  color:        #555555;
  font-size:    8pt;
  vertical-align: bottom;
  background-color: transparent;
  white-space: nowrap;
}

TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  helvetica, arial, sans-serif;
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  vertical-align: bottom;
}

DIV.div-thumbnails-caption {
  font-family:  helvetica, arial, sans-serif;
  color:        #000000;
  font-size:    8pt;
  font-weight:  normal;
  background-color: transparent;
}



TABLE.table-main-title {}

TD.td-main-title {
  font-family:  verdana, helvetica, arial, sans-serif;
  color:   #000000;
  font-size:    12pt;
  font-weight:  bold;
  background-color: transparent;
}

TD.td-main-title-spgm-link {
  color:#999999;
  font-size:8pt;
  font-family: helvetica, arial, sans-serif;
  text-align: center;
  background-color: transparent;
}

A.a-spgm-link {
  color: #999999;
  font-size:8pt;
  font-family: helvetica, arial, sans-serif;
  background-color: transparent;
}





TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {
}




TABLE.table-galitem {
  width: 100%;
  align: center;
}

TD.td-galitem-icon {
  padding-right: 10px;
}

TD.td-galitem-title {
  font-family:  helvetica, arial, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  width:        100%;
  text-align: left;
}

TD.td-galitem-caption {
  font-family:  helvetica, arial, sans-serif;
  font-size:    10pt;
  font-style:   italic;
}




TABLE.table-picture {
  width: 100%;
  text-align: center;
}

TD.td-picture-navi {
  font-family:  helvetica, arial, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #000000;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #777777; 
  font-family:  helvetica, arial, sans-serif;
  font-size:    9pt;
  font-weight: bold;
  color:        #777777;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic {}

TD.td-picture-filename {
  font-family:  helvetica, arial, sans-serif;
  font-size:    8pt;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  helvetica, arial, sans-serif;
  font-size:    9pt;
  text-align: center;
  font-style:italic;
  background-color: #ececec;
  /*border: 1px dashed #333333;*/
  padding:7px;
  background-color: transparent;
}




TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
}

TD.td-thumbnails-navi {
  color: #000000;
  border-top: 2px solid #444444;
  font-family:	helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 8px;
}

SPAN.span-filters {
  font-size:    8pt;
  font-weight: normal;
}


DIV.div-galheader {
  font-family:  verdana, helvetica, arial, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color: #000000;
  margin-bottom: 20px;
  padding: 1px;
  width: 100%;
  text-align: left;
}


/* Forum CSS */
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
   color: #712C72;
   text-decoration: none;
}

a.nav:hover
{
   color: #712C72;
   text-decoration: underline;
}

/* Tables should show empty cells too. */
table
{
   empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
td
{
   color: #000000;
   font-size: small;
   font-family: Verdana, arial, helvetica, serif;
}

/* The Footer area controls the CSS of the copyright ...  */
#footerarea .smalltext
{
   font-size: 10px;
   color: #000000; 
}

#footerarea a
{
   color: #712C72;
   text-decoration: none;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   font-size: 9pt;
   background-color: #b1b1b1;
   color: #000000;
   font-family: Verdana, arial, helvetica, serif;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
   font-size: 8pt;
   font-weight: normal;
   color: #000000;
   font-family: Verdana, arial, helvetica, serif;
}

/* Standard horizontal rule.. */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #666666;
   background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
   color: #000000;
   background-color: #C0C0C0;
   border: 1px solid #000000;
   margin: 1px;
   padding: 1px;
   font-size: 10px;
}

/* A code block - maybe even PHP ;). */
.code
{
   color: #000000;
   background-color: #cccccc;
   border: 1px solid #000000;
   padding: 1px;
   font-family: "courier new", helvetica, "times new roman", serif;
   font-size: 10px;
   width: 99%;
   margin: 1px auto 1px auto;
   white-space: nowrap;
   overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
   color: #000000;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   font-size: 10px;
}

/* Generally, those [?] icons. */
.help
{
   cursor: help;
}

/* /me uses this a lot. */
.meaction
{
   color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
   width: 92%;
}

/* Highlighted text - such as search results. */
.highlight
{
   background-color: #712C72;
   font-weight: bold;
   color: #ffffff;
}

/* Alternating backgrounds... */
.windowbg
{
   color: #000000;
   background-color: #e2e2e2;
}
.windowbg2
{
   color: #000000;
   background-color: #ffffff;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
   color: white;
   font-style: normal;
   background-image: url(images/sbg.jpg);
}
.titlebg a:hover
{
   color: #dfdfdf;
}

/* The category headers, page indexes, and such things - catbg2 is used for "new" posts. */
.catbg, .catbg2
{
   font-weight: bold;
   background-image: url(images/titleback.gif);
   color: #000000;
}
.catbg
{
   background-image: url(images/titleback.gif);
}
.catbg2
{
   background-image: url(images/titleback.jpg);
}

/* The borders around things. */
.bordercolor
{
   background-color: #969696;
}
.tborder
{
   border: 1px solid #000000;
   background-color: #969696;
   padding: 2px;
}

/* Default font sizes. */
.smalltext
{
   font-size: 11px;
   font-family: Verdana, arial, helvetica, serif;
}
.normaltext
{
   font-size: 13px;
}
.largetext
{
   font-size: 14px;
}


/* This is for the special header boxes on the top - it's not used elsewhere. */
#headerarea
{
	border-bottom: 0px solid #000000;
	width: 100%;
	padding: 12px 20px 12px 20px;
}

.headertitles
{
   background-color: transparent;
   border: 0px solid ;
}
.headerbodies
{
   border: 1px solid #969696;
   background-color: #e2e2e2;
   background-repeat: repeat-x;
   background-position: bottom;
}