body {
	background: #12428E; font-family: Arial, Helvetica, sans-serif; font-size: 100%;
}

.container { width: 960px; font-size: 0.8em; margin: 10px auto 10px auto; }
#page { background: #FFFFFF; }

#header {
	background: #8784C4 url("../img/header.jpg"); padding: 12px 15px;
	border-bottom: 3px solid #73655A; height: 92px;
}

#logo { display: block; float: left; }

#strapline {
	font-family: Georgia, Times New Roman, serif; font-size: 1.9em; font-style: italic;
	color: #62564D; letter-spacing: 0.15em; display: inline; float: left;
	margin: 46px 0 0 0; width: 514px; text-align: center;
}

#contact-details {
	margin: 0; padding: 0; list-style-type: none; color: #00185E;
	font-weight: bold; width: 200px; display: inline; position: relative; top: 25px;
}

#contact-details li { text-align: right; margin-bottom: 0; }
#contact-details .detail { font-weight: bold; }
#contact-details a { color: #00185E; text-decoration: none; }
#contact-details a:hover { text-decoration: underline; }

#menu {
	display: inline; float: left; width: 157px; margin: 12px 8px 9px 12px; text-transform: uppercase; ;
}

#menu ol {
	display: block; margin: 0; padding: 0; list-style-type: none; font-size: 0.9em;
	letter-spacing: -0.04em;
}
#menu li { display: inline; float: left; width: 157px; clear: both; margin-bottom: 6px; }
#menu a {
	display: block; padding: 2px 2px 2px 7px; background: #BFC5D7; color: #01185E;
	text-decoration: none;
}

#menu a:hover { color: #000000; }
#menu .selected a { background: #B9B2AC; }

#msa-logo { clear: both; display: block; text-align: center; margin: 1em auto 0 auto; }
#passplus-logo { clear: both; display: block; text-align: center; margin: 1em auto 0 auto; }
#menu a#facebook-button {
	clear: both; display: block; text-align: center; margin: 1em auto 1em auto;
	padding: 0; width: 144px; height: 44px;
}
#facebook-button img { border-width: 0; }

#main-content { width: 530px; float: left; margin: 12px 18px 12px 0; }
h1 {
	font-size: 1.25em; text-transform: uppercase; color: #01185E; letter-spacing: 0; margin: 0 0 0.5em 0;
	line-height: 24px;
}

h2 {
	font-size: 1em; text-transform: uppercase; color: #01185E; letter-spacing: 0;
	margin: 1em 0 0.25em 0; line-height: 20px;
}

img, div { behavior: url("/media/iepngfix/iepngfix.htc"); }

a { color: #01185E; }
a img { border-width: 0; }
p { margin: 0.5em 0 0.5em 0; line-height: 18px; }
ul, ol { margin: 0.5em 0 0.5em 2em; padding: 0; }
li { margin-bottom: 0.5em; }

img.dropin { display: block; float: left; margin-right: 0.5em; }
.page-content.home img.dropin { width: 275px; margin-right: 0; }

img.footer-logo { display: block; margin: 0 auto 0 auto; }

.page-content.home ul {
	display: block; float: left; width: 229px; margin-top: 0; margin-left: 0.75em;
	list-style-type: none;
}

.page-content.home li {
	padding-left: 1.25em; background: url("../img/tick.jpg") no-repeat;
}

table { width: 100%; }
td { font-size: 1em; vertical-align: top; border-bottom: 1px solid #CCCCCC; }
td.price { width: 200px; }
td p { margin-top: 0; }
td p + p { margin-top: 0.25em; }

#sidebar { width: 220px; float: left; }
#lessons-from {
	padding: 8px; background: #01185E; color: #FFFFFF; width: 204px; height: 42px;
	margin: 12px 0 1em 0; font-size: 1.05em;
}

#lessons-from img { display: block; float: left; width: 44px; margin-right: 5px; }
#lessons-from p { display: block; float: left; width: 155px; margin: 0.3em 0 0 0; }

#random-testimonial {
	background: #CFD4E1 url("../img/quote-open.jpg") no-repeat;
	border-top: 3px solid #01185E; font-size: 0.85em;
}

#random-testimonial p {
	background: url("../img/quote-closed.jpg") no-repeat bottom right;
	margin: 0; padding: 10px; text-indent: 1.25em; display: block;
}

.testimonial-cite { text-align: right; color: #666666; margin: 0.25em 0 1em 0; }
.testimonial-cite cite { font-style: normal; }

#recent-offer {
	background: #CEC9C5; padding: 10px; border-top: 3px solid #766559; margin-bottom: 1em;
}

#recent-offer h2 { margin-top: 0; }
#recent-offer p.offer-name { font-weight: bold; }
#recent-offer p.offer-description { font-size: 0.9em; color: #333333; }

#recent-post { background: #F4F4F4; padding: 10px; border-top: 3px solid #999999; }
#recent-post h2 { margin-top: 0; }
#recent-post a { color: #4B4948; text-decoration: none; }
.post-cite { text-align: right; }
.post-cite a { color: #666666; }

#footer { font-size: 0.8em; color: #89A1C7; }
#footer a, #footer strong { color: #C4D0E3; }
p.credits { margin-top: 0; }
p.suburbs-header { display: inline; color: #4D71AA; font-size: 0.9em; }
ul.suburbs-list { display: inline; margin-left: 0.3em; padding: 0; color: #4D71AA; }
.suburbs-list li { display: inline; list-style-type: none; font-size: 0.9em; }