/*
      Greyhound Pets of America-Central Texas
	  http://www.gpacentraltexas.org
	  
	  Contact: Donna Goehring Seago
	  Email: heart4houndz@gmail.com
	  
	  Last Updated: 22 April 2009
	  	  
*/

* { padding: 0; margin: 0; }

/* text styles using ALA article 20 Nov 2007 by Richard Rutter alistapart.com/articles/howtosizetextincss */

body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:100%;
 line-height:1.125em; /* 16px x 1.125 = 18 */
 color: #000;
 background-color: #E3E5DA;
}

ul {
font-size: 0.825em;
margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
list-style-type:disc;
} 

ul a:link {
text-decoration: none;
color: #333333;
}

ul a:visited {
text-decoration: none;
color: #2D1A48;
}

ul a:hover {
color: #333333;
}

h1 {
	font-size: 0.875em;
	color: #5B6622;
	border-bottom: dotted 1px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-indent: 3px;
}

h2 {
font-size: 0.850em;
	margin-top: 0.8em;
	margin-bottom: 0px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}

p {
	font-size: 0.875em;
	margin-top: 0.5em;
	color:#333333;
 }
 
p a:link {
	color: #5B6622; 
	text-decoration: underline;
}

p a:visited {
	color: #5B6622; 
	text-decoration: underline;
}

p a:hover {
	color: #5E2035; 
	text-decoration: none;
}

.byline {
	font-size: .75em;
	margin-top: 0.2em;
	font-style: italic;
	color: #333333;
}

.subhead {
	font-size: 0.875em;
	margin-top: 0.8em;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}

.dogname {
	font-size: 0.875em;
	margin-top: 1em;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
}
  
#wrapper { 
 margin: 0 auto;
 width: 950px;
}

#header {
 width: 900px;
 float: left;
 padding: 10px;
 height: 60px;
 margin: 10px 0px 0px 0px; /* top right bottom left */
 background: #E3E5DA;
}

#header .logo {
float: left;
margin: 0px -192px 0px 0px;
display: inline;
}

#header .donate {
float: right;
margin: 0px 0px 0px 192px; /* 192px works in Firefox PC */
display:inline; /* inline works in Firefox PC */
} 

/* formerly called navigation */
#moonmenu {
 float: left;
 width: 949px;
 margin: 0px 0px 0px 0px; /* top right bottom left */
}

#imageblock {
float: left;
width: 920px;
height: 230px;
margin: 0px 0px 0px 0px; /* top right bottom left */
}

/* threecolumns correct width */
#threecolumns {
 color: #333;
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 0px 0px 25px 0px; /* top right bottom left */
 padding: 10px;
 height: auto;
 width: 672px;
 float: left;
}

#threecolumns ul a:link { 
	color: #5B6622; 
	text-decoration: underline; 
} 

#threecolumns ul a:visited { 
	color: #5B6622; 
	text-decoration: underline; 
} 

#threecolumns ul a:hover { 
	color: #5E2035; 
	text-decoration: none;
} 

#leftcolumn { 
 color: #333;
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 0px 0px 25px 0px; /* top right bottom left */
 padding: 10px;
 height: 500px;
 width: 210px;
 float: left;
}

#leftmiddle { 
 color: #333;
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 0px 0px 25px 0px; /* top right bottom left */
 padding: 10px;
 height: 500px;
 width: 210px;
 float: left;
}

#leftmiddle ul a:link { 
	color: #5B6622; 
	text-decoration: underline; 
} 

#leftmiddle ul a:visited { 
	color: #5B6622; 
	text-decoration: underline; 
} 

#leftmiddle ul a:hover { 
	color: #5E2035; 
	text-decoration: none;
}

#leftmiddle .image {
margin: 10px 0px 0px 0px; /* top right bottom left */
border: 1px solid #959D6C;
display: block;
}

#rightmiddle { 
 color: #333;
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 0px 0px 25px 0px; /* top right bottom left */
 padding: 10px;
 height: 500px;
 width: 210px;
 float: left;
}

#rightmiddle ul a:link { 
	color: #5B6622; 
	text-decoration: underline; 
} 

#rightmiddle ul a:visited { 
	color: #5B6622; 
	text-decoration: underline; 
} 

#rightmiddle ul a:hover { 
	color: #5E2035; 
	text-decoration: none;
} 

#rightcolumn { 
 color: #333;
 background: #E3E5DA;
 margin: 0px 0px 25px 0px; /* top right bottom left */
 padding: 10px;
 height: 500px;
 width: 204px;
 float: left;
}

#rightcolumn .graphic {
margin: 0px 0px 15px 10px; /* top right bottom left */
border: none;
}

#threecolumns .dogphoto {
	margin: 0px 0px 15px 15px;
	border: 1px solid #959D6C;
	float: right;
}

#footer { 
 width: 900px;
 clear: both;
 background: #959D6C;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

/* === start table of greyhounds available for adoption === */
#adoptme .name {
text-align: center;
}

#adoptme .name a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #5B6622;
	text-decoration: underline;
}

#adoptme .name a:visited {
color: #5B6622;
text-decoration: underline;
}

#adoptme .name a:hover {
color: #5E2035; 
}

#adoptme .image {
margin: 5px 0px 0px 8px; /* top right bottom left */
border: 1px solid #959D6C;
display: block;
}
/* === end table of greyhounds available for adoption === */

/* start greyla table */
#greyla .donor {
	font-size: 0.875em;
	margin-top: 0em;
	font-weight: bold;
}

#greyla .description {
	font-size: 0.8em;
	margin-top: 0.1em;
	font-style: italic;
}
/* end greyla table */

/* UNUSED === start greyhound images */
#image1 { 
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 5px 10px 50px 10px;
 padding-left: 5px;
 width: 210px;
 height: auto;
 float: left;
}
#image2 { 
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 5px 12px 50px 3px;
 padding-left: 5px;
 width: 210px;
 height: auto;
 float: left;
}
#image3 { 
 border-right: 1px dotted #959D6C;
 background: #E3E5DA;
 margin: 5px 12px 50px 3px;
 padding-left: 5px;
 width: 210px;
 height: auto;
 float: left;
}
#image4 { 
 background: #E3E5DA;
 margin: 5px 0px 50px 5px;
 padding-left: 1px;
 width: 210px;
 height: auto;
 float: left;
}
/* end greyhound images */