/*
		HTML and Body
	----------------------------------------------------------------------*/

	html {
		background: url('/img/design/html.png') center top repeat;
	}

		body {
			text-align: center;
		}

			.wrapper {
				background: url('/img/design/wrapper.png') center top repeat-y;
				margin:     0 auto;
				text-align: left;
				width:      900px;
			}



	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		background: url('/img/design/header.png') center top no-repeat;
		height:     140px;
	}

		#header p.logo {
			display: inline;
			float:   left;
			margin:  41px 0 0 167px;
		}

			#header p.logo a {
				background:  url('/img/design/logo.png') center center no-repeat;
				display:     block;
				height:      62px;
				width:       447px;
				text-indent: -10000px;
			}

		#header p.opening_hours {
			background:  url('/img/design/opening_hours.png') center top no-repeat;
			color:       #0549cb;
			display:     inline;
			float:       right;
			font-size:   1.6em;
			font-weight: bold;
			line-height: 1.2;
			padding-top: 28px;
			margin:      53px 77px 0 0;
			text-align:  center;
			width:       135px;
		}

		#header p.phone_number {
			clear:       left;
			color:       #0549cb;
			display:     inline;
			float:       left;
			font-size:   2.4em;
			font-weight: bold;
			line-height: 18px;
			margin:      0 0 0 199px;
            width:       300px;
		}

			#header p.phone_number span {
				background:  url('/img/design/phone_number.png') center center no-repeat;
				display:     inline;
				float:       left;
				height:      18px;
				margin:      0 5px 0 0;
				text-indent: -10000px;
				width:       30px;
			}



	/*
		Page Layout
	----------------------------------------------------------------------*/

	#page {
		background: url('/img/design/page.png') top center repeat-x;
		margin:     0 auto;
		padding:    30px 17px;
		width:      820px;
	}

		#content {
			display: inline;
			float:   right;
			width:   610px;
		}

		#sidebar {
			display: inline;
			float:   left;
			width:   190px;
		}



	/*
		Page Elements
	----------------------------------------------------------------------*/

	div.alert {
		background:    10px 11px no-repeat;
		border:        1px solid;
		-moz-border-radius:    5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		clear:         both;
		color:         #525252;
		margin:        0 auto 20px;
		padding:       10px 10px 10px 20px;
	}

		div.done    { background-color: #e9fad0; background-image: url('/img/icons/tick.png');  border-color: #aee756; }
		div.error   { background-color: #ffe3df; background-image: url('/img/icons/cross.png'); border-color: #f08a73; }
		div.warning { background-color: #ffefb5; background-image: url('/img/icons/error.png'); border-color: #ffca0b; }

		.alert h2 {
			font-size:   1.6em;
			font-weight: bold;
			line-height: 1.1;
			margin:      0 0 .7em;
		}

		.alert p {
			margin-bottom: .5em;
		}

		.alert ul {
			margin:  0;
			padding: 0;
		}



	div.announcements {
		background: #f0669d;
		border:     1px solid #fff;
		color:       #fff;
		font-weight: bold;
		margin:      0 0 20px;
		padding:     10px 10px 0 10px;
	}

		.announcements p.title {
			color:       #750040;
			font-family: ChalkboardBold, sans-serif;
			font-size:   1.4em;
			margin:      0 0 .25em;
		}

		.announcements ul {
			margin: 0;
		}

			.announcements ul li {
				list-style: none;
				margin:     0;
			}



	div.assoc_docs {
		background:    #ecf5d5;
		border:        1px solid #c8e081;
		-moz-border-radius:    10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin:        20px 0 30px;
		padding:       10px;
	}

		.assoc_docs a {
			color: #549f1b;
		}

		.assoc_docs dl {
			margin: 0;
		}

			.assoc_docs dt {
				background-position: left 2px;
				background-repeat:   no-repeat;
				display:             block;
				float:               none;
				font-weight:         normal;
				margin:              .35em 0 0;
				padding:             0 0 0 24px;
			}

				.assoc_docs dt.doc  { background-image: url('/img/icons/doc.png');      }
				.assoc_docs dt.jpg  { background-image: url('/img/icons/jpg.png');      }
				.assoc_docs dt.link { background-image: url('/img/icons/world_go.png'); }
				.assoc_docs dt.pdf  { background-image: url('/img/icons/pdf.png');      }
				.assoc_docs dt.ppt  { background-image: url('/img/icons/ppt.png');      }
				.assoc_docs dt.xls  { background-image: url('/img/icons/xls.png');      }

				.assoc_docs dt span {
					color:     #777;
					font-size: .9em;
				}

			.assoc_docs dd {
				color:        #444;
				font-size:    .9em;
				margin:       0 0 1em;
				padding-left: 24px;
				text-indent:  0;
			}

		.assoc_docs h4 {
			color:       #3e8e0c;
			font-weight: bold;
		}



	div.content_image {
		margin: 0 0 20px;
        width:  262px;
	}

		div.image_left {
			display: inline;
			float:   left;
			margin:  0 10px 10px 0;
		}

		div.image_right {
			display: inline;
			float:   right;
			margin:  0 0 10px 10px;
		}

		.content_image img {
			border:  1px solid #fff;
			display: block;
		}



	div.home_boxes {}

		.home_boxes div {
			position: relative;
		}

		.home_boxes a {
			color:           #0549cb;
			text-decoration: none;
		}

			.home_boxes a:hover,
			.home_boxes li:hover h2 a {
				text-decoration: underline;
			}

		.home_boxes h2 {
			color:       #0549cb;
			font-family: ChalkboardBold, sans-serif;
			font-size:   1.2em;
			margin:      0 0 .25em;
		}

		.home_boxes img {
			border:  1px solid #fff;
			display: block;
		}

		.home_boxes ul {
			margin: 0 0 0 -20px;
		}

			.home_boxes li {
				background:     #2fbefa;
				border:         1px solid #fff;
				cursor:         pointer;
				display:        -moz-inline-stack;
				display:        inline-block;
				*display:       inline;
				margin:         0 0 20px 20px;
				min-height:     150px;
				padding:        4px 9px 9px;
				vertical-align: top;
				width:          170px;
			}



	div.home_slideshow {
		display: inline;
		float:   right;
		height:  220px;
		margin:  0 0 10px 10px;
		width:   260px;
	}

		.home_slideshow a {
			background:  url('/img/design/slideshow_elements.png');
			display:     block;
			text-indent: -10000px;
		}

		.home_slideshow p {
			display: inline;
			float:   left;
			margin:  10px 0 0;
		}

			.home_slideshow p a {
				height: 20px;
				width:  20px;
			}

				.home_slideshow p.prev a { background-position: left  top; }
				.home_slideshow p.next a { background-position: right top; }

					.home_slideshow p.prev a:hover { background-position: left  -20px; }
					.home_slideshow p.next a:hover { background-position: right -20px; }

			.home_slideshow ul.slide_nav {
				display: inline;
				float:   left;
				height:  10px;
				margin:  15px 0 0;
			}

				.home_slideshow ul.slide_nav li {
					display: inline;
					float:   left;
					height:  10px;
					margin:  0 2px;
					width:   10px;
				}

					.home_slideshow ul.slide_nav li a {
						background-position: left -40px;
						height:              10px;
						width:               10px;
					}

						.home_slideshow ul.slide_nav li a:hover,
						.home_slideshow ul.slide_nav li a.activeSlide {
							background-position: -10px -40px;
						}



	div.intro {
		background:  #287edc;
		border:      1px solid #fff;
		color:       #fff;
		font-weight: bold;
		margin:      0 0 20px;
		padding:     10px 10px 0 10px;
	}

		.intro h1 {
			color:       #fff;
			font-family: ChalkboardBold, sans-serif;
		}



	dl.contact_details {
		font-size: 1.6em;
		margin:    0 0 .5em;
	}

		.contact_details a {}

		.contact_details dt {
			clear:   both;
			display: inline;
			float:   left;
			margin:  0;
			width:   4em;
		}

		.contact_details dd {
			display: inline;
			float:   left;
			width:   30em;
		}



	form.contact_form {
		background:    #ecf5d5;
		border:        1px solid #c8e081;
		-moz-border-radius:    5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding:       9px;
	}

		.contact_form button {
			font-size: 1.4em;
		}

		.contact_form fieldset {}

		.contact_form input {
			width: 280px;
		}

		.contact_form label {
			display:       block;
			margin-bottom: 1px;
			text-indent:   4px;
		}

		.contact_form legend {
			color:          #009A8A;
			font-size:      1.5em;
			font-weight:    bold;
			margin-bottom:  .5em;
			text-transform: none;
		}

		.contact_form p {
			clear: both;
		}

		.contact_form textarea {
			height: 150px;
			width:  582px;
		}



	ul.gallery_thumbs {
		margin: 0 5px;
	}

		.gallery_thumbs a {
			background: #fff;
			border:     1px solid #ccc;
			display:    block;
			padding:    4px;
		}

			.gallery_thumbs a:hover {
				border-color: #287edc;
			}

		.gallery_thumbs li {
			display:    inline;
			float:      left;
			height:     130px;
			list-style: none;
			margin:     0 10px 20px;
			width:      130px;
		}

			.gallery_thumbs img {
				display: block;
			}



	ul.navigation {
		background: #7ebe38;
		margin:     0;
	}

		.navigation li {
			border-bottom: 1px solid #bfdf9c;
			font-size:     1.6em;
			list-style:    none;
			margin:        0;
		}

			.navigation li a {
				color:           #0f4f01;
				display:         block;
				font-weight:     normal;
				text-decoration: none;
				padding:         5px 10px;
			}

				.navigation li a:hover {
					background:  #549f1b;
					color:       #fff;
				}

			.navigation li.active,
			.navigation li:hover {
				border-color: #266e06;
			}

				.navigation li.active a {
					background:  #3e8e0c;
					color:       #fff;
					font-weight: bold;
				}

			.navigation li.active ul {
				background: #549f1b;
				border-top: 1px solid #266e06;
				padding:    5px 10px;
			}

				.navigation li.active ul li {
					border:      0;
					color:       #0f4f01;
					list-style:  disc;
					font-size:   .85em;
					margin:      3px .5em 3px 1em;
				}

					.navigation li.active ul li a {
						color:       #0f4f01;
						background:  none;
						display:     inline;
						font-weight: normal;
						padding:     0;
					}

						.navigation li.active ul li a:hover {
							text-decoration: underline;
						}

				.navigation li.active ul li.active {
					color: #fff;
				}

					.navigation li.active ul li.active a {
						color:       #fff;
						font-weight: bold;
					}

	ul.slideshow {
		border: 1px solid #fff;
		height: 188px;
		margin: 0;
		width:  258px;
	}

		.slideshow img {
			display: block;
		}

		.slideshow li {
			list-style: none;
			margin:     0;
		}



	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
		background:  url('/img/design/footer.png') center top no-repeat;
		color:       #0f4f01;
		height:      90px;
		margin:      0 auto;
		padding-top: 30px;
		width:       900px;
	}

		#footer a {
			color:           #0f4f01;
            font-weight:     normal;
			text-decoration: none;
		}

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

		#footer p {
			margin:     0;
			text-align: center;
		}

			#footer p.footer_nav {
				margin: .5em 0;
			}

				#footer p.footer_nav a {
					color: #fff;
				}



	/*
		Designition Link
	----------------------------------------------------------------------*/

	p.designition {
		font-size:    1.2em;
		line-height:  1;
		margin:       .5em auto;
		text-align:   center;
		padding-left: 20px;
	}

		.designition a {
			background:      url('/img/icons/designition.png') right center no-repeat;
			color:           #0f4f01;
			padding-right:   20px;
			text-decoration: none;
		}

			.designition a:hover {
				text-decoration: underline;
			}