/* hide from IE-Mac \*/
html { height:100%; }
/* end hide */

body, td, th, p, a {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
					color:#000000;
					font-size:1em;
					margin:0;
					padding:0;
					}

a:link, a:visited {color:#000099; text-decoration:none;}
a:hover {color:#0000FF;	text-decoration:underline;}

* html #container {height: 100%;}

#container {	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin:0 0 0 0;
				overflow: hidden;
				text-align: left;
				height:auto;
				z-index:5;
				}

#content {		font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin-top:0;
				margin-left:150px;
				border-top:1px solid #000;
				padding-top: 10px;
				padding-left: 10px;
				padding-right: 5px;
				overflow: visible;
				background: #FFF;
				text-align: left;
				height: auto;
				}

#content2	{width:100%;float:left}

#header {		position: relative;
				height: 193px;
				overflow:hidden;
				background: #d40000;
				text-align:left;
				z-index:2;
				background:url(design/hdback2.png);
				background-repeat:repeat-x;
				}

#headergraphic {position:absolute;
				top: 160px;
				left: 0;
				background-image:url(design/bg.gif);
				height:34px;
				z-index:3;
				width:100%;
				overflow:hidden;
				}

#memoryticker{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:80%;
				font-weight:600;
				font-style:italic;
				color:#000000;
				float:left;
				padding-left:160px;
				padding-bottom:20px;
				width:100%;
				z-index:4;
				overflow:hidden;
				/*Tip: add in height attribute here for multiple line scroller*/
				border:none;
				/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
				/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
				filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
				}
			
.updates {		font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 80%;
				font-weight: 600;
				font-style: italic;
				color:#000000;
				float:left;
				padding-left:160px;
				padding-bottom:20px;
				width:100%;
				z-index:4;
				overflow:hidden;
				}

#copyright {	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:.7em;
				position:relative;
				margin: 0 0 0 0;
				padding: 3px 3px 3px 3px;
				color:#000000;
				text-align:right;
				}

#facebookfan {
				float:right;
				width:400px;
				}


/* Text and Image CSS Formatting */
.center {text-align:center;	text-decoration:none; padding:2px 5px 12px 5px;}
.left {text-align:left;	text-decoration:none; padding:2px 5px 12px 5px;}
.right {text-align:right; text-decoration:none;	padding:2px 5px 12px 5px;}
.imgleft {float:left; margin-right: 4px;}
.imgright {float:right; margin-left: 4px; text-align:right; text-decoration:none;}
.imgcenter {text-align:center; margin:0 4px 0 4px;}
.galleryleft {float:left; margin-right:40px;}
.galleryright {float:right; margin-left:40px;}
.gallerylabel {text-align:center; text-decoration:none; padding:8px 5px 12px 5px;}
.fonthead {font-style:italic; font-weight:bold; text-decoration:underline;}
.started {float:left; margin:0px 4px 12px 2px; width:410px;}

/* Table Positioning and Formatting */
.LitterPed	{background:#FFFFFF; font-size:0.8em; margin:auto; text-align:left;}
.tablecenter {margin:auto; text-align:left;}

/* PIE/Aslett Clear Fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Navigation Panel */

#navigation {	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				float:left;
				margin-top:-1px;
				width:150px;
				border-right:1px solid #000;
				border-bottom:1px solid #000;
				background:#9bc4fc;
				text-align: left;
				z-index: 5;
				}

/* Menu Styling */
#menu {	font-size:90%;
		margin:0px 0px 0px 0px;
		text-align: center;
		font-weight: bold;
		padding-bottom:50px;
		background:none;
		text-align:center;
		} 

#menu ul {	list-style: none;
			margin: 0;
			padding:2px 2px 2px 2px;
			width: 140px;
			}

#menu a {font-family:Verdana, Arial, Helvetica, sans-serif; display: block;}
#menu a {color: #000; text-decoration: none;}
#menu a:hover {color: #000;}
#menu li {position:relative; height:30px; line-height:30px; background:url(design/button.jpg);}
#menu li:hover {background-position: 0 30px;}
#menu ul ul {position: absolute;top: 0;left: 100%;width: 100%;}
div#menu ul ul, div#menu ul li:hover ul ul {display: none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul {display: block;}

#bindex a#index,
#bsires a#sires,
#btigger a#tigger,
#bdillon a#dillon,
#bradar a#radar,
#bdams a#dams,
#bretired a#retired,
#btag a#tag,
#bspice a#spice,
#bannie a#annie,
#bprincess a#princess,
#bzoey a#zoey,
#bmiranda a#miranda,
#bspook a#spook,
#bpuppies a#puppies,
#btitled a#titled,
#bstarted a#started,
#bmemoriam a#memoriam,
#btraining a#training,
#bnews a#news,
#bhclub a#hclub,
#bgallery a#gallery,
#blinks a#links,
#bcontact a#contact
{
color:#000;
background:url(design/button.jpg);
background-position:0 30px;
}