/* SRG Style sheet */
      body {font-family: Verdana, arial, helvetica, sans-serif;
      	    background-image: url(images/pastelbkgd.jpg);}
      .holiday { 
      		     background-image: url(images/holidayborder.jpg);}
      .logolink {text-decoration: none;
      		 color: blue;
      		 margin: 0; border: 0;
      }
      td { vertical-align: top; }
/* basic classes */
	.b	{ font-weight: bold; }
	.i	{ font-style: italic; }
	.bi	{ font-weight: bold; 
		  font-style: italic; }
	.maroon { color: maroon; }
	.maroonb { color: maroon; 
		   font-weight: bold;
		   }
	.maroonbi { color: maroon;
		    font-weight: bold;
		    font-style: italic;
		    }
/* available page */
td.adopt { border-top: 0; }
td.adopt p { text-align: center; }
td.adopt p a { font-size: 80%;
	     font-weight: bold;
	     text-decoration: none;
	     border: white outset 4px;
	     padding: 4px;
	     background-color: beige;
	     }
	     
/* gerbilpedia image styles */      
      img.left { 
                 float: left;
                 margin: 5px 10px 5px 0px;
                 border: 2px outset #ccc;
                 padding: 4px;
                 background-color: #c3c3d9;
                 }
      img.right { 
      		  float: right;
      		  margin: 5px 0px 5px 10px;
      		  padding: 4px;
      		  border: 2px outset #ccc;
      		  background-color: #c3c3d9;
      		  }
      div.rightcaptionphoto {
		  float: right; 
		  margin: 5px 0px 5px 10px;
      		  padding: 4px;
      		  border: 2px outset #ccc;
      		  background-color: #c3c3d9;
      		  width: 200px;
      		  text-align: center;
      		  }
      div.rightcaptionphoto p { font-size: 70%;
      				font-style: italic;
      				font-weight: normal;
      				color: black;
      				text-align: center;
      				letter-spacing: 105%;
      				font-family: Verdana, sans-serif;
      				}
      div.leftcaptionphoto {
		  float: left; 
		  margin: 5px 10px 5px 0px;
      		  padding: 4px;
      		  margin-right: 10px;
      		  border: 2px outset #ccc;
      		  background-color: #c3c3d9;
      		  width: 200px;
      		  text-align: center;
      		  }
      div.leftcaptionphoto p { font-size: 70%;
      				font-style: italic;
      				font-weight: normal;
      				color: black;
      				text-align: center;
      				letter-spacing: 105%;
      				font-family: Verdana, sans-serif;
      				}


	blockquote.moreindent { margin-left: 6em;
				margin-right: 6em;
				font-style: normal;
				color: black;
				font-weight: normal;
				font-family: 'Comic Sans MS', fixed;
       }
       
       blockquote ul.indent li { margin-left: 30px; }

/* gerbilpedia FAQ styles */
	p.q { color: maroon;
		   font-style: italic;
		   font-weight: bold;
		   font-size: 75%;
		   padding-bottom: 1em;
		   }
	p.ans { color: black;
		   font-weight: normal;
		   font-style: normal;
		   font-size: 75%;
		   padding-bottom: 1em;
		   }

      		  
      td.btn { padding-top: 5px;
      	       padding-bottom: 5px;
      	     }  
      table.lines { border-collapse: collapse;
                    margin-top: 10px; 
                    margin-bottom: 10px; }	     
      table.lines td { border: thin black solid;
                       padding: 5px 5px 2px 5px; }
      
	/* workaround to remove link boxes around button images */
	.menubar img { border:2px; border-thickness:1px; border-color: rgb(189,195,231); border-style: solid; }
	.menubtn a:link .imglink, a:active .imglink, a:visited .imglink { border:2px; border-thickness:1px;
 border-color: rgb(189,195,231) ; border-style: solid} 


	.photo { text-align: center;
			  background-color: #CCCCFF;}
	.caption { 
			  font-size: 12px;
			  border-bottom: 0;
			  }
	.centercaption {  width: 250px;
			  font-size: 14px;
			  background-color: #9da7d9;
			  text-align: center;
			  font-weight: bold; }

      a.nodec link { text-decoration: none;
      			font-weight: bold;}
      a.nodec:hover { text-decoration: underline;
      		font-weight: bold;
      	        color: rgb(102,0,204); }
      a.nodec:visited { text-decoration: none;
      			font-weight: bold;
      	}
      .lnavbar { text-align: right; }
      .inactive { font-weight: bold; color: rgb(187, 136, 244); }
      .rowhead { padding-bottom: 10px;
			 padding-top: 10px;
		 text-align: center;
		 font-weight: bold; }
       .price { font-size: 16px;
		   font-weight: bold;
	   	text-align: right;}
       .pagetitle { font-style: italic;
                    font-weight: bold;
                    text-align: center;
                    height: 100px;}
	a.topic { color: #660099;
	    font-weight: bold;
	    font-size: medium;
	    text-decoration: underline;
	   }
	br.clear { clear: both; }   
	h4.subtopic { color: black;
	font-weight: bold;
	letter-spacing: 120%;
	margin: 0;
	}
	
	a.external { color: maroon;
		font-family: Verdana, geneva, courier, fixed;
		font-weight: bold;
		font-decoration: underline;
	}
	a.top:link { color: white;  }
	a.top:visited { color: white; }
	a.top:hover { color: black; }
	a.top:active { color: white; }

#accentbox { float: right;
            text-align: center;
            background-color: #ccc;
            color: black;
            padding: 10px;
            border: groove 4px;
            margin: 0 0 0 10px;
           } 
           
#accentbox p.adoptcount { font-size: 64px; }

p.doublespace {	line-height: 150%; }
ul.doublespacedlist { line-height: 150%; }

/* rev 2 menu bar */

	.menugrid {	border-collapse: collapse;
		  }

	.menugrid td {	padding-top: 0px;
			padding-bottom: 0px;
		}

	.menugrid td.last { text-align: center;
			    font-size: small;
			    width=50%;
			    display: block;
			    padding-top: 2em;
	}

	a.menu:link { 	color: black;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 5px;
			padding-right: 5px;
			border: 3px outset #ccc;
			background-color: rgb(189,189,249);
			width: 200px;
			display: block;
	}
	a.menu:active {	color: black;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 5px;
			padding-right: 5px;
			border: 3px outset #ccc;
			background-color: rgb(189,189,249);
			width: 200px;
			display: block;
	}
	a.menu:visited { color: black;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 5px;
			padding-right: 5px;
			border: 3px outset #ccc;
			background-color: rgb(189,189,249);
			width: 200px;
			display: block;
	}
	a.menu:hover {	color: black;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 5px;
			padding-right: 5px;
			border: 3px outset #ccc;
			background-color: rgb(136,136,180);
			width: 200px;
			display: block;
	}

/* advent calendar page */

table.advent { background-color: LightCyan;
	       font-family: Arial, sans-serif;
	       font-size: 80%;
	       border: 1px black solid;
	       border-collapse: collapse;
	       }
table.advent td { border: 1px black solid;
		  width: 110px;
		  padding: 4px; }
table.advent tr { border-bottom: 6px solid red; }

/* blues */

img.framed_l { 
		  margin: 10px; 
		float: left; }

img.framed_r { margin: 10px;
		float: right;
		}