/* Elements */

body {
	margin: 0;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
	background: url(images/bg_lines.gif) left top;
}

a {
	font-weight: bold;
	color: #9B1313;
	text-decoration: none;
}

.staff_nav {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.staff_nav:hover {
	text-decoration: underline;
}

.prev_next_btns {
	color:#FFF;
	font-size:18px;
	font-weight:100;
}

a:hover {
	text-decoration: underline;
	color:#7f7f7f;
}

img {
	border: none;
}

.staff {
	border: solid 2px #666666; font-size: 18px; color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 6px 0;
}

form {padding:0; margin:0;}
label {font-weight:bold;}
select {height: 26px; padding:4px;}
input, select, textarea {
	font-family: courier;
	font-size: 11px;
	color: #7f7f7f;
	border: solid 1px #d9d9d9;
}


.textbox {width:230px; height:16px;}
.textarea {width:440px;}
.file {width:230px; height:22px; margin:2px 0;}
.required {font-size:10px;}

.error {color:#F00;}
.warning {color:#FF8B05;}
.highlight {color:#0099D4;}


/* Layout structure */

#main_wrapper {
	/*width: 762px;*/
	width: 960px; /* Fixes right column widowing in IE 6 */
	margin: 0 auto;
	background: url(images/bg_pattern_left_column.gif) left bottom no-repeat;
}

#nav_wrapper_organo {
	/*width: 762px;*/
	width: 100%; /* Fixes right column widowing in IE 6 */
	margin: 0 auto;
}

#nav_wrapper_organo .backlink {padding:6px 30px; text-align:left;}

#nav_top {
	float: right;
	width: 582px;
	height: 50px;
}

#nav_top span {float:left; height:20px; padding:15px 10px; line-height:20px;}

#nav_top_organo {
	width: 100%;
	height: 50px;
}

#nav_top ul {
	margin: 0;
	padding: 18px 0 0 0;
	list-style: none;
	text-align: right;
}

#nav_top_organo ul {
	margin: 0;
	padding: 18px 0 0 0;
	list-style: none;
	text-align: right;
}

#nav_top ul li {
	display: inline;
	font-weight: bold;
	color: #7f7f7f;
}

#nav_top_organo ul li {
	display: inline;
	font-weight: bold;
	color: #7f7f7f;
}

#nav_top ul li a {
	margin-right: 25px;
	color: #7f7f7f;
}

#nav_top_organo ul li a {
	margin-right: 20px;
	color: #7f7f7f;
}

#nav_top ul li a#on {
	color: #cfcfcf;
	text-decoration:none;
	cursor:default;
}

#s_show_index {
	width:550px;
	height:272px;
}

input.button {
	width: auto;
	vertical-align: middle;
}

#form_search {
	float: right;
	padding-top: 10px;
}

#left_column {
	float: left;
	width: 225px;
}

#left_column h1 {
	float: right;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#left_column_content  {
	margin-top: 0;
}


#left_column_content p {
	padding:0 0 15px 10px;
}

#left_column h1 a {
	display: block;
	width: 225px;
	height: 210px;
	background: url(images/logo_mpilonhle.jpg) right top no-repeat;
}

/*
#nav div {float:left;}
#nav ul {float:left;}
*/

#nav .nav ul {
	float: right;
	width: 195px;
	margin: 0;
	padding: 0 10px;
	background: #77514f;
	list-style: none;
}

#nav .nav#first_of_type ul {
	padding-top: 10px;
}

#nav .nav#last_of_type ul {
	padding-bottom: 10px;
}

#nav .nav ul li a {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	letter-spacing: 1px;
}

#nav .nav ul li a#on {
	color: #a28886;
}

#nav .nav_sub ul {
	float: right;
	width: 170px;
	margin: 0;
	padding: 10px 20px;
	list-style: none;
	background: none;
}

#nav .nav_sub ul li a {
	font-size: 11px;
	color: #77514f;
	line-height: 20px;
}

#nav .nav_sub ul li a:hover, #nav .nav_sub ul li a#on {
	color: #6a9c2d;
}

/* admin left menu*/
#admin_nav ul {float:right; width:130px; margin:0; padding:20px; background:#77514f; list-style:none;}
#admin_nav ul li a {font-size:14px; color:#fff; line-height:20px; letter-spacing:1px;}
#admin_nav ul li a#on {color:#a28886; text-decoration:none; cursor:default;}
/******************/

#center_column {
	float: left;
	width: 550px;
}

#center_column_content {
	padding: 25px;
	line-height: 20px;
}

#center_column_content a.link {
	display:block;
	background: #931419;
	color: #FFFFFF;
	padding: 5px;
	text-decoration: none;
}

#center_column_content a.link:hover {
	display:block;
	background: #6A9C35;
	color: #FFFFFF;
	padding: 5px;
	text-decoration: underline;

}

#center_column_content h2 {
	padding-left: 32px;
	font-size: 18px;
	background: url(images/shnoofty_home.gif) left top no-repeat;
}

#center_column_content h3 {
	padding: 10px 0;
	font-size: 14px;
}

#center_column_content h5 {
	padding: 10px 0 0 0;
	font-size: 12px;
	color:#6A9C35;
	text-transform: uppercase;
}

#center_column_content p {
	margin-top: 0;
}

#center_column_content ul {
	padding-left: 20px;
	list-style: square;
}

#center_column_content li {
	margin: 6px 0;
}

#center_column_wide { width:735px; float:left; }

/*#bottom_column_wide {float:left; width:560px; padding:10px; background:url("images/test.png") top left repeat;}*/
#bottom_column_wide {float:left; width:690px; padding:10px 0px 10px 30px; line-height:20px;}
#bottom_column_wide h2 {padding-left:32px; font-size:18px; background:url(images/shnoofty_home.gif) left top no-repeat;}
#bottom_column_wide #subnav ul {padding:0 10px; background:#77514f;}
#bottom_column_wide #subnav li {display:inline; color:#FFF;}
#bottom_column_wide #subnav a {font-size:14px; color:#FFF;}
#bottom_column_wide .backlink {width:490px; padding:6px 30px; text-align:right;}
#bottom_column_wide .news_image {float:left; margin:4px 10px 0 0;}
#bottom_column_wide h5 {
	padding: 10px 0 0 0;
	font-size: 12px;
	color:#6A9C35;
	text-transform: uppercase;
}

/*#bottom_column_wide {float:left; width:560px; padding:10px; background:url("images/test.png") top left repeat;}*/
#bottom_column_organo {width:100%; padding: 0px 10px;}
#bottom_column_organo h2 {padding-left:32px; font-size:18px; background:url(images/shnoofty_home.gif) left top no-repeat;}
#bottom_column_organo .backlink {padding:6px 30px; text-align:left;}

#list_table {width:100%; margin:10px 0; background:#FAFAFA; border-collapse:collapse; border:1px solid #333;}
#list_table td {padding:0 4px; line-height:18px; border-color:#333;}
#list_table a {display:block; font-size:10px;}
#list_table tr:hover {background:#6a9e30; color:#FFF; cursor:pointer;}
#list_table tr:hover a {color:#FFF;}
#list_table #heading {height:22px; background:#333; line-height:22px; cursor:default;}
#list_table #heading a {font-size:12px; color:#FFF; background:#333;}

#detail_view {width:100%;}
#detail_view td {padding:2px; line-height:18px; vertical-align:top;}

.alt_row {background:#E2E2E2;}

.thumb_wrapper {float:left; height:150px; margin:0 10px 0 0;}
.album_thumb {float:left; border:1px solid #81BAD5;}
.delete_icon, .info_icon {display:block; float:left; width:16px; height:16px; margin-bottom:2px; padding:0; cursor:pointer; border:1px solid #81BAD5;}

.gallery #bottom_column_wide {padding-top:0;}
#gallery_thumbs {float:left; width:100%;}
#gallery_thumbs a {color:#333; font-weight:normal; text-decoration:none;}
#gallery_thumbs .thumb_wrapper {float:left; width:130px; height:250px; padding:5px 15px; margin:0 6px 10px; overflow:hidden; background:#F3F3F3;}
#gallery_thumbs .thumb_wrapper:hover {color:#777; cursor:pointer; background:#E2E2E2;}
#gallery_thumbs span {display:block; float:left; clear:both; height:80px; margin-bottom:4px; line-height:20px; overflow:hidden; font-size:0.8em; vertical-align:bottom;}
#gallery_thumbs .thumb_wrapper img {display:block; float:left; clear:both;}

.video_wrapper {float:left; clear:both; margin-bottom:30px!important;}

#right_column {
	float: left;
	width: 182px;
}

#right_column_content {
	clear: both;
	padding: 30px 10px 10px 10px;
	color: #9B1313;
	line-height: 20px;
}

#right_column_content p {
	margin: 10px 0 10px 0;
}

#right_column_content h2 {
	height: 20px;
	font-family: courier;
	font-size: 14px;
	border-bottom: solid 1px #fff;
}

#right_column_content a:hover {
	color: #fff;
	text-decoration: none;
	background: #aa3033;
}

#right_column_content #news_headlines {
	width: 150px;
	padding: 10px;
	font-family: verdana;
	font-size: 11px;
	color: #fff;
	background: #aa3033;
}

#right_column_content #news_headlines ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#right_column_content #news_headlines ul li {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	background: url(images/bg_line_dotted.gif) left bottom repeat-x;
}

#right_column_content #news_headlines ul li.news_last_item {
	margin: 0;
	padding: 0;
	background: none;
}

#right_column_content #news_headlines ul li a {
	font-weight: normal;
	color: #fff;
}

#right_column_content #news_headlines ul li a:hover {
	text-decoration: underline;
	background: none;
}


#right_column_content #news_archive {width:100%;}
#right_column_content #news_search {width:120px; height:16px;}
#right_column_content .button {}

#nav_footer {
	clear: both;
	width: 760px;
	height: 60px;
	margin: 10px auto 0 auto;
	color: #7f7f7f;
}

#nav_footer #supporters {
	float: left;
	margin-left: 10px;
}

#nav_footer #supporters img {
	padding: 10px 15px 10px 0;
}

#nav_footer #links {
	float: right;
	margin: 40px 10px 0 0;
	font-size: 11px;
	text-align: right;
}

#footer {
	clear: both;
	width: 760px;
	margin: 0 auto;
}

#footer_content {
	margin: 0 auto;
	font-family: verdana;
	font-size: 10px;
	padding: 10px;
}

#footer_content p {
	margin: 10px 0;
	color: #fff;
}

#footer_content a {
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#footer_content a:hover {
	background: none;
}

/* Misc */

.link {
	font-weight: bold;
	color: #7f7f7f;
	text-decoration: none;
}

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

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Section specific styles */

.media_img {
	margin-left:30px;
	margin-bottom:10px;
	border:1px solid #6A9C35;
	float:right;
}

.testemonials_hdr {
	font-size:14px;
	color:#000;
	font-weight: bold;
	clear:both;
	padding-top:20px;
	display:block;
}

.testemonials_more {
	font-size:14px;
	color:#AB3033;
	font-weight:bold;
}

.testemonials_links {
	float:right;
}


/* Home */

.home #right_column_content {
	padding: 30px 0 0 0;
	line-height: 12px;
}

/* DM */
.icons img {
	padding: 6px 40px;
}
.icons h3 {background:#333333; color:#FFFFFF; text-transform:uppercase; padding: 3px 10px; font-weight:normal; font-size: 13px;}

#help {margin-top: 25px;}
#help li {margin: 8px 0;}

.answers {background:#E4E4E4; border: #999999 1px solid; padding: 8px 16px; margin: 15px auto;}
.answers h4 {margin-bottom:0; color: #aa3033; font-weight: bold; text-transform:uppercase}

.top {display:block; background: #333333; height:30px; cursor:pointer; font-weight:bold; color:#FFF; text-indent:16px; text-decoration:none; text-transform:uppercase; font-size:10px; line-height:30px;}
.top:hover {background:#aa3033; color:#FFFFFF;}

/* News */

.news #bottom_column_wide {float:left; width:690px; padding:0 0 10px 30px; line-height:20px;}
.news #bottom_column_wide h2#news_heading {display:block; float:left; clear:none; margin:30px 0 10px; padding-left:32px; background: url(images/shnoofty_news.gif) left top no-repeat; border:0;}
.news #bottom_column_wide h3 {display:block; clear:left;}
.news #bottom_column_wide .news_date {color:#666; font-size: 0.8em; font-weight:bold; margin-top:0;}
.news #bottom_column_wide p {display:block; clear:left;}

.news #right_column_content {
	float:right;
	clear:none;
	width:170px;
	margin-left:20px;
	margin-bottom:20px;
	padding: 30px 0 0 0;
	line-height: 12px;
	border-left: solid 1px #aa3033;
}

.news #right_column_content #news_headlines {
	padding: 0 10px 10px 10px;
	color: #aa3033;
	background: none;
}

.news #right_column_content #news_headlines ul li a {
	font-size: 9px;
	font-weight: bold;
	color: #aa3033;
}

.news #right_column_content #news_archive {
	width: 150px;
	padding: 10px;
	border-top: solid 1px #aa3033;
	border-bottom: solid 1px #aa3033;
}

.news #right_column_content #news_headlines h2 {background:none; padding-left:0;}
.news #right_column_content #news_archive h2 {background:none; padding-left:0; color:#000;}

.news #right_column_content #news_functions {
	padding: 10px;
}

.news #right_column_content #news_functions a:hover {
	background: none;
}

.news #extra_news_images {float:left; clear:both; width:100%;}
.news_thumbs {margin:10px 5px 0 0; border:1px solid #81BAD5}

/* Programmes */

#main_wrapper.programmes {
	background: url(images/bg_pattern_programmes.gif) left bottom no-repeat;
}

.programmes #center_column_content h2 {
	padding-left: 32px;
	background: url(images/shnoofty_programmes.gif) left top no-repeat;
}

.programmes #right_column_content {
	padding: 30px 0 0 0;
}

/* Contact */

.contact #center_column_content table td {
	text-align: right;
}

.contact #right_column_content {
	border-left: solid 1px #aa3033;
}

.contact #right_column_content h2 {
	color:#000;
}

#contact_message {width:320px;}

/* positions */
.sub {float:left; margin:10px 0;}
.subtitle {float:left; width:500px; padding:5px; text-transform:uppercase; text-align:center; color:#FFF; font-size:10px; font-weight:bold; background:#6A9C35;}
.subcopy {float:left; width:480px; height: 100%; padding-left:10px;}
.subcopy p {padding: 5px 0 5px 5px; text-align:justify}
.subcopy ul {margin: 10px 0 10px 30px; font-size:11px; list-style-image: url(../images/interface/bullet.gif);}

/*************************************************************************************/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron>, MIT Style License. */

input.calendar, select.calendar {width:130px; float:left;}

button.calendar {background: url(images/calendar-icon.gif); border:0; cursor:pointer; float:left; height:20px; margin-right:6px; width:20px;}
button.calendar:hover,
button.calendar.active {background-position:0 20px;}

div.calendar {background:url(images/calendar.png); height:195px; padding:0 6px; text-align:center; width:147px;}
div.calendar div {background:none !important; cursor:move; height:185px; overflow:hidden; padding-top:10px; position:relative; width:147px;}
div.calendar caption {color:#333; font:normal 12px/16px Arial, Helvetica, sans-serif; padding-top:6px; text-align:center; width:100%;}
div.calendar caption a {cursor:pointer; display:block; height:12px; overflow:hidden; position:absolute; text-indent:-100px; top:17px; width:11px;}
div.calendar caption a.prev {background-image:url(images/calendar-prev.gif); left:0;}
div.calendar caption a.next {background-image:url(images/calendar-next.gif); right:0;}
div.calendar caption a:hover {background-position:0 12px;}
div.calendar caption span {height:25px;	position:relative; text-align:center;}
div.calendar caption span.month {padding-right:8px;}
div.calendar caption span.month:after {content:',';}
div.calendar table {background:#FFF; border:0; border-collapse:collapse; border-spacing:0; cursor:default; margin:0 auto; overflow:hidden; width:147px;}
div.calendar td, div.calendar th {border:0; color:#0597DB; font:normal 12px Arial, Helvetica, sans-serif; height:21px; text-align:center; width:21px;}
div.calendar td {background:url(images/calendar-td.gif); color:#FFF; font-size:11px;}
div.calendar td.invalid {color:#999;}
div.calendar td.valid {background:url(images/calendar-valid.gif); color:#0597DB; cursor:pointer;}
div.calendar td.inactive {background:url(images/calendar-td.gif) 0 100%; color:#FFF;}
div.calendar td.active, div.calendar td.hover {background:url(images/calendar-valid.gif) 0 100%; color:#FFF; cursor:pointer;}

/***********************************************************************************/

.student_quotes {
	width: 159px;
	display: block;
	margin-top: 0px;
	padding: 25px 5px 25px 5px;
	background-color:#6A9C35;
	color:#FFFFFF;
}
.student_title {color:#000000;}
h3.clear { padding-top:20px; }