/*
Blue: #0266C8
Red: #F90101
Yellow: #F2B50F
Green: #00933B
*/

.blue
{
	color:#0266C8;
}
.red
{
	color:#F90101;
}
.yellow
{
	color:#F2B50F;
}
.green
{
	color:#00933B;
}

@font-face
{
font-family: myFirstFont;
src: url('fonts/StoneHinge.otf');
}
.container
{
	font-family:myFirstFont;
	width: 800px;
	margin: 20px auto;
	padding: 20px;
	border: 4px dotted #0266C8;
	clear:both;
	min-height:1000px;
}
#header
{
	border: 3px dotted #F90101;
}
h2
{
	text-align:center;
	font-size:80px;
	margin:auto;
	color:black;
	
	
}
h3
{
	font-size:35px;
	text-align:center;
}
h4
{
	color:  #00933B;
	font-size: 1.6em;
	font-style: italic;
	margin-bottom: 2px;
	text-align:center;
}
p
{
	font-size:20px;
	background-color: white;
	padding:5px;
	text-indent:15px;
	float: right;
	border: 3px dotted #00933B;
	
}	
/***Left align***/
#left
{
	float:left;
	width:48%;
}	
#left img
{
	margin-left:30px;
}
#left #desc
{
	margin-left:30px;
}
/***Right align***/
#right
{
	float:right;
	width:48%;
}
#right img
{
	margin-right:20px;
}
body
{
	background-image: url(images/paw.jpg);
    background-repeat: epeat;
	margin: 0 auto 0 auto; 
}
#homepara
{
	color:#0266C8;
}
#footer
{
	clear: both;
	border: 3px dotted #F2B50F;
	background-color:white;
	text-align:center;
	color:#F90101;
	margin: 20px auto;
	padding: 9px;
	clear:both;
}
#stats
{
	font-size:18px;
	background-color: white;
	border: 3px dotted #F90101;
	margin-bottom:10px;
	
}
#stats h4
{
	margin:auto;
	margin-top:5px;
	color: #00933B;
}
#list
{
	clear:top;
	font-size:20px;
	background-color: white;
	border: 3px dotted  #F90101;
	margin-bottom:10px;
}
#list h4
{
	margin:auto;
}
#classy
{
	float:right;
}	
#bed
{
	float:right;
	margin-bottom:20px;
}
#mud
{
	margin-top:20px;
}
#pondpara 
{
	width:450px;
	margin-right:20px;
	color: #F90101;
	
}
#pondpara2 
{
	width:450px;
	margin-right:20px;
	color:#0266C8;
	
}
.imgleft {
	float: left;
	height:367px;
	width:260px;
}

.descl
{
	background-color:white;
	width:240px;
	text-align:center;
	margin-bottom:7px;
	border:1px dotted #00933B;
	font-size:20px;
	float:left;
	margin-left:30px;
	padding:2px;
}
.desc3
{
	background-color:white;
	width:300px;
	text-align:center;
	float:left;
	margin-bottom:7px;
	border:1px dotted #00933B;
	font-size:20px;
	padding:2px;
}
.desc
{
	background-color:white;
	width:240px;
	text-align:center;
	float:left;
	margin-bottom:7px;
	border:1px dotted #00933B;
	font-size:20px;
	padding:2px;
}
.menu
{	
	margin-left:0px;
	display:block;


}
.menu ul
{
 	height:64px;
 	padding-left:7px;
	
}
.menu ul li
{   	
    	display:inline;
    	/*margin-right:0px;*/
    	background-color:#787878;
    	
}
.menu ul li a
{
    	float: left;
    	width: 140px;
    	border: 1px dotted #F2B50F;
		padding: 15px 7px;
    	text-decoration:none;
    	background-color: white;
    	font-size:16.4px;
    	text-align: center;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.menu ul li a:hover, #menu ul li a:focus
{
    	text-decoration:none;
    	font-size:16px;
    	background-color:#F2B50F;
}

.menu ul li a:active
{
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background-color:#F2B50F; 
}

table
{
	border-collapse:colapse;
	border:2px dotted #00933B;
	text-align:center;
	color:white;
	width:70%;
	margin:auto;
	background-color:white;
	margin-top:25px;
}
th
{
	height:10px;
	text-align:center;
	color: #00933B;
	font-style:bold;
	font-size:25px;
}
td
{
	font-family:myFirstFont;
	font-size:22px;
	color:white;
	height:15px;
	text-align:center;
}
#link1 a
{
	color:#0266C8;
}	
#link2 a
{
	color:#F90101;
}
#copyright
{
	color:#00933B;
}