@CHARSET "ISO-8859-1";
html, body			{	margin: 0px;	padding: 0px;					}
a:focus				{	-moz-outline-style: none;						}

body				{	background-image: url(images/background.gif);
						background-repeat: repeat;						}
body,td,th,div,p,li {	font-family: Arial, Helvetica, sans-serif;
						font-size: small;
						font-size: 14px;								}
small 				{	font-size: 11px;								}

	
#page {
	border: 6px solid #e01372;
	width: 790px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #d2cecf;
	}
	
/* Header Box */
.headerbox											{	width: 750px;	margin: 15px auto 0px auto;							}	
.headerbox_box										{   background: #ffffff;												}
.headerbox_top div									{	background: url(images/headerbox_tl.png) no-repeat top left;		}
.headerbox_top										{   background: url(images/headerbox_tr.png) no-repeat top right;		}
.headerbox_bottom div								{   background: url(images/headerbox_bl.png) no-repeat bottom left;		}
.headerbox_bottom									{   background: url(images/headerbox_br.png) no-repeat bottom right;	}
.headerbox_top div, .headerbox_top, 
.headerbox_bottom div, .headerbox_bottom			{   width: 100%;   height: 30px;   font-size: 1px;						}
.headerbox_content									{	margin: 0 30px;														}

/* Content Box Box ( Container for white spacing ) */
.contentboxbox										{	background-color: #ffffff;	width: 690px;
														margin-left: auto;	margin-right: auto;	margin-bottom: 15px;		}
.contentboxbox_box									{	background: #ffffff;												}
.contentboxbox_bottom div							{	background: url(images/headerbox_bl.png) no-repeat bottom left;		}
.contentboxbox_bottom								{	background: url(images/headerbox_br.png) no-repeat bottom right;	}
.contentboxbox_bottom div, .contentboxbox_bottom	{	width: 100%;	height: 30px;	font-size: 1px;						}
.contentboxbox_content								{	margin: 0 30px;														}

/* Content Box */
.contentbox											{	background-color: #ffffff;	width: 690px;
														margin-left: auto;	margin-right: auto;	padding-bottom: 15px;		}
.contentbox_box										{	background: #7fcedb;	margin: 0px 15px 15px 15px;					}
.contentbox_top div									{	background: url(images/contentbox_tl.png) no-repeat top left;		}
.contentbox_top										{   background: url(images/contentbox_tr.png) no-repeat top right;		}
.contentbox_bottom div								{   background: url(images/contentbox_bl.png) no-repeat bottom left;	}
.contentbox_bottom									{   background: url(images/contentbox_br.png) no-repeat bottom right;	}
.contentbox_bottom div, .contentbox_bottom,
.contentbox_top										{   width: 100%;   height: 30px;   font-size: 1px;						}
.contentbox_content									{	margin: 0 30px;														}

img.lefty											{	text-align: left; float: left;	padding: 0px 20px 10px 10px;			}
img.righty											{	text-align: right; float: right;padding: 0px 10px 10px 20px;			}

.contentbox p										{	text-align: center; margin: 0px; padding: 0px 10px 10px 10px;		}

.webcams {
	text-align: center;
	width: 540px;
	height: 76px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.webcams a, .webcams a:hover {
	display: block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 250px;
	height: 76px;
	text-indent: -9997px;
}

.webcams a 			{	background-position: 0px 0px;							}
.webcams a:hover	{	background-position: -250px 0px;						}
	
.little_dogs		{	background-image: url(images/btn_little_dogs.jpg);		}
.big_dogs			{	background-image: url(images/btn_big_dogs.jpg);			}


#nav-menu ul		{	list-style: none;	padding: 0 0 0 15px;	margin: 0px; width: 100%;}
#nav-menu li		{	float: left;	margin: 0 0.30em 0 0;						}
#nav-menu li a		{	background: url(images/css-nav.gif) #676767 bottom left repeat-x;
						height: 2em;	line-height: 2em;	float: left;		
						display: block;	border: 0.1em solid #313131;  padding-left: 10px; padding-right: 10px;
						color: #ffffff;	text-decoration: none;
						text-align: center;										}
/* Hide from IE5-Mac \*/
#nav-menu li a		{	float: none	}
/* End hide */

#nav-menu			{	width:40em;	}
#nav-menu
	li a:hover,
#nav-menu
	li a.current	{	font-weight: bold;	} 
