html, body {
   margin : 0;
   padding : 0;
}

.pic {
	margin: 0px;
	border: 5px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	}


.titleBar {
    background-color: #800000;
    color: #FFFFFF;
    font-weight: BOLD;
    font-family: arial;
	text-align: center;	
 }

.textbody {
	background-color : #FFFFFF;
}

#container {
   width : 96%;
   margin : 10px auto;
   background-color : #FFFFFF;
   color : #333;
   border : 1px solid #808080;
   border-bottom-width : 0px;
   line-height : 130%;
}

body {
   color : #a52a2a;
   background : #c4cdd6;
   width : 100%;
   font : 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

a:link {
   color : #800000;
   background : transparent;
   text-decoration : underline;
}

#top {
   padding : .5em;
   background-color : #FFFFCC;
   border-bottom : 1px solid #808080;
}

#navcontainer {
padding : .5em;
    background-color : #FFFFCC;
   border-bottom : 1px solid #808080;
   text-align : left; /*placing the nav flush to the left in moz*//*placing the nav flush to the left in moz*/
}

#navcontainer ul {
   margin : 0;
   padding : 0;
   white-space : nowrap; /*  not wrap the list to a new line when the window is reduced in width *//*  not wrap the list to a new line when the window is reduced in width */
}

#navcontainer ul li {
   display : inline;
   margin-right : -4px;
}

#navcontainer ul li a {
   padding : 1px 5px 1px 5px;
   color : #000000;
   text-decoration : underline;
   font-weight: BOLD;
   border-right : 1px solid #808080;
}

#navcontainer ul li a:hover {
   color : #0000FF;
   text-decoration: underline;
}

#navcontainer a {
   padding : 1px 4px 1px 2px;
   color : #000000;
   text-decoration : underline;
   font-weight: BOLD;
   border-right : 1px solid #808080;
}

#navcontainer a:hover {
   color : #0000FF;
   text-decoration: underline;
}

a:visited {
   color : #800000;
   text-decoration : underline;
}

a:hover {
   color : #0000FF;
   text-decoration: underline;
}

.volunteerHeaderLink {
    color : #9933CC;
    font : 20px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    font-weight: bold;
}

#contentBlock {
    font : 14px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    color: #000000;
    padding-left : 20px;
    padding-right : 20px;
}

/* Links within paragraphs (subtle) */
p a {
color: #666666;
text-decoration: none;
}

/* Links within paragraphs (revealed) */
p:hover a { 
color: #0000ff;
text-decoration: underline;
}

#top h1 {
   padding : 0;
   margin : 0;
}

#leftnav {
   float : left;
   width : 235px;
   margin : 0;
   padding : 1em;
   background : url(../img/footprintslite.jpg) repeat;
}

#content {
   margin-left : 260px;
   border-left : 1px solid #808080;
   padding : 1em;
   background : url(../img/footprintslite.jpg) repeat;
}

#contentsingle {
   margin-left : 5px;
   padding : 1em;
   background : url(../img/footprintslite.gif) repeat;
}

#contentsingleclear {
   margin-left : 5px;
   padding : 1em;
}

#dogtable {
   background : url(../img/footprintslite.jpg) repeat;
}

.availabletable {
	border: 1px solid #666;
}

.dogPicturetable {
    background-color:#D6D6D6;
    margin: 3px;
	border: 1px solid #A0ACC0;
}

.dogAvailableleftcell {
	border: 1px solid #A0ACC0;
    border-left: 0px;
    border-top: 0px;
}

.dogAvailablerightcell {
	border: 1px solid #A0ACC0;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
}

.dogPictureimage {
    display: inline;
	margin: 1px;
	border: 1px solid #A0ACC0;
}

div.thumb {
	margin: 3px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	}

.thumb img{
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}

#footer {
   clear : both;
   margin : 0;
   padding : 0;
   color : #333;
   background-color : #ddd;
   background-color : #FFFFCC;
   border-bottom : 1px solid #808080;
   border-top : 1px solid #808080;
   font : 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

.footerText {
   color : #800000;
   font : 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

#leftnav p {
   margin : 0 0 1em 0;
}

#content h2 {
   margin : 0 0 .5em 0;
}

#footer img {
   float : right;
}

/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */

#footer p {
   padding-left : 5px;
}

#counter {
   display : none;
}

.events {
   padding : 1px;
}

.news {
   border-top : 1px solid #808080;
   padding : 5px;
   background-color : #FFFFFF;
}

.hotlabdesc {
font : 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
background-color : #FFFFFF;
}

.availableText {
    font : 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    color : #000000;
}

.standardLargeText {
    font : 14px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    color : #000000;
}

.bodylink {
   color : #0000FF;
   text-decoration: underline;
   font : 12px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   font-weight: bold; 
}

.emphasis {
   font : 16px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

.emphasis2 {
   font : 14px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

.emphasiscenter {
   font : 16px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   text-align: center;
}

.h1large {
    text-align: center;
    font : 20px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

.h1green {
    color : #008000;
    font : 20px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

.h1largebold {
    font : 20px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    font-weight: BOLD;
    text-align : center;
}

.largered {
    font : 20px "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
    color : #FF0000;
}
