body {
	background: #54311B url(images/bg-top.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
	font-family: Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif;
}
a img {
    border: 0;
    outline: 0;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#main {
	background-color: #FFFFFF;
	padding-top:30px
}
#content h1, #side-bar h1, #side-nav h1 {
	color: #53301A;
	font-size: 14px;
	padding-bottom:0;
	margin-bottom:3px;
	text-transform: uppercase;
}
#content h1, #side-bar h1 {
    padding-left: 10px;  
}
#content a, #side-bar a, #side-nav a {
	color: #008AB0;
}

.break {
	clear: both;
}
#donate {
	margin-left:20px;
	margin-top:50px
}
#donate a {
	text-decoration:none;
	color: #53301A;
}
#donate img {
	vertical-align:middle;
	margin-right:10px
}
#donate h1 {
	margin-bottom:0;
}
#donate p {
	margin-top:0;
	padding-top:0;
	margin-left:30px
}
.border {
    border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #54311B;
	padding-bottom:20px
}
#side-bar .border {
	margin-right:10px
}
#footer p {
	font-family: Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#wrapper {
	width: 800px;
}
#side-bar h3 {
	color: #0099cc;
	font-size: 14px;
	font-weight: normal;
	margin-top:25px
}
#side-bar h4 {
	font-size: 12px;
	color: #53301A;
	font-weight: normal;
}
.float-left {
	float: left;
	position:relative;
}
#header {
	height: 218px;
	background: url(images/header-bg.gif) no-repeat 180px 67px;
}
#navigation {
	float: right;
	width: 600px;
	margin-top:25px;
	position:relative;
}
#navigation li {
	float:left;
	position:relative;
	list-style-type:none
}
#navigation li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	width:100px;
	padding:4px 0;
	text-align:center;
	font-weight:bold;
	margin:0 5px 0 5px
}
#navigation li a.current, #navigation li a:hover {
    text-decoration: underline;
} 
#navigation li ul {
	position:absolute;
	height:auto;
	display:none;
	background:#FFFFFF url(images/navigation-bg.jpg) repeat-x 0 bottom;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px 0 10px 0;
	margin-left:5px;
	
}
#navigation li ul li {
	border-bottom:1px dotted #53301A;
	padding:4px 0
}
#navigation li ul li.hide {
	border-bottom:0
}
#navigation li ul li a {
	color:#53301A;
	text-align:left;
	margin-left:10px;
	width:170px
}
#navigation li ul li a:hover {
color: #008AB0;
}
#navigation li:hover ul,#navigation li.msieFix ul {display:block;z-index:10;top:21px !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */

#header img {
	margin-top: 36px;
	margin-left: 48px;
}
#side-nav h2 {
	font-size: 14px;
	color: #53301A;
	margin-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-transform:uppercase
}
#side-nav {
	float: left;
	width: 175px;
	position:relative;
}
#side-nav ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #54311B;
	padding: 4px 0 4px 0;
}
#side-nav ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
	border-top: 1px dotted #54311B;
}
#side-nav ul li a {
	font-size: 13px;
	color: #54311B;
	text-decoration: none;
	margin-left: 10px;
}
#content {
	float: left;
	width: 365px;
	margin-left: 20px;
	position:relative;
}
#side-bar {
	float: right;
	width: 207px;
	position:relative;
}

#main {
	margin-right:12px
}
#content h3 {
	font-size: 13px;
	color: #008AB0;
	padding-top:10px
}
#content p, #content ol li, #side-nav p {
	font-size: 13px;
	color: #54311B;
	margin-right:15px
}
#content ul li {
	font-size: 13px;
	color: #54311B;
	list-style-type: none;
	margin-bottom: 3px;
}
#content ul.normal li {
	list-style-type: disc;
}
#parenting,#parenting-now,#girls,#puzzle, #woman, #clouds, #peace, #boys, #floatation, #dragon, #maze, #seperate, #overlap, #marriage,#calendar {
	padding-left: 60px;
	padding-right: 10px;
}
#side-bar p {
	font-size: 13px;
	color: #54311B;
	padding-right:4px
}
#content ul li.price {
	list-style-image: url(images/price.gif);
	list-style-position: outside;
}
#content ul li.date {
	list-style-position: outside;
	list-style-image: url(images/date.gif);
}
#puzzle {
	background: url(images/puzzle.gif) no-repeat 0 0
} 
#woman {
	background: url(images/woman.gif) no-repeat 0 0
} 
#clouds{
	background: url(images/clouds.gif) no-repeat 0 0
} 
#peace{
	background: url(images/peace.gif) no-repeat 15px 0
} 

#floatation{
	background: url(images/float.gif) no-repeat 0 0
} 
#dragon{
	background: url(images/dragon.gif) no-repeat 0 0
} 
#maze{
	background: url(images/maze.gif) no-repeat 0 0
} 
 
#overlap {
	background: url(images/overlap.gif) no-repeat 0 0
} 
#boys {
	background: url(images/raising-boys.gif) no-repeat 0 0
}
#girls {
	background: url(images/raising-girls.gif) no-repeat 0 0
}
#parenting {
	background: url(images/parenting.gif) no-repeat 0 0
}
#parenting-now {
	background: url(images/parenting-now.gif) no-repeat 0 0
}
#seperate {
	background: url(images/when-parents.gif) no-repeat 0 0

}
#calendar {
	background: url(images/calendar.gif) no-repeat 0 0

}
#marriage {
	background: url(images/marriage.gif) no-repeat 0 0

}#content h4 {
	color: #54311B;
}
h3 a {
	font-size: 12px;
}
#content .event {
    padding: 20px;
    width: 305px; 
}
#side-bar .event, #side-bar .eventSmall {
    padding: 10px;
    padding-top: 20px;
    width: 167px;
}
.event, .eventSmall {
    margin-bottom: 10px;
}
.event.border, .eventSmall.border {
    border-bottom: 1px dotted #a99789;
}
.eventSmall h3 {
    font-size: 12px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    font-weight: bold !important;    
}
.event h3 {
    font-size: 15px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    font-weight: bold !important;
}
.event h4, .event p {
    font-weight: normal;
    font-size: 14px !important;
}
.event strong, .event table {
    font-size: 13px;    
}
.bulletLink {
    margin-top: 20px;
}
.bulletLink a {
    position: relative;
    top: -7px;
    left: 10px;
    color: #54301a !important;
}
#side-bar .bulletLink a {
    font-size: 13px;
}