/*
===========================================================================
File Name		:	css/common.css
---------------------------------------------------------------------------
Version No.		:	1.00
Description		:	Common CSS Elements
Client			:	Expedient Training
URL				:	www.expedient-training.co.uk
Testing Status	:	Ongoing
Copyright		:	© Copyright 2006 Redman Design Ltd.
----------------------------------------------------------------------------
Version		Date		Author		Description
1.00		16/01/07	J Ashberry	Common CSS Elements Created
============================================================================
*/

/* Common Layout */
body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #007C78;
	background-image: url(../images/common/etsl_bg.gif);
	background-repeat: repeat-y;
}
div#container {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 818px;
	height: auto;
	background: transparent;
}
div#header {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 818px;
	height: 93px;
	background: transparent;
}
div#header_right {
	padding: 0px;
	margin: 0px;
	width: 217px;
	height: 93px;
	background: transparent;
	float: left;
}
div#menu_container {
	padding: 0px;
	margin: 0px;
	width: 209px;
	height: 155px;
	background: transparent;
	clear: left;
	float: left;
}
div#menu_title {
	padding: 0px;
	margin: 0px;
	width: 209px;
	height: 22px;
	background: transparent;
}
div#menu_shadow {
	padding: 0px;
	margin: 0px;
	width: 194px;
	height: 17px;
	background: transparent;
}
div#menu_bottom {
	padding: 0px;
	margin: 0px;
	width: 194px;
	height: 23px;
	background: transparent;
}
div#content_title {
	padding: 0px;
	margin: 0px;
	width: 392px;
	height: 57px;
	clear: left;
	float: left;
}
div#side_title {
	padding: 0px;
	margin: 0px;
	width: 217px;
	height: 57px;
	float: left;
}
div#content_container {
	padding: 0px;
	margin: 0px;
	width: 609px;
	height: auto;
	background: transparent;
	float: left;
}
div#content {
	padding: 0px 0px 0px 0px;
	margin: 0px 9px 0px 7px;
	width: 593px;
	height: auto;
	background-image: url(../images/common/etsl_content_bg.png);
	clear: both;
}
div#content_shadow {
	padding: 0px;
	margin: 0px;
	width: 593px;
	height: 21px;
	background: transparent;
}
div#content_bottom {
	padding: 0px;
	margin: 0px;
	width: 609px;
	height: 32px;
	background: transparent;
}
div#content_baseline {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 593px;
	background-image: url(images/common/etsl_content_bg.png);
	clear: both;
}

/* Menu */
div#menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 9px;
	width: 194px;
	height1: 190px;
	background-image: url(../images/common/etsl_menu_bg.png);
}
div#spacer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 194px;
	height: 20px;
	background: transparent;
}
div.sep_for_menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 194px;
	height: 1px;
	background-image: url(../images/menu/etsl_sep.png);
	line-height: 0px;
	font-size: 0px;
}


div.sep_for_courses {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 150px;
	height: 1px;
	background-image: url(../images/menu/etsl_sep2.png);
	background-repeat: no-repeat;
	line-height: 0px;
	font-size: 0px;
}

div#access_menu_container {
	padding: 0px 15px 0px 16px;
	margin: 0px;
	width: 163px;
	/* width: 194px; */
	height: 27px;
	background: transparent;
}
/* Small Button */
div.small {
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/etsl_small.png' ) 0 -27px no-repeat;
	float: left;
	clear: left;
}
div.small a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/etsl_small.png' ) top left no-repeat;
	float: left;
}
div.small span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.small a:hover {
	background-image: none;
}
div.small a:active {
	color: black;
}
/* Medium Button */
div.medium {
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/etsl_medium.png' ) 0 -27px no-repeat;
	float: left;
}
div.medium a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/etsl_medium.png' ) top left no-repeat;
	float: left;
}
div.medium span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.medium a:hover {
	background-image: none;
}
div.medium a:active {
	color: black;
}
/* Large Button */
div.large {
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/etsl_large.png' ) 0 -27px no-repeat;
	float: left;
}
div.large a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/etsl_large.png' ) top left no-repeat;
	float: left;
}
div.large span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.large a:hover {
	background-image: none;
}
div.large a:active {
	color: black;
}
/* Blackwhite Button */
div.blackwhite {
	margin: 0px;
	padding: 0px;
	width: 73px;
	height: 27px;
	background: url( '../images/access/etsl_blackwhite.png' ) 0 -27px no-repeat;
	float: left;
}
div.blackwhite a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 73px;
	height: 27px;
	background: url( '../images/access/etsl_blackwhite.png' ) top left no-repeat;
	float: left;
}
div.blackwhite span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.blackwhite a:hover {
	background-image: none;
}
div.blackwhite a:active {
	color: black;
}
div.access_sep {
	padding: 0px;
	margin: 0px;
	width: 3px;
	height: 27px;
	background: transparent;
	float: left;
}
/* Footer Badges */

div#footer {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 6px 0px;
	width: 589px;
	height: 15px;
	background: transparent;
}

div#xhtml {
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 15px;
	background: transparent;
	clear: left;
	float: left;
}
div#css {
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 15px;
	background: transparent;
	float: left;
}
div#aaa {
	padding: 0px;
	margin: 0px;
	width: 110px;
	height: 15px;
	background: transparent;
	float: left;
}
div#viewat {
	padding: 0px;
	margin: 0px;
	width: 87px;
	height: 15px;
	background: transparent;
	float: left;
}
div.footer_sep {
	padding: 0px;
	margin: 0px;
	width: 3px;
	height: 15px;
	background: transparent;
	float: left;
}