/***********************************************/
/* layout.css                                  */
/* Use with www.sqsltd.co.uk                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
		
	body {
		font-size: 0.7em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		color: #333333;
		background: #CCCCCC url(../images/shd/bg_main.jpg) repeat-x left top;
		line-height: 1.4em;
	}
	
	h1 {
		font-size: 1.5em;
		color: #333333;
		margin: 0 0 15px 0;
	}
	
	h2 {
		font-size:1em;
		color:#333333;
		margin: 0;
	}
	
	img {
		border: 0;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
		text-align: right;
	}
	
	.clear {
		clear: both;
	}
	
	p {
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	ul, ol {
		margin: 0;
		padding: 0;
	}
	
	ul li {
		margin: 0;
		padding: 0 0 0 10px;
		list-style-type: none;
		background: url(../images/shd/bullet.gif) no-repeat left 6px;
	}
	
	ol li {
		margin: 0 0 10px 20px;
	}

	a, a:visited, a:link {
		color: #000000;
		text-decoration: underline;
	}

	a:active, a:hover, a:visited:hover {
		text-decoration: none;
	}
	
	form {
		margin: 0;
		padding: 0;
	}


/***********************************************/
/* Content                                     */
/***********************************************/ 

	.content_outer {
		margin: auto;
		width: 830px;
	}
	
	.content_inner {
		width: 800px;
		float: left;
		padding: 0 15px 0 15px;
		background: url(../images/shd/bg_shadow.jpg) repeat left top;
	}
	
	.col_holder {
		width: 798px;
		float: left;
		border: 1px solid #ffffff;
		border-top: 0;
		border-bottom: 0;
		background: #FFFFFF url(../images/shd/bg_left.gif) left top repeat-y;
	}
	
	.bottom {
		width: 830px;
		float: left;
		text-align: right;
		background: url(../images/shd/bg_bottom.jpg) no-repeat left top;
		font-size: 0.9em;
	}
	
	.bottom p {
		padding: 17px 15px 0 0;
		margin: 0 0 10px 0;
		clear: both;
	}
	
	.left_col {
		float: left;
		width: 175px;
		background-color: #F8F8F5;
		padding: 30px 40px 10px 30px;
	}
	
	.left_col h2 {
		font-size: 1.1em;
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #cccccc;
	}
	
	.left_col ul {
		margin: 0 0 30px 0;
	}
	
	.right_col {
		float: left;
		width: 503px;
		padding: 0 30px 10px 20px;
	}
	
	.right_col ul {
		margin: 0 0 10px 0;
	}
	
	
	.right_col img {
		margin: 0 0 12px 0;
	}
	
	.inner_col_left {
		float: left;
		width: 240px;
		margin: 0 40px 0 0;
	}
	
	.inner_col_right {
		float: left;
		width: 223px;
	}
	
	.light_grey {
		color: #999999;
	}
	
	.flash {
		float: left;
		background-color: #FFFFFF;
	}
	
	.contact_left {
		float: left;
		width: 70px;
	}
	
	.contact_right {
		float: left;
		width: 150px;
	}
	
	.sub_nav ul {
		width: 503px;
		list-style: none;
		float: left;
		margin: 0 0 15px 0;
		padding: 0;
		background: #EAEAE0;
	}

	.sub_nav ul a, .sub_nav ul a:visited, .sub_nav ul a:link {
		float: left;
		color: #333333;
		padding: 5px;
		margin: 0;
		border-right: 2px solid #FFFFFF;
		text-decoration: none;
		background: #EAEAE0;
	}

	.sub_nav ul a:active, .sub_nav ul a:hover, .sub_nav ul a:visited:hover {
		color: #ffffff;
		background: #468844;
	}
	
	.sub_nav ul li {
		list-style: none;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	a.sub_nav_on {
		color: #ffffff !important;
		background: #468844 !important;
	}
	
	.select {
		font-size: 0.8em;
	}
	
	.input, .input2 {
		background-color: #F8F8F5;
		border: 1px solid #EAEAE0;
		padding: 2px 5px 2px 5px;
		width: 115px;
		font-size: 0.8em;
	}
	
	.input2 {
		width: 217px;
	}

	textarea {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #333333;
		background-color: #F8F8F5;
		border: 1px solid #EAEAE0;
		width: 115px;
		padding: 2px 5px 2px 5px;
	}

	.textarea2 {
		width: 217px;
	}
	
	label {
		float: left;
		font-weight: bold;
		width: 90px;
		line-height: 1em;
		margin: 0 0 15px 0;
	}
	
	.button {
		background-color: #EAEAE0;
		padding: 2px 5px 2px 5px;
		border: 1px solid #B3B38E;
		font-size: 0.8em;
	}
	
	.red {
		color: #CC0000;
		font-weight: bold;
		font-size: 1em;
	}
	
	.compulsory {
		background: url(../images/shd/compulsory.gif) right top no-repeat;
	}