/* ###### GENERAL/BASE STYLES ###### */
/* Any element with this class are for user-agents that don't listen to the stylesheet, such as screen readers.
Allows me (Dan) to add additional internal links to pages to make the page's easer to navgigate, such as a 
'skip navigation' link. See page source. */
.accessibility {
	display: none;
	color: #000000 !important;
	background-color: #ffffff !important;
}

.left, .content { float: left; }
.right { float: right; }
.top, .bottom { float: left; width:100%; }

ul.layout_list,
ul.layout_list li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}



body {
	margin: 19px auto 0px auto;
	width: 968px;
}

div#site_container {
	float: left;
	width: 100%;
	position : relative;
}


/* ###### HEADER ###### */
img#e360_logo {
	position : absolute;
	left : 0;
	top : 0;
}
div#socailBookmark {
	float: right;
	padding: 18px 0px 0 0;
}
div.cartLink {
	/*
	margin-top : -18px;
	margin-bottom : 4px;
	line-height : 14px;
	text-align : right;
	*/
	position : absolute;
	top : 80px;
	right : 0px;
}
div.cartLink a
{
	color : #8b316f;
}
div#call_today {
	float: right;
	width: 185px;
	margin: 0px 2px 0px 0px;
	padding: 0px 36px 0px 0px;
	text-align: right;
	line-height: 0.8em;
	color: #8b316f;
	background-image: url('/images/call_today.gif');
	background-position: top right;
	background-repeat: no-repeat;
}
div#call_today span {
	float: right;
	font-size: 2.17em;
	line-height: 1em;
	color: #b4b41c;
	background-color: transparent;
}


/* ###### MAIN MENU ###### */
ul#main_menu {
	margin-top: 10px;
	padding-bottom: 2px;
	margin-bottom: 30px;
	background-image: url('/images/main_menu_bottom.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: 1.08em;
	float : right;
	clear : right;
	width : 783px;
	padding-left : 72px;
	padding-right : 0;
	position : relative;
}
ul#main_menu li {
	float: left;
}

ul#main_menu li a {
	display: block;
	padding: 8px 13px 7px 13px;
	color: #8b316f;
	background-image: url('/images/menu_item.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	text-decoration: none;
	white-space : nowrap;
}
ul#main_menu li a:hover,
ul#main_menu li a.selected {
	color: #b4b41c;
	background-image: url('/images/menu_selected_item.gif');
}
ul#main_menu li a:hover { text-decoration: underline; }
ul#main_menu li a.selected:hover { text-decoration: none; }

ul#main_menu li.bookmark {
	float: right;
}
ul#main_menu li.bookmark a {
	padding: 7px 10px 5px 10px;
}



/* ###### MAIN LAYOUT ###### */
div#right_channel {
	float: right;
	width: 702px;
}
div#right_channel div.content {
	width: 100%;
}
div#left_channel {
	float: left;
	width: 255px;
	min-height: 188px;
}

ul#submenu {
	float: left;
	margin-top: 9px;
	width: 255px;
	text-align: right;
	padding-bottom: 20px;
}
ul#submenu li {
	width: 100%;
	padding-bottom: 4px;
}
ul#submenu li a {
	color: #b1429e;
	background-color: transparent;
	text-decoration: none;
}
ul#submenu li a:hover,
ul#submenu li a.selected {
	text-decoration: underline;
}
ul#submenu li.subscribe {
	padding-top: 20px;
}

div#left_channel .sbextra
{
	font-size : 0.9em;
	text-align : right;
	width : 80%;
	float : right;
}

div#left_channel .sbextra strong
{
	color: #b1429e;
}

div#news {
	float: left;
	width: 353px;
	margin-bottom: 20px;
	font-size: 0.92em;
}
div#news h2 {
	float: left;
	width: 343px;
	margin: 0px;
	padding: 0px 0px 3px 10px;
	color: #ffffff;
	background-color: #bbca3f; 
	font-size: 2.73em;
	font-weight: normal;
}
div#news ul {
	width: 341px;
	padding: 18px 0px 0px 12px;
}
div#news li {
	width: 100%;
	padding-bottom: 13px;
}
div#news h3,
div#news p { margin: 0px; }
div#news h3 a {
	color: #8B316F;
	background-color: transparent;
	font-size: 1.09em;
	text-decoration: none;
}
div#news h2 a:hover { text-decoration: underline; }
div#news a.button_green,
div#news a.button_purple { font-size: 1.27em; }


ul#courses
{
	margin : 20px 0;
	padding : 0;
}

ul#courses li
{
	display : block;
	padding : 1em;
	margin : 0;
	border-top : 1px dotted #CCC96C;
	clear : both;
}

ul#courses .title, ul#courses .date, div.courses .title, div.courses .date, div.attendees .title, div.attendees .date
{
	color : #8B316F;
	font-weight : bold;
}

.maplink
{
	color : #B1429E;
}

ul#courses .summary
{
	display : block;
	margin : 10px 0;
}

.workshop_link
{
	float : right;
	clear : both;
	background-color : #8A326E;
	color : white;
	padding : 6px;
	margin : 10px;
	margin-top : 0;
	text-decoration : none;
	white-space : nowrap;
}

div.workshop_details
{
	overflow : auto;
}

div.workshop_details span.wsinfo
{
	width : 95%;
	margin : 1em 0;
}

div.courses h1, div.cart h1, div.attendees h1
{
	font-size : 1.75em;
	font-weight : bold;
	margin-bottom : 8px;
}

br.fallback
{
	display : none;
}

.term
{
	float : left;
	clear : left;
	height : 1em;
	width : 10em;
	margin-right : 1em;
	font-weight : bold;
	padding : 2px;
}

.def
{
	display : block;
	padding : 2px;
	min-height : 1em;
	margin-left : 11em;
}

div.summary, div.description
{
	margin : 10px 0;
}


div.attendees div.workshop
{
	width : 660px;
	overflow : auto;
	border : 1px solid #CCC96C;
	padding : 10px 20px;
	margin : 10px 0;
}

div.attendees div.workshop h3
{
	padding : 0;
	margin : 0;
	margin-bottom : 3px;
}

div.attendees div.workshop_details, #courses div.workshop_details
{
	padding-right : 20px;
}

form#courses div.workshop_attendees table
{
	border : none;
	border-top : 1px solid #dddddd;
	clear : both;
	margin-top : 2px;
	margin-left : 0;
}

form#courses div.workshop_attendees td
{
	border : none;
	padding : 0px 6px;
}

form#courses div.workshop_attendees td.title
{
	width : 50px;
}

form#courses div.workshop_attendees td.fname
{
	width : 128px;
}

form#courses div.workshop_attendees td.sname
{
	width : 164px;
}

form#courses div.workshop_attendees td.diet
{
	width : 280px;
}

form#courses div.workshop_attendees td.accr
{
	width : 100px;
	text-align : center;
}

div.attendees .error
{
	color : #FF0000;
}

div.attendees form#courses input.submit
{

}

div#training {
	float: left;
	width: 330px;
	font-size: 0.92em;
}
div#training h2 {
	float: right;
	width: 320px;
	padding: 0px 10px 3px 0;
	margin: 0px;
	color: #ffffff;
	background-color: #8b316f;
	font-size: 2.73em;
	font-weight: normal;
	text-align: right;
}
div#training ul {
	float: right;
	width: 330px;
	padding: 4px 0 25px;
	margin: 0px;
	background-color: #f7f0f5;
}
div#training ul li {
	float: left;
	width: 290px;
	position:relative;
	padding: 14px 20px 0;
}
div#training h3 {
	width: 280px;
	padding: 0;
	margin: 0 0 5px;
	color: #8b316f;
	background-color: #f7f0f5;
	font-size: 1.09em;
	text-decoration: none;
}
div#training h3 a {
	color: #8b316f;
	background-color: #f7f0f5;
	text-decoration: none;
}
div#training h3 a:hover {
	text-decoration: underline;
}
div#training p {
	margin: 0px;
}
div#training a.book {
	display: block;
	float: left;
	width: 49px;
	height: 19px;
	padding: 13px 23px 0px 0px;
	position:absolute;
	left:258px;
	bottom:0px;
	color: #923e78;
	background-image: url('/images/book_bg.gif');
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}

ul#courses li
{
	list-style-type : none;
}

ul#courses ul.workshops li
{
	list-style-type : disc;
}

/* NEW SERVICES MENU */
ul#services
{
	clear : both;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

ul#services li
{
	float : left;
	width : 316px;
	padding : 15px;
	margin-right : 5px;
	margin-top : 5px;
	height : 120px;
	overflow : hidden;
	line-height : 1.167em;
	background-image : url('/images/service_bg.png');
	background-repeat : no-repeat;
	background-position : right bottom;
}

ul#services li h3 a
{
	font-size : 1.5em;
	color : #8B316F;
}

ul#services li a
{
	text-decoration : none;
}

ul#services li img
{
	float : right;
}

/* TRAINING PAGES */
span.coursetitle
{
	color : #B4B41C;
	margin : 5px;
	display : block;
	font-weight : bold;
}

form#courses table
{
	width : 100%;
	border-collapse : collapse;
	margin-bottom : 5px;
}

form#courses th
{
	text-align: left;
}

form#courses tr
{
	margin : 0;
	padding : 0;
}

form#courses td, form#courses th
{
	border : 1px solid #DDD;
	padding : 2px;
}

form#courses td.date
{
	white-space : nowrap;
}

form#courses td input
{
	width : 100%;
}

form#courses td ol, form#courses td li
{
	margin-left : 1.5em;
	padding-left : 0;	
}

form#courses input.submit
{
	float : right;
}

form#courses span.vatnote
{
	display : block;
	white-space : nowrap;
}

form#courses tr.totals td
{
	border : none;
}

form#courses tr.totals td.price
{
	 border : 1px solid #DDD;
	 border-top : 3px double #DDD;
}

form#courses td.seats, form#courses td.remove
{
	text-align : center;
}

form#courses td.seats input
{
	 width : 2em;
}

form#courses td.tms
{
	background-color : #FCC;
}

span.info
{
	display : block;
	color : #F00;
	border : 1px solid #F00;
	margin : 4px 0;
	padding : 4px;
	width : 50%;
}

span.note
{
	display : block;
	color : #8B316F;
	margin : 4px 0;
	padding : 4px;
	width : 50%;
}

br.clear
{
	clear : both;
}

form#courses span.info
{
	float : left;
}

form.book, form.register_interest
{
	display : block;
	padding-top : 10px;
}

form.book input#seats
{
	width : 3em;
}

form.register_interest span.info
{
	padding : 3px;
	margin-bottom: 6px;
}

div.pagination {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	color: #B4B41C;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 1.27em;
}
div.pagination a {
	color: #B4B41C;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}
div.pagination a:hover {
	text-decoration: underline;
}
div.pagination a.selected {
	color: #8B316F;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}
div.news div.pagination a.previous {
	float: left;
	display: block;
	width: 100px;
}
div.pagination a.next {
	float: right;
	display: block;
	width: 100px;
	text-align: right;
}
div.pagination div.page_links {
	width: 478px;
	margin: 0px 100px 0px 100px;
	text-align: center;
}


div#news_training_container {
	float: left;
	width: 683px;
	margin-top: 10px;
}


div#footer {
	float: left;
	width: 100%;
	padding: 8px 0px 20px 0px;
	border-top: 1px dotted #000000;
	text-align: center;
	font-size: 0.92em;
	margin-top : 10px;
}
div#footer p {
	margin: 10px 0 5px;
}
div#footer p img {
	padding-top: 5px;
}

div.summary
{
	width : 100%;
}

/* ###### HOME LAYOUT ###### */
div.home {
	background-image: none;
}
div.home div#left_channel {
	padding-top: 283px;
	background-image: url('/images/large_bloke.jpg');
	background-repeat: no-repeat;
	background-position: top
}
div.home div#right_channel {
	background-image: url('/images/target_postits.jpg');
	background-repeat: no-repeat;
	background-position: 351px 0px;
}

img#newsletter_subscribe {
	float : none;
	margin : auto;
	margin-bottom : 20px;
}

/* ## Title ## */
div.home div#right_channel h1 {
	font-size : 2em;
	float: left;
	margin: 0px;
	margin-bottom : 5px;
	width: 346px;
}

/* ## Content ## */
div.home div#right_channel div.content {
	float: left; 
	clear: left;
	width: 346px;
	min-height : 260px;
	padding: 0px 0px 0px 2px;
	font-size : 1.08em;
}

/* ## Training ## */
div.home div#training {
	float: right;
	width: 409px;
	padding-top: 332px;
}
div.home div#training h2 {
	padding-left: 75px;
	background-image: url('/images/purple_home_title_bar.jpg');
	background-position: left;
	background-repeat: no-repeat;
}
div.home div#training h3 {
	width: 290px;
}
div.home div#training ul {
	margin-left: 75px;
}


/* ## News ## */
div#news {
	width: 255px;
	margin-bottom : 0px;
}
div#news h2 {
	width: 245px;
	background-image: url('/images/green_title_bar.jpg');
	background-position: right;
	background-repeat: no-repeat;
}
div#news ul {
	width: 243px;
}



/* ###### NEWS LAYOUT ###### */
ul#news_articles,
ul#news_articles li {
	width: 100%;
}
ul#news_articles li {
	margin-bottom: 15px;
}
ul#news_articles h2 {
	margin: 0px;
}
ul#news_articles h2 a {
	color: #B4B41C;
	background-color: transparent;
}
ul#news_articles p {
	margin: 5px 0px 0px 0px;
}



/* ###### DOWNLAOD/LINKS LAYOUT ###### */
div#links,
div#downloads {
	float: left;
	width: 100%;
	
	font-size: 0.92em;
}
div#links h2,
div#downloads h2 {
	font-size: 1.82em;
	font-weight: normal;
	margin-bottom: 8px;
}
div#links p,
div#downloads p {
	margin-top: 8px;
}
div#links h3,
div#downloads h3 {
	margin: 0px;
	font-size: 1.45em;
	font-weight: normal;
}
div#links h3 a,
div#downloads h3 a {
	color: #B1429E;
	text-decoration: none;
}
div#links h3 a:hover,
div#downloads h3 a:hover {
	text-decoration: underline;
}
div#links li,
div#downloads li {
	width: 685px;
}

div#downloads ul li {
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	
	border-bottom: 1px dashed #000000;
}
div#downloads ul li img {
	float: left;
	padding-right: 10px;
}
div#downloads ul div.content {
	float: left;
	width: 625px;
}
div#downloads ul li p {
	margin: 5px 0px 0px 0px;
	font-size: 1.09em;
}



/* ###### CONTACT LAYOUT ###### */
div.contact h1 {
	float: left;
	width: 958px;
	padding-left: 10px;
	margin: 10px 0;
}
div.contact div#left_channel { padding-left: 10px; width: 245px; }
div.contact div#left_channel p { margin-top: 0px; }
div.contact div#google_map { float: left; width: 330px; height: 400px; border: 1px solid #8B316F; }
div.contact div.right { width: 340px; }
.required {
	color: #8B316F;
	background-color: transparent;
	
	font-size: 1.27em;
	font-weight: bold;
}
.form_error {
	color: #8B316F;
	background-color: transparent;	
	font-weight: bold;
}



/* ###### MISC ###### */
/*div.general, div.contact,
div.download, div.news {
	background-image: url('/images/bloke_small.jpg');
	background-position: 126px bottom;
	background-repeat: no-repeat;
}*/