#header p a{ margin: 0 10px ; font-size: 100% ; text-decoration: none ; border-bottom: 1px dotted ; }
#header p a:hover { border-bottom: 0 ; }

#title{ font-size: 200% ;  border-bottom: 1px solid #ccc ; font-style: normal; font-weight: bold; text-transform: normal; padding: 30px 0 10px 0 ;}
#title small{ font-size: 40% ; color: #999 ; }

/* color */
a{ color: #DC0167 ; font-weight: bold ;  }

/* types */
.bold-title{ font-size: 120% ; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 24px ; }

/* page content */
#page h2{ font-size: 110% ; }
#page h2 small{ display: block ; font-size: 70% ; color: #666 ; }
#page small.pt{ font-size: 70% ; color: #666 ; }
#page p{ font-size: 80% ; font-style: normal; text-transform: normal; letter-spacing: normal; line-height: 20px ; padding: 10px 0 ; }
#page ul{font-size: 80% ; font-style: normal; text-transform: normal; letter-spacing: normal; line-height: 20px ; padding: 10px 0 10px 20px ; list-style: disc ;}

/* comments */
h3#comments{ font-size: 100% ; margin-top: 30px ; }
#respond{ margin-top: 30px ; }
#respond h3{ font-size: 100% ; }

/* boxes */
.box a { text-decoration: none ; border-bottom: 1px dotted ; }
.box a:hover { border-bottom: 0 ; }
.box ul { list-style: none ; font-size: 90% ; }
.box ul li{ color: #666 ; }
.box ul li a{ line-height: 22px ; text-decoration: none ; border-bottom: 1px dotted ; }
.box ul li a:hover { border-bottom: 0 ; }

/* footer links */
#footer-links a { text-decoration: none ; border-bottom: 1px dotted ; font-size: 80% ; }
#footer-links a:hover { border-bottom: 0 ; }

/* sub footer links 
#sub-footer-links{ text-align: right ; }*/
#sub-footer-links p{ font-size: 80% ; }
#sub-footer-links a { text-decoration: none ; border-bottom: 1px dotted ; }
#sub-footer-links a:hover { border-bottom: 0 ; }
#sub-footer-links p.left{ width: 33% ; float: left ; }
#sub-footer-links p.centre{ width: 33% ; float: left ; text-align: center ; }
#sub-footer-links p.right{ width: 33% ; float: left ; text-align: right; }



/* sidebar */
#sidebar ul{ list-style: none ; font-size: 90% ; margin-bottom: 20px ;}
#sidebar ul li a{ line-height: 22px ; text-decoration: none ; border-bottom: 1px dotted ; }
#sidebar ul li a:hover { border-bottom: 0 ; }
#sidebar h2{ font-size: 110% ; }

.navigation{ overflow: hidden ; margin-bottom: 10px ; font-size: 80% ; }
.navigation .alignleft{ float: left ; }
.navigation .alignright{ float: right ; }

.wpcf7-form input{ padding: 5px ; width: 550px; }
.wpcf7-form textarea{ padding: 5px ; width: 550px; }
.wpcf7-form #submit-contact{ width: 100px ; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#events-calendar{ margin-bottom: 20px ; font-size: 80% ; }
#tel{ text-align: right ; position: absolute ; top: 50px ; width: 850px; font-weight: bold ; color: #DC0167 ; padding-right: 10px ; font-size: 140% ; }
/* misc */
.clearer{ clear: both ; }