/*Navigation
========================*/

@media screen
{
	#navbar
	{
		display: block;
		width: 180px;
	}
}

#navbar ul { list-style-type: none; }
#navbar li { display: inline; }

#navbar li a
{
	display: block;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	padding: 1px 10px;
	border-bottom: 1px solid #fff;
}

div.nav_main, div.nav_sub1, div.nav_sub2 { margin-bottom: 10px; }

div.nav_main li a, div.nav_main li a:visited
{
	color: #fff;
	background-color: #6D97B3;
}

div.nav_main ul li a.current, div.nav_main ul li a.current:visited
{
	color: #fff;
	background: #369 url(../_images/curr_index1.png) repeat-x left bottom;
}

div.nav_main li.subitem a
{
	color: #fff;
	background-color: #82BFDA;
	padding-left: 20px;
	font-weight: normal;
}

div.nav_main li a:hover, div.nav_main li a:active
{
	color: #fff;
	background-color: #369;
	text-decoration: underline;
}

div.nav_sub1 li a
{
	color: #369;
	background-color: #cec;
	font-weight: normal;
}

div.nav_sub1 ul li a.current, div.nav_sub1 ul li a.current:visited
{
	color: #fff;
	background: #3c9 url(../_images/curr_index2.png) repeat-x left bottom;
}

div.nav_sub1 li.subitem a
{
	color: #369;
	background-color: #dfd;
	padding-left: 20px;
	font-weight: normal;
}

div.nav_sub1 li a:hover, div.nav_sub1 li a:active
{
	color: #369;
	background-color: #4ea;
	text-decoration: underline;
}

/*Newsletter subscribe
========================*/

#joinmail
{
	color: #444;
	background-color: #FA8911;
	padding: 10px;
	margin-bottom: 10px;
}

#joinmail input.type_text
{
	display: block;
	width: 100%;
	margin: 10px 0;
}

#joinmail h1
{
	font-size: 1.2em;
	font-weight: bold;
}

#joinmail p { font-size: 1.2em; }

#google_site
{
	border: 1px solid #888;
	padding: 10px;
	margin-bottom: 10px;
}

#google_site input
{
	display: block;
	margin-bottom: 10px;
}

#cedar_photo
{
	margin-bottom: 10px;
	border: 1px solid #444;
}

#cedar
{
	padding: 10px;
	border: 1px solid #888;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #3c9;
	color: #fff;
}

#cedar img
{
	margin-bottom: 10px;
	border: 1px solid #888;
}

/*content
========================*/

div.column1
{
	display: block;
	float: left;
	width: 260px;
}

/*	have to apply the margin to a div inside the floating column for guess who?
*/

div.innercol { margin-left: 10px; }

div.column2, div.col_grouper div.article_page
{
	clear: left;
	margin-left: 10px;
	width: 510px;
}

div.column3
{
	margin-left: 10px;
	width: 770px;
}

div.col_grouper
{
	display: block;
	float: left;
}

div.art2up
{
	clear: left;
	width: 510px;
	margin-bottom: 10px;
}

div.art2up div.second { margin-left: 10px; }

div.art2up div.sublead
{
	float: left;
	width: 250px;
}
div.art2up div.sublead div.article
{
	height: 8em;
	overflow: hidden;
}

div.art2up div.sublead h1 { padding-left: 78px; }

#shinygreen
{
	width: 250px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 10px;
	background-image: url(../_images/greenbox.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#shinygreen div.article
{
	padding: 10px 10px 10px 88px;
	background-image: url(../_images/playbtn.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#shinygreen h1
{
	font-size: 14px;
}
#shinygreen h1 a, #shinygreen h1 a:link, #shinygreen h1 a:visited
{
	color: #fff;
}
#shinygreen div.hover { background-color: transparent; }
#shinygreen div.hover a, #shinygreen div.hover a:hover, #shinygreen div.hover a:active{ color: #DE6A37; }



a, a:link, a:visited
{
	color: #369;
	text-decoration: none;
}

a:active, a:hover { text-decoration: underline; }

/*	page/section header #6D97B3; 369
===============================*/

div.page_head div.page_section
{
	height: 50px;
	padding: 6px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
	color: #3c9;
	background-color: #E9F3D9;
}

div.page_section span
{
	font-size: 3em;
	font-weight: bold;
}

div.page_section ul
{
	display: block;
	float: right;
	list-style-type: none;
}

div.page_section li
{
	display: inline;
	float: left;
	font-size: 1.1em;
	color: #000;
}

div.page_section a, div.page_section a:link, div.page_section a:hover, div.page_section a:visited, div.page_section a:active
{
	text-decoration: none;
	border: none;
	outline: none;
}

div.page_section a.email, div.page_section a.print, div.page_section a.rss, div.page_section a.cta
{
	display: block;
	margin-left: 10px;
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-position: center center;
}

div.page_section a.cta
{
	width: 240px;
	background-image: url(../_images/bigphone.gif);
}

div.page_section a.email { background-image: url(../_images/bigmail.gif); }
div.page_section a.print { background-image: url(../_images/bigprint.gif); }
div.page_section a.rss { background-image: url(../_images/bigrss.gif); }

/*	articles 
===============================*/

div.article h1
{
	font-family: "Tahoma", sans-serif;
	line-height: 1.3;
	font-weight: bold;
}

div.article a:visited { color: #6D97B3; }
div.article p { font-family: "Tahoma", sans-serif; }
div.article div.hover { background-color: #E7EDF6; }

div.article img
{
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}

/*
	basic article entry, where kind is: lead, sublead, headline, feature
	
	<div class="article kind"><a href=""><img />< /a><div class="rollover"><a href=""><h1>headline< /h1>< /a><p>summary.< /p>< /div>< /div>

*/

div.site_map,
div.superlead div.article, div.lead div.article, div.sublead div.article, div.feature_block, div.spotlight div.article, div.widesub div.article, div.tag_item div.article,
div.headlines, div.quote_list, div.upcoming, div.newsfeed, div.headline_ticker, div.tag_cloud, div.survey, div.countdown, div.basic_box
{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
}


/*
================================
new widget styles
*/


/*	==================
	new_upcoming
*/

div.new_upcoming
{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #d0d0d0;
}

div.new_upcoming td, div.new_upcoming th
{
	font-size: 1.2em;
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	border-color: #fff #888 #888 #fff;
	padding: 2px 5px;
}

div.new_upcoming table { background-color: #dfd; }
div.new_upcoming tr.hover { background-color: #E7EDF6; }

div.new_upcoming th, div.new_upcoming h2
{
	margin-bottom: 5px;
	color: #fff;
	background-color: #941820;
	text-transform: uppercase;
	text-align: center;
}

div.new_upcoming td { font-weight: bold; }
div.new_upcoming td div.poster { padding-left: 80px; }

div.new_upcoming td a
{
	display: block;
	color: #000;
	text-decoration: none;
}

div.new_upcoming img
{
	float: left;
	margin: 5px;
}

div.coursefitler
{
	border: 1px solid #888;
	padding: 10px;
	margin-bottom: 10px;
}


div.coursefitler ul
{
	list-style-type: none;
	display: block;
}

div.coursefitler li
{
	background-color: #cec;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #888;
}

div.coursefitler li.hover { background-color: #4ea; }

div.coursefitler li.selected a
{
	background-color: #941820;
	color: #fff;
}

div.coursefitler li a { display: block; }


div.bookingform h2
{
	color: #fff;
	background-color: #941820;
}

div.bookingform select
{
width: 200px;
}

div.bookingform p
{
	font-size: 1.2em;
	margin: 5px 0;
}

div.bookingform label.fld_label
{
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}


div.bookingform input.type_text, div.bookingform textarea.type_text
{
	display: block;
	width: 220px;
	font-size: 1.2em;
}

div.bookingform ul
{
	list-style-type: none;
	display: block;
}
div.bookingform li
{
	border: 1px solid #888;
	margin-top: 10px;
	padding: 10px;
}

div.bookingform label.check_label
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

.err_msg { color: red; }

/*
================================
*/

div.headline_ticker, div.tag_cloud, div.survey, div.countdown { border-width: 1px; }

/*	lead article centre column, image in left half, 
	image width 225px (height usually 168px but could be taller for portrait)
*/

div.lead div.article
{
	color: inherit;
	background-color: #ffd;
}

div.lead h1 { font-size: 1.9em; }
div.lead p { font-size: 1.3em; }

div.superlead div.article
{
	color: inherit;
	background-color: #ffd;
}

div.superlead h1 { font-size: 2.2em; }
div.superlead p { font-size: 1.6em; }

/*
.column2 div.lead h1, .column2 div.lead p	{ padding-left: 50%; }
*/

/*	sublead two across below lead, image on left, headline to right, summary below both
	image width 65 height 50
*/

div.sublead div.article
{
	color: inherit;
	background-color: #efe;
}

div.sublead h1
{
	font-size: 1.4em;
	padding-right: 10px;
}

div.sublead	p
{
	font-size: 1.3em;
	clear: left;
	padding-right: 10px;
}

/*	
	widesub two col width, image on left, title to right, summary below title
	image width 65 height 50

	tag list is the box for items on a page in the tags/ folder	
*/

div.widesub div.article, div.tag_item div.article
{
	color: inherit;
	background-color: #efe;
}

div.tag_list h1, div.widesub h1
{
	font-size: 1.4em;
	padding-right: 10px;
	margin-left: 80px;
}

div.tag_list p, div.widesub	p
{
	font-size: 1.3em;
	padding-right: 10px;
	margin-left: 80px;
}

/*	recent headlinbes in top right FAEBD7
*/

div.headlines, div.site_map
{
	color: inherit;
	background-color: #E9F3D9;
}

/*
	headlines get the mini logo like they were list bullets
*/

div.headlines h1, div.site_map h1
{
	font-size: 1.2em;
	padding-left: 10px;
	background-image: url(../_images/mfmini.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height: 1.75;
}

div.t21 h1.page_title,
div.lead div.t21, div.sublead div.t21, div.widesub div.t21, div.tag_item div.t21
{
	padding-bottom: 20px;
	background: #EAEACC url(../_images/openseminar.jpg) repeat-x left bottom;
}

div.t22 h1.page_title,
div.lead div.t22, div.sublead div.t22, div.widesub div.t22, div.tag_item div.t22
{
	padding-bottom: 20px;
	background: #EAEACC url(../_images/tailoredcourse.jpg) repeat-x left bottom;
}

/*	shaded block to enclose a set of features
*/

div.feature_block
{
	clear: left;
	background-color: #eee;
	padding: 10px 0 0 10px;
}

/*	middle features, 3 across wide image, very short headline, short summary, image size 124px x 70px
*/

div.feature_block div.article
{
	width: 33%;
	float: left;
	margin-bottom: 10px;
}

div.feature_block h1
{
	font-size: 1.4em;
	padding-right: 10px;
}

div.feature_block p
{
	font-size: 1.3em;
	clear: left;
	padding-right: 10px;
}

div.spotlight div.article
{
	color: inherit;
	background-color: #eef;
}

div.spotlight div.article
{
	clear: left;
	margin-bottom: 10px;
}

div.spotlight h1
{
	font-size: 1.4em;
	padding-right: 10px;
}

.quote_list dt
{
	font-size: 1.3em;
	padding-left: 20px;
	background-image: url(../_images/quote_open.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-style: italic;
}

div.quote_list dd
{
	font-size: 1.3em;
	padding-left: 40px;
	font-weight: bold;
}

.quote_list dd:before { content: "-"; }
div.upcoming { background-color: #dfd; }

div.upcoming h2
{
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #941820;
}

div.upcoming tr.hover { background-color: #E7EDF6; }

div.upcoming td
{
	font-size: 1.2em;
	border-top: 1px solid #888;
}

div.upcoming a { color: #000; }

/*	guest headlines from RSS
*/

div.newsfeed
{
	color: inherit;
	background-color: #fff;
}

div.newsfeed h2
{
	color: #fff;
	background-color: #941820;
}

/*
	headlines get the mini logo like they were list bullets
*/

div.newsfeed h1
{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.75;
	padding-left: 14px;
	background-image: url(../_images/redbullet.png);
	background-repeat: no-repeat;
	background-position: left 6px;
}

div.headline_ticker h1
{
	font-size: 1.8em;
	font-weight: bold;
	height: 4em;
	text-align: center;
}

div.headline_ticker a, div.headline_ticker a:visited { color: #444; }

div.source
{
	margin-top: 5px;
	text-align: center;
	border-top: 1px solid #ccc;
}

div.tag_cloud
{
	padding: 10px;
	font-size: 1.2em;
	color: #444;
	background-color: #fff;
	text-align: justify;
}

div.tag_cloud ul
{
	list-style-type: none;
	margin: 0;
}

div.tag_cloud li { margin: 0; }
.tag_cloud li, .tag_cloud ul { display: inline; }
.tag_cloud .s1 { color: #444; }
.tag_cloud .s2 { font-weight: bold; }

.tag_cloud .s3
{
	font-weight: bold;
	font-size: 120%;
}

.tag_cloud .s4
{
	font-weight: bold;
	font-size: 150%;
	color: #000;
}

.tag_cloud li a
{
	background-color: #ded;
	color: #444;
}

.tag_cloud li a.hot { color: #800; }

.tag_cloud li a.hover
{
	color: #000;
	background-color: #E7EDF6;
}

div.survey input.rb { float: left; }

div.survey label
{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

div.survey .result
{
	font-size: 1.2em;
	font-weight: bold;
}

div.survey .result p
{
	clear: both;
	margin: 5px 0;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}

div.survey div.result { position: relative; }
div.countdown { text-align: center; }

div.countdown h1
{
	color: #000;
	font-size: 2.5em;
}

div.countdown p
{
	font-size: 1.4em;
	font-weight: bold;
}

/*	dividers for index pages
	h1 - used on article headlines
*/

/*
	headings used in article pages
*/

h1 { font-size: 1.9em; }

/*	h2 - white on coloured background bar
*/

h2, h3, h4
{
	clear: left;
	padding: 5px 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}

h2
{
	color: #fff;
	background-color: #369;
}

h3
{
	color: #fff;
	background-color: #3C9;
}

h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited { color: #fff; }

h4
{
	clear: left;
	background-color: inherit;
	padding: 0;
	border-top: 1px solid #888;
	font-size: 1.2em;
}

/*	this is for the head sections "headlines" block which have h4 dividers for sections
*/

div.upcoming h4 a, div.upcoming h4 a:link, div.upcoming h4 a:visited,
div.headlines h4 a, div.headlines h4 a:link, div.headlines h4 a:visited
{
	color: #800;
	background-color: inherit;
}

/*	bold text for first para and section headers in articles
*/

h5
{
	font-size: 1.4em;
	font-weight: bold;
}

.small_note
{
	text-align: center;
	color: teal;
	margin-bottom: 10px;
}

/*	article page formatting
=========================================*/

div.page_title
{
	border-bottom: 1px solid #888;
	margin-bottom: 10px;
}

.page_title h1
{
	font-family: "Tahoma", sans-serif;
	font-size: 2.4em;
	font-weight: bold;
}

.page_title p { padding-left: 10px; }


div.course_list
{
	clear: both;
	padding-top: 10px;
}

div.course_list table { background-color: #dfd; }
div.course_list tr.hover { background-color: #E7EDF6; }

div.course_list td, div.course_list th
{
	font-size: 1.2em;
	border-width: 2px 1px 1px 2px;
	border-style: solid;
	border-color: #fff #888 #888 #fff;
	padding: 2px 5px;
}

div.course_list a { color: #000; }
div.course_list h2 a { color: #dfd; }

div.course_list img
{
	float: left;
	margin: 0 10px 2px 0;
}

div.course_list h4
{
	border: none;
	text-transform: none;
	padding: 5px;
}

div.course_dates
{
	clear: both;
	border: 1px solid #888;
	padding: 10px;
}

div.course_dates div.date_block
{
	border: 1px solid #888;
	margin-bottom: 10px;
}

div.course_dates td, div.course_dates th
{
	font-size: 1.3em;
	padding: 2px 10px;
	vertical-align: top;
}

div.course_dates th
{
	font-weight: bold;
	text-align: right;
}

div.course_dates a.btn_link, div.course_dates a.btn_link:link, div.course_dates a.btn_link:visited
{
	display: block;
	float: left;
	margin-right: 10px;
	width: 150px;
	height: 22px;
	font-weight: bold;
	text-align: center;
	background: url(../_images/bookbtns0.gif) no-repeat center center;
	color: #fff;
	text-decoration: none;
}

div.course_dates a.btn_link:hover, div.course_dates a.btn_link:active { background-image: url(../_images/bookbtns1.gif); }

div.course_dates p.disclaimer
{
	clear: both;
	font-size: 0.8em;
}

/* shopping basket
====================================*/

div.basket
{
	padding: 10px;
	margin-bottom: 10px;
	border: 10px solid #800;
}

div.basket h2
{
	padding-left: 30px;
	border-bottom: 1px solid #000;
	font-size: 1.8em;
	background-color: #FFF;
	color: #800;
	background-image: url(../_images/basket.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.basket div.item
{
	padding: 10px;
	border-bottom: 1px solid #000;
	background-color: #EAEACC;
	margin-bottom: 10px;
}

div.basket div.item h1 { font-size: 1.4em; }
div.basket div.item p { font-size: 1.2em; }

div.basket .subtotal
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
}

div.basket .price, div.basket p.error
{
	color: #800;
	font-size: 1.1em;
	font-weight: bold;
}

/* contact form formatting
====================================*/

div.contact_form, div.booking_form
{
	clear: both;
	border: 1px solid #888;
	padding: 10px;
	background-color: #cfc;
}

div.contact_form input.type_text, div.booking_form input.type_text,
div.contact_form textarea, div.booking_form textarea
{
	display: block;
	width: 90%;
	font-size: 1.4em;
	padding: 3px 10px;
	margin-bottom: 10px;
}

div.contact_form textarea, div.booking_form textarea { height: 7em; }

div.contact_form label, div.booking_form label
{
	font-size: 1.4em;
	font-weight: bold;
}

div.contact_form fieldset, div.booking_form fieldset
{
	width: 90%;
	border: 1px solid #888;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

div.contact_form legend, div.booking_form legend
{
	font-size: 1.4em;
	font-weight: bold;
}

div.contact_form input.type_checkbox, div.booking_form input.type_checkbox,
div.contact_form input.type_radio, div.booking_form input.type_radio { margin: 0 10px 0 20px; }

/* basic page content formatting
====================================*/

div.article_page p
{
	font-size: 1.4em;
	margin-bottom: 10px;
}

div.article_page blockquote
{
	margin: 0 30px;
	font-style: italic;
}

div.article_page p.intro { font-weight: bold; }
div.article_page div.hover { background-color: #E7EDF6; }
ul.logo_list { list-style-image: url(../_images/mfmini.gif); }

.logo_list li
{
	margin: 0.5em 2em;
	text-align: left;
	font-size: 1.4em;
}

/*
	quote box - floated para with quote symbols and attribution
	picture box - picture with caption
	fact box - 
	feature link - thumbnail from article 
	subtitle - just bold title
	section banner - reverse colour block full width
*/

.pict_grouper { font-size: 0.9em; }
.pict_grouper img { border: 1px solid #444; }

.pict_grouper .caption
{
	color: #400;
	padding: 0 10px;
}

.pict_grouper small
{
	display: block;
	padding: 0 10px;
}

.pict_left
{
	float: left;
	margin: 0 10px 10px 0;
	background-color: #ddd;
}

.pict_right
{
	float: right;
	margin: 0 0 10px 10px;
	background-color: #ddd;
}

.pict_center
{
	text-align: center;
	margin: 0 0 10px 0;
}

div.quotebox
{
	width: 200px;
	float: right;
	border: 1px solid #369;
	color: #369;
	background-color: #eef;
}

div.quotebox, div.quote
{
	clear: both;
	display: block;
	padding: 0 10px 0 20px;
	margin: 0 0 10px 10px;
	background-image: url(../_images/quote_open.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

div.quote h5
{
	padding-left: 30px;
	margin-bottom: 20px;
}

div.quotebox blockquote
{
	font-size: 1.3em;
	line-height: 1.5em;
}

div.quotebox blockquote, div.quote blockquote
{
	text-indent: 20px;
	background: url(../_images/quote_close.gif) no-repeat right bottom;
	font-style: italic;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 0 0;
}

/* reference list
*/

#reference_list { position: relative; }
#front_show { }
img.ref_quote { margin-left: 10px; }

/*

div.ref_quote
{
	clear: both;
	display: block;
	position: absolute;
	padding: 0 10px;
	background-image: url(../_images/quote_open.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	overflow: default;
}

div.ref_quote h5
{
	padding-left: 10px;
	padding-top: 10px;
}

div.ref_quote blockquote
{
	text-indent:20px;
	background: url(../_images/quote_close.gif) no-repeat right bottom;
	font-style: italic;
	font-weight: bold;
	font-size: 1.3em;
	padding: 0;
	margin: 5px 0 0 0;
}
*/

.agenda dt
{
	clear: both;
	display: block;
	font-weight: bold;
	color: #000;
	float: left;
	font-size: 1.4em;
	width: 4em;
}

div.agenda dl dd p { font-size: 1.0em; }
.agenda dd { font-size: 1.4em; }

.agenda dd
{
	display: block;
	float: left;
}

/* directions widget
====================================*/

#dir_widget_map
{
	height: 400px;
	border: 1px solid #888;
}

#dir_widget_form
{
	border: 1px solid #888;
	margin: 10px 0;
	padding: 10px;
}

#dir_widget_form input,#dir_widget_form label
{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 10px;
}

/* end */