/* CSS Document */

body{
	background-color:#004c36;  
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-image: url(http://www.wict.co.uk/img/background.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#container{
	display:block;
	position:relative;
	margin:5px auto;
	width:900px;
	height:auto;
}

/* HEADER */

.header{
	display:block;
	position:relative;
	width:900px;
	height:140px;
}

.login{
	display:block;
	position:relative;
	width:284px;
	height:140px;
	float:right;
}

.left_header{
	display:block;
	position:relative;
	width:616px;
	height:140px;
	float:left;
}

.logo{
	display:block;
	position:relative;
	width:234px;
	height:79px;
	float:left;
	margin:5px 0px 0px 7px;
}

.menu{
	display:block;
	position:relative;
	width:616px;
	height:37px;
	clear:both;
	padding:5px 0px 0px 0px;
}

.menu li{
	text-decoration:none;
	list-style:none;
	display:inline;
	margin:0px 7px 0px 0px;
}

.menu ul{
	margin:17px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* IMAGE */

.image{
	display:block;
	position:relative;
	width:900px;
	height:155px;
	margin:1px 0px 0px 0px;
}

/* BODY */

.body_container{
	display:block;
	position:relative;
	width:900px;
	height:auto;
	background-color:#FFFFFF;
	background-image: url(images/c_background.gif);
	background-repeat: repeat-y;
}

.body_container_single_column{
	display:block;
	position:relative;
	width:900px;
	height:auto;
	background-color:#FFFFFF;
}

.body_left, .body_single_column{
	display:block;
	position:relative;
	width:620px;
	height:auto;
	float:left;
	margin:10px 0px 0px 10px;
	_margin:10px 0px 0px 5px;
	padding: 0px 10px 10px 10px;
	background-image: url(images/people.gif);
	background-repeat: no-repeat;
}

.body_single_column{
	width:855px;
	background-image: url(images/people_wide.gif);
	background-repeat: no-repeat;
}


.body_right{
	display:block;
	position:relative;
	width:209px;
	height:auto;
	float:left;
	margin:10px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	background-color:#004c36;
}

.clear{
	display:block;
	position:relative;
	width:900px;
	height:10px;
	background-color:#FFFFFF;
	clear:both;
}

/* LINKS */

a, a:hover{
	color:#FF7800;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color:#006850;
}

.a, .a:hover{
	font-size:0.62em;
	color:#006850;
	text-decoration:none;
}

.a:hover{
	color:#FF7800;
}

.aw, .aw:hover{
	color:#FF7800;
	text-decoration:none;
}

.aw:hover{
	color:#FFFFFF;
}

.ab, .ab:hover{
	font-size:0.62em;
	color:#000000;
	text-decoration:none;
}

.ab:hover{
	color:#FF7800;
}

/* FONTS */

p {
	font-size:0.77em;
	color:#006850;
	padding:0px;
	margin:0px;
}

li {
	font-size:0.77em;
	color:#006850;
	padding:0px;
	margin:5px 0 0 0;
}

.body{
	font-size:0.77em;
	color:#006850;
	padding:0px;
	margin:0px;
}

.body_s{
	font-size:0.7em;
	color:#006850;
	padding:0px;
	margin:0px;
}

.body_white{
	font-size:0.74em;
	color:#FFFFFF;
	padding:0px;
	margin:5px 0px 0px 0px;
}

.body_light_green p{
	font-size:0.74em;
	color:#ADDFC3;
	padding:0px;
	margin:0px 0px 0px 0px;
}

.body_light_green b{
	display:inline;
	font-size:0.74em;
	color:#fff;
}

.body_footer{
	font-size:0.6em;
	color:#FFFFFF;
	padding:0px;
	margin:5px 0px 0px 0px;
}

.body_breadcrumb{
	font-size:0.6em;
	color:#006850;
	padding:0px;
	margin:0px;
}

h1{
	font-size:1.1em;
	color:#FF7800;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
}

h2{
	font-size:0.9em;
	color:#FF7800;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
}

/* LOGIN */

 input {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #006850;
	background-color: #FFFFFF;
	border: 1px solid #006850;
	padding: 3px;

}

select {
	background-color: #FFFFFF;
	border: 1px solid #006850;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding:0px 0px 0px 0px;
	margin-top:-10px;
}

.input {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #006850;
	background-color: #FFFFFF;
	border: 1px solid #006850;
	padding: 3px;

} 

.select {
	background-color: #FFFFFF;
	border: 1px solid #006850;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding:0px 0px 0px 0px;
	margin-top:-10px;
}

/* SLIDESHOW */

#slideshow {
    position:relative;
    height:155px;
	width:900px;
	margin:1px 0px 0px 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.profile {
	display:block;
	width:300px;
	float:left;
	margin:0 0 10px 0;
}

.profile img {
	float:left;
	margin:0 10px 0 0;
}

.property {
	display:block;
	width:500px;
	float:left;
	margin:0 0 10px 0;
}

.property img {
	float:left;
	margin:0 10px 0 0;
}

/* 
.page-navi li {
	display:block;
	padding:0 12px 0 12px;
	float:left;
	background-color:#fff;
	max-width:100px;
	height:15px;
}

.page-navi a {
	font-size:10px;
	color:#006850;
	z-index:10;
}

.page-navi a:hover {
	color:#FF7800;
}

.children {
	display:none;
} */

.page-navi
{	margin: 0;
	padding: 0}
	
	.page-navi li
	{	float: left;
		list-style: none;
		font-size: 10px;
		background-color:#fff;
		z-index:10; }

	.page-navi li a
	{	display: block;
		background: #fff;
		padding: 0 8px 0 8px;
		text-decoration: none;
		color:#006850;
		white-space: nowrap}

	.page-navi li a:hover
	{		color:#FF7800;}
		
		.page-navi li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden; }
		
		.page-navi li ul li
		{	float: none;
			display: inline}
		
		.page-navi li ul li a
		{	width: auto;
			background: #fff}
		
		.page-navi li ul li a:hover
		{	background: #fff}