* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
margin: 0;
padding: 0;
}

body {
background-color: #d3e2c6;

font: small Verdana, Helvetica, Arial, sans-serif;
color: #5b5b5b;
padding: 0;
}

h1 {
font-size: 220%;
margin: 0;
padding: 0;
}

h2 {
font-size: 150%;
letter-spacing: 1px;
color: #684f99;
margin: 0 0 0.5em 0;
}
      
h3 {
font-size: 110%;
color: #684f99;
margin: 0;
}

h4 {
font-size: 90%;
color: #684f99;
margin: 0 0 10px 0;
line-height: 1.5em;
}
 
h5 {
font-size: 90%;
color: #684f99;
margin: 1em 0 0 0;
}
         
a {
color: #337810;
}

p {
margin: 0 0 1em;
font-size: 90%;
line-height: 1.5em;

}

em {
color: #000;
}

.clear {
clear: both;
margin-top: 10px;
}

#container {
width: 760px;
background-color: #fff;
margin: 0 auto;
background-image: url(images/paw320x320popac4.gif);
background-position: -20% 90%;
background-repeat: no-repeat;
-moz-box-shadow: 0 2px 5px #888;
-webkit-box-shadow: 0 2px 5px #888;
box-shadow: 0 2px 5px #888;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
		
		/* Header */
#header	{
width: 720px;
height:130px;
padding: 10px 20px 15px 20px;
background: url(images/header-repeat.jpg) repeat-x;
text-align: left;
border-bottom: #8867a7 solid 5px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}


/*#header h1 {
text-align: right;
font-size: 100%;
margin-top: 2.5em;
color: #000;
}
*/
#header h3 {
text-align: right;
font-size: 110%;
margin-top: 2.2em;
color: #684f99;
}

#header p {
text-align: right;
font-size: 90%;
margin-top: 0;
line-height: 1.5em;
color: #684f99;
}

#header h1#logo 	{ float:left; margin: 10px 0 0 0; }
#header h1#logo a 	{ 
	background: url(images/logo-new.jpg); 
	display: block; 
	width: 405px; 
	height: 120px; 
	overflow: hidden; 
	text-indent: -9999px; 
}

#header a {
color: #684f99;
text-decoration: none;
}

#header a:hover { text-decoration: underline; }

p.topline {
color: #ffffff;
font-weight: bold;
margin: 0;
padding: 0;
}

/*#headerbottom {
color: white;
padding: 6px 8px 10px 8px;
margin: 0px 0px 0px 0px;
background: #9e5ab0;
border-bottom: 6px solid orange;
}

#headerbottom h3 {
color: white;
}

#headerbottom ul {
margin: 0 20px 0 0;
padding: 0;
text-align: right;
}

#headerbottom li {
display: inline;
background: transparent;
}

#headerbottom a:link, #headerbottom a:visited {
font-size: 85%;
background: transparent;
color: #ffffff;
padding-top: 2px;
}

#headerbottom a:hover {
color: #ececec;
}

#tagline {
background: transparent;
color: #ffffff;
padding: 0;
margin: 0 0 0 20px;
font-style: italic;
font-weight: bold;
width: 400px;
float: left;
display: inline;
}*/

#wrapper {
padding-top: 10px;
}

#navigation	{
background-color: transparent;
float: left;
width: 175px;
display: inline;
margin: 0 0 0 30px;
}

#navigation p {
font-size: 75%;
}

#navigation ul {
margin-top: 0;
margin-left: 0;
padding-left: 0;
}

#navigation li {
list-style-type: none;
border-bottom: 1px solid #ececec;
line-height: 1.1em;
text-decoration: none;
font-size: 90%;
margin: 0;
padding: 0;
}

#navigation a {
display: block;
margin: 0;
padding: 0.4em 0 0.4em 1em;
background-color: transparent;
color: #9e5ab0;
text-decoration: none;
}

#navigation a:hover {
color: #ccc;
padding-left: 1em;
}

#home #navigation .home a,
#training #navigation .training a,
#activities #navigation .activities a,
#communevents #navigation .communevents a,
#swimmingpool #navigation .swimmingpool a,
#aboutus #navigation .aboutus a,
#rateshours #navigation .rateshours a,
#directions #navigation .directions a,
#events #navigation .events a,
#enroll #navigation .enroll a,
#contact #navigation .contact a  {
background-position: right bottom;
background-color: #684f99;
border-bottom: 2px solid #684f99;
color: #FFF;
cursor: default;
font-weight: bold;
}

#navigation h3 {
clear: both;
line-height: 1.8em;
margin-top: 30px;
margin-bottom: 0;
}

#navigation h4 {
color: #94893c;
}

#navigation h5 {
clear: both;
font-size: 100%;
color: #800000;
margin-top: 10px;
margin-bottom: 0;
}

.topborder {
padding-top: 0.5em;
border-top: 2px solid gray;
}
        
.small	{ font-size: 75%; }

#content {
float: right;
display: inline;
width: 495px;
margin-right: 25px;
margin-bottom: 18px;
padding: 0px 0 0 20px;

}

#content ol {
margin: 0 0 0 25px;
padding: 0;
}

#content ul {
margin: 5px 0 10px 20px;
padding: 0;
}

#content li {
font-size: 90%;
line-height: 1.5em;
padding-bottom: 0.4em;
list-style-image:url(images/pawprint.jpg);
}

.photobox {
margin: 0 0 15px 0;
padding: 15px 0 10px 15px;
background-color: #efebf1;
overflow: hidden;
/*width: 385px;*/
}

.photobox img {
border: 2px solid #684f99;
padding: 4px;
margin-right: 6px;
 }
 
.prettybox {
margin: 10px 0 10px 0;
padding: 10px 5px 5px 15px;
border: 2px solid #8867a7;
background-color: #efebf1;
overflow: hidden;
}

.prettybox img {
border: 1px solid #ccc;
padding: 0;
 }

.notop {
margin-top: 0;
padding-top: 0;
}

.nobottom {
margin-bottom: 0;
padding-bottom: 0;
}

.borderbottom {
padding-bottom: 1em;
border-bottom: 2px solid #684f99;
}

.bordertop {
padding-top: 0.5em;
border-top: 2px solid #684f99;
}

img {
float: left;
display: inline;
margin: 0 15px 5px 0;
border: 2px solid #684f99;
padding: 4px;
 }
 
.floatright {
float: right;
margin-left: 15px;
display: inline;
}
 
.sidebox {
margin: 0px 0 20px 0;
padding: 0.5em 0.5em 2em 0.5em;
text-align: center;
border: 2px solid #9e5ab0;
background-color: #e7fde1;
background-image: url(images/pdficon_small.gif);
background-repeat: no-repeat;
background-position: 50% 85%;
}

.sidebox p {
color: green;
margin: 0;
padding: 0.5em 0 2em 0;
text-align: center;
 }

#extra	{
float: left;
clear: left;
width: 175px;
display: inline;
margin: 0 0 10px 25px;
padding: 0 0 1em 10px;
}

#extra h3 {
font-size: 100%;
color: #8aac6e;
margin-top: 0;
padding: 0 1em 0 0;
}

#extra h4 {
color: #8aac6e;
}

#extra p {
font-size: 80%;
padding: 0;
}

table {
border-collapse: collapse;
border: none;
margin: 0 0 10px 0;
border-right: 1px dotted gray;
bborder-bottom: 1px dotted gray;
border-left: 1px dotted gray;
}
 
caption {
color: #fff;
background-color: #684f99;
font-size: 140%;
font-weight: bold;
margin: 0 0 0 0;
padding: 0.2em 0 0.3em 0.5em;
text-align: center;
}
 
th, td {
padding: 0.4em 0.6em;
text-align: left;
vertical-align: top;
font-size: 85%;
border: 1px dotted gray;
}

.altrow {
background-color: #eff0ff;
}
	/* Footer */

#footer	{
background: #684f99;
padding: 0.2em;
clear: both;
text-align: center;
border-top: 7px solid #684f99;

-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-top-bottom-radius: 10px;
border-top-bottom-radius: 10px;
}

		#footer a		{ color: #eee;}
		#footer	p		{ color: #ccc; margin: 0; padding: 0.5em 18px 10px; font-size:12px; }
		#footer ul		{ list-style: none; margin: 0 18px 0; padding: 0; }
		#footer li		{ display: inline; font-size: 70%; font-weight: bold; padding-top: 0; padding-right: 5px;}