body {background: #BB99DD url(../img/bg.jpg) repeat-x; font: 85%/1.3em arial, helvetica, sans-serif;}
p {margin: 0 0 1em 0;}

.container {width: 900px; margin: 0 auto; position: relative;}
.container2 {clear: both; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCFF; padding: 10px;}
.content {float: left; width: 650px; margin-left: 20px; margin-bottom: 2em;} 

.nav {float: left; width: 190px; margin-top: -145px; margin-bottom: 2em;}
.nav ul {font-size: 1.05em; font-weight: bold; list-style: none outside none; margin: 10px 0 0; padding: 0;}
.nav ul li {margin-bottom: 10px;}
.nav ul li a, .nav ul li span {border: 1px dotted #666; display: block; padding: 3px 8px 3px 30px; text-decoration: none; color: #000; background: #b7ddec url(http://pettagcreations.com/img/spiral2.png) 1px 1px no-repeat;}
.nav ul li span {background-color: #eee;}
.nav ul li a:hover {background-color: #d8edf5;}

.header {height: 130px; padding-left: 220px;}

h1 {font: italic 3em georgia, times, serif; padding: 0; margin: 0;}
.tagline {margin-left: 50px; font: bold 1.1em georgia, times, serif;}
.footer {text-align: center; clear: both; border-top: 1px solid #ccc; color: #999; font-size: 0.75em; padding: 5px 0;}
h2 {font: 2em georgia, times, serif; margin: 0 0 0.7em 0; background: #edf; padding: 5px; border: 1px solid #c9c;}
h3 {font: bold 1.3em georgia, times, serif; margin: 0 0 0.7em 0;}

.event {border-top: 1px dotted #c9c; margin: 1em 0 0 0; padding: 1em 0 0 0;}
.event h3 {margin: 0 0 5px 0; font-size: 1.25em;}
.event .date {margin: 0 0 5px 0; font-style: italic;}
.event .address {margin: 0 0 5px 0;}
.event .desc {margin: 0 0 5px 0;}

ul.items {list-style: none; margin: 0; padding: 0;}
ul.items li {margin: 0 10px 10px 0; padding: 5px; width: 175px; float: left; border: 1px solid #ccc; min-height: 175px;}
ul.items li a img {border: none; max-height: 150px;}
ul.items li div.img {text-align: center;}

ul.faq {margin:0 0 0 1.3em; padding:0;}
ul.faq li {margin:0 0 1em 0;}

.text-list li {list-style-type: none; background: url(../img/ying-yang.png) left top no-repeat; padding: 0px 30px 30px 30px;}

div.links {background-color:#edf; border:1px dotted #666; padding:0 12px; margin-top:20px;}
div.links a {text-decoration:none; color:#000; font-weight:bold;}
div.links a img {float:left; margin-right:3px;}
div.links h4 {border-bottom:1px dashed black; font-size: 1.3em; margin:0 0 9px; padding:7px 0;}

.imgOrder {width: 300px; float: left; margin-right: 20px;}
.txtOrder {width: 260px; float: left; background: #eee; border: 1px solid #ccc; padding: 5px;}
.txtOrder form table {margin-bottom: 1em;}
.txtOrder h3 {margin: 0 0 1em 0; border-bottom: 2px dotted #ccc; padding-bottom: 5px;}