/*	-------------------------------------------------------------
	Legal Services Ombudsman
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Layout styles
	Filename:		olso2006.css
	Version:		1.0
	Date:			May 05, 2006
	Author:			Analogue Internet, analogue.co.uk
	-------------------------------------------------------------	*/
	
/* layout */


#container {
	width: 760px;
	text-align: center;
	background-image: url(media/t3.jpg);
	background-repeat: repeat-y;
	height: auto;
	margin: 0px auto 0px auto;
}
#arblock1 {
	width: auto;
	text-align: left;
	height: auto;
	margin: 0px auto 0px auto;
	background-color: #8E9CCB;
	padding: 5px 50px 5px 5px;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
}
#arblock2 {
	width: auto;
	text-align: left;
	height: auto;
	margin: 0px auto 0px auto;
	background-color: #EFEFEF;
	padding: 5px 50px 5px 5px;
}

#header {
	width: 760px;
	text-align: left;
	background-image: url(media/t1.gif);
	height: 64px;
}
#date {
	width: 150px;
	text-align: left;
	height: auto;
	margin-top: 35px;
	margin-left: 30px;
	font-size: 10px;
	color: #006599;
	float: left;
}

#sitesearch {
	width: 280px;
	text-align: right;
	height: auto;
	margin-top: 30px;
	font-size: 10px;
	color: #006599;
	float: right;
	margin-right: 40px;
}
#container #header #sitesearch #form1 #searchbox {
	font-size: 9pt;
	color: #666666;
	background-color: #EFEFEF;
}
#container #header #sitesearch #form1 #searchbtn {
	font-size: 8pt;
}

#logoheader {
	width: 740px;
	text-align: left;
	background-image: url(media/t2.jpg);
	height: 115px;
	margin: 0px auto 0px auto;
	clear: both;
}
#innercontainer {
	width: 730px;
	text-align: left;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
}
#nav {
	width: 200px;
	text-align: left;
	height: 400px;
	float: left;
	padding-top: 18px;
	background-image: url(media/navoutline.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#content {
	width: 510px;
	text-align: left;
	height: auto;
	float: right;
	margin: 0px 4px 0px auto;
}
.contentfull {
	width: 510px;
	text-align: left;
	height: auto;
	float: right;
}

.contentindented {
	width: 400px;
	text-align: left;
	height: auto;
	float: left;
	margin: 0px 0px 0px 20px;
	clear: both;
	padding-top: 4px;
}
.ruler {
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	clear: both;
	width: auto;
}

.rulerplus {
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 10px;
	width: auto;
}

#columnleft {
	width: 240px;
	text-align: left;
	height: auto;
	float: left;
	margin: 0px 0px 0px auto;
}
#columnright {
	width: 240px;
	text-align: left;
	height: auto;
	float: right;
	margin: 0px 0px 0px auto;
}

.formcleft {
	width: 240px;
	text-align: left;
	height: auto;
	float: left;
	margin: 0px 0px 0px auto;
}
.formcright {
	width: 240px;
	text-align: left;
	height: auto;
	float: right;
	margin: 0px 0px 0px auto;

}


.clear{
	clear: both;
	width: auto;
}
#footer{
	clear: both;
	height: 145px;
	width: 760px;
	background-repeat: no-repeat;
	background-image: url(media/footer.gif);
}


#footeraddress{
	float: right;
	height: auto;
	width: 500px;
	text-align: left;
	font-size: 0.9em;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: auto;
	margin-left: 0px;
}

#footerinfo {
	font-size: 0.8em;
	color: #006699;
	float: left;
	height: auto;
	width: 100px;
	text-align: left;
	margin: 10px auto 0px 30px;
	padding-top: 5px;
}

.picleft{
float: left;
height: auto;
width: auto;
margin: 0px 10px 10px 0px 
}

.picright{
float: right;
height: auto;
width: auto;
margin: 0px 0px 10px 10px 
}

#spacebox{
	width: auto;
	clear: both;
	height: 25px;
}
.newsbox{
	height: auto;
	background-color: #EFEFEF;
	padding: 6px 6px 6px 6px;
	border-left: solid 8px #cccccc;
	border-right: solid 8px #cccccc;
	clear: both;
	width: 482px;
}
.newsrepeater{
	width: 470px;
	height: auto;
	margin: 4px 0px 0px 0px;
	font-size: 8.5pt;
	clear: both;
}