@charset "utf-8";
/* CSS Document */

/* Document Formatting */
html, body {color:#000; background:#fff;}

html {width:100%;}

body, tr, th, td, p {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
						font-size:1em;
						color:#000000;
						margin:0px;
						padding:0px;
						}
						
a:link, a:visited {	color:#666633;
					text-decoration:none;
					}

a:hover {	color:#0000FF;
			text-decoration:underline;
			}

/* Text & Image Formatting */
.center {text-align:center;	padding:0 5px 12px 5px;}
.left {text-align:left; padding:0 5px 12px 0;}
.right {text-align:right; padding:0 0 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;}
.heading {font-style:italic; font-weight:bold; text-decoration:underline; padding:0 5px 12px 0;}
.indexhead {padding:0 0 14px 0;font-weight:bold; font-style:italic; font-size:1.3em; color:#009900;}
.weather {font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF;}

/* 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;}

/* Positional Content Formatting */
#header {	position:relative;
			height: 160px;
			overflow:hidden;
			background:#663300;
			text-align:left;
			background:url(design/headerback.jpg);
			background-repeat:repeat-x;
			}

#headercorner	{	position: absolute;
					top:103px;
					left:0;
					height:120px;
					overflow:hidden;
					width:auto;
					z-index:6;
					}

#header2 {	position: absolute;
			top:103px;
			left:0px;
			height:120px;
			overflow:hidden;
			background:url(design/header2back.gif);
			background-repeat:repeat-x;
			width:100%;
			z-index:5;
			}

#container	{	position:relative;
				overflow:visible;
				margin:0 0 0 0;
				width:100%;
				}

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

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

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

#navigation	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				float:left;
				width:175px;
				margin-top:63px;
				border-right:2px solid #000;
				border-bottom:2px solid #000;
				background:url(design/navback.jpg) #613700;
				text-align:left;
				}

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

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

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

#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:40px; line-height:40px; background:url(design/buttons.png);}
#menu li:hover {background-position:0 40px;}
#menu ul ul {position:absolute; top:0; left:100%; width:100%;}
#menu ul ul, #menu ul li:hover ul ul {display:none;}
#menu ul li:hover ul, #menu ul ul li:hover ul {display:block;}

#bindex a#index,
#babout a#about,
#bdogs a#dogs,
#bjustus a#justus,
#bbelle a#belle,
#btux a#tux,
#brudy a#rudy,
#bnews a#news,
#btraining a#training,
#bgallery a#gallery,
#blinks a#links,
#bcontact a#contact
{
color:#000;
background:url(design/buttons.png);
background-position:0 40px;
}