/*
===========================================================================
File Name		:	css/small.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	Small CSS Elements Created
============================================================================
*/
/* Titles */
div#title_welcome_side {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 208px;
	height: 35px;
	background-image: url(../images/titles/side_welcome_medium.png);
}
div#title_options_side {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 208px;
	height: 35px;
	background-image: url(../images/titles/side_options_medium.png);
}
div#title_menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 194px;
	height: 35px;
	background-image: url(../images/titles/menu_medium.png);
}
div#title_welcome {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/welcome_medium.png);
}
div#title_about {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/about_medium.png);
}
div#title_clients {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/client_medium.png);
}
div#title_training {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/courses_medium.png);
}
div#title_centre {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/centre_medium.png);
}
div#title_directions {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/directions_medium.png);
}
div#title_risk {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/risk_medium.png);
}
div#title_contacts {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/contacts_medium.png);
}
div#title_streetworks {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/streetworks_medium.png);
}
div#title_utilities {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/util_medium.png);
}
div#title_assessment {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/assessment_medium.png);
}
div#title_spaces {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/spaces_medium.png);
}
div#title_health {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/health_medium.png);
}
div#title_aid {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/aid_medium.png);
}
div#title_management {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/manage_medium.png);
}
div#title_terms {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/terms_medium.png);
}
div#title_access {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/access_medium.png);
}
div#title_sitemap {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/sitemap_medium.png);
}
div#title_keys {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/keys_medium.png);
}
div#title_feedback {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/feedback_medium.png);
}
div#title_view {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/view_medium.png);
}
div#title_ta {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 7px;
	width: 385px;
	height: 35px;
	background-image: url(../images/titles/ta_medium.png);
}




/* Content */
div#header_left {
	padding: 77px 0px 0px 219px;
	margin: 0px;
	/* width: 601px; */
	width: 382px;
	/* height: 15px; */
	height: 16px;
	background: transparent;
	clear: left;
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
}
div#header_left a:link, div#header_left a:active, div#header_left a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
div#header_left a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
div#content_left {
	padding: 0px 21px 0px 21px;
	margin: 0px 0px 0px 0px;
	/* width: 385px; */
	width: 343px;
	height: auto;
	background: transparent;
	clear: left;
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	line-height1: 1.4em;
}
div#content_left a:active, div#content_left a:visited, div#content_left a:link {
	text-decoration: underline;
	color: #000000;
}
div#content_left a:hover {
	text-decoration: none;
	color: #000000;
}
div#content_right {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width: 172px;
	/* width: 208px; */
	height: auto;
	background: transparent;
	float: right;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: left;
	line-height: 1.4em;
}
div#content_right a:active, div#content_right a:visited, div#content_right a:link {
	text-decoration: none;
	color: #000000;
}
div#content_right a:hover {
	text-decoration: none;
	color: #000000;
}
.content_right_ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}
.content_right_li {
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
	background: transparent;
	list-style-type: none;
	line-height: 1.1em;
}
div#sub_footer {
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
	width: 589px;
	/* width: 609px; */
	height: auto;
	background: transparent;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	line-height: 1.3em;
}
div#sub_footer a:link, div#sub_footer a:visited, div#sub_footer a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
div#sub_footer a:hover {
	text-decoration: none;
	color: #FFFFFF;
}


/* About Button */
div.about {
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/1_about_medium.png' ) 0 -22px no-repeat;
}
div.about a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/1_about_medium.png' ) top left no-repeat;
}
div.about span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.about a:hover {
	background-image: none;
}
div.about a:active {
	color: black;
}
/* Training Courses Button */
div.training {
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/2_training_medium.png' ) 0 -22px no-repeat;
}
div.training a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/2_training_medium.png' ) top left no-repeat;
}
div.training span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.training a:hover {
	background-image: none;
}
div.training a:active {
	color: black;
}
/* Quay Button */
div.quay {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/3_quay_medium.png' ) 0 -22px no-repeat;
}
div.quay a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/3_quay_medium.png' ) top left no-repeat;
}
div.quay span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.quay a:hover {
	background-image: none;
}
div.quay a:active {
	color: black;
}
/* Contact Button */
div.contact {
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/4_contacts_medium.png' ) 0 -22px no-repeat;
}
div.contact a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 194px;
	height: 22px;
	background: url( '../images/menu/4_contacts_medium.png' ) top left no-repeat;
}
div.contact span {
	display: block;
	margin: 0px;
	padding: 0px;
}
div.contact a:hover {
	background-image: none;
}
div.contact a:active {
	color: black;
}
/* End buttons */
/* Access Menu */
/* Small Button */
div.small {
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/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/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/medium_off.png' );
	float: left;
}
div.medium a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/medium_off.png' );
	float: left;
}
/* Large Button */
div.large {
	margin: 0px;
	padding: 0px;
	width: 27px;
	height: 27px;
	background: url( '../images/access/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/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;
}
/* End Access Menu */

/* Feedback Form */
div#feedback_form_container {
	padding: 0px 21px 0px 21px;
	margin: 0px 0px 0px 0px;
	/* width: 385px; */
	width: 343px;
	height: auto;
	clear: left;
	float: left;
}
.feedback_form_fieldset {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 340px;
	height: auto;
	background: transparent;
	border-width: 0px;
	border-style: none;
	border-color: #FFFFFF;
}
.feedback_form_div {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 340px;
	height: 22px;
	background: transparent;
}
.feedback_form_div_large {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 340px;
	height: 100px;
	background: transparent;
}
.feedback_form_label {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 130px;
	height: 22px;
	display: block;
	float: left;
	clear: left;
	background: transparent;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
.feedback_form_field {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 15px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
.feedback_form_big_field {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 100px;
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}
div#feedback_form_button_container {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	width: 330px;
	height: 18px;
	background: transparent;
}
div#feedback_form_button_container_left {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 228px;
	height: 18px;
	background: transparent;
	float: left;
	clear: left;
}
div#feedback_form_button_submit_container {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 52px;
	height: 18px;
	background: transparent;
	float: left;
}
div#feedback_form_button_reset_container {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 50px;
	height: 18px;
	background: transparent;
	float: left;
}

.feedback_form_button {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 50px;
	height: 18px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #666666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
}