/* 
	Project: 	Mondofacto
	Author:		Kris Consadine
	Version:	1.1.0
	Created:	12 November 2008	
	Media:		Screen Style Sheet
*/

.clear {
	clear: both;
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font: 100% Arial, Helvetica, sans-serif;
}

body {
	border-top: 5px solid #5D6471;
	background: url(/img/logo-bg.jpg) top left no-repeat;
}

/* AP divs to make MF logo and word into links */

#logo_link {
	position:absolute;
	width:72px;
	height:115px;
	z-index:1;
	left: 14px;
	top: 7px;
}
#word_link {
	position:absolute;
	width:253px;
	height:34px;
	z-index:2;
	left: 108px;
	top: 25px;
}

.dict_box {
	 border:solid 1px #777777;
	 padding:20px; 
	 margin-left:0px; 
	 margin-right:10px;
	 margin-top:10px;
	 margin-bottom:10px;
	 width:160px; 
 }
 
 .dict_box2 {
	 border:solid 1px #777777;
	 padding:20px; 
	 margin-left:0px; 
	 margin-right:10px;
	 margin-top:10px;
	 margin-bottom:12px;
	 width:160px;
	 height:180px; 
 }
 
  .dict_box3 {
	 border:solid 1px #777777;
	 padding:20px; 
	 margin-left:3px; 
	 margin-right:10px;
	 margin-top:0px;
	 margin-bottom:10px;
	 width:376px; 
 }

/* H1 for when style sheet is disabled */
h1 span {
	position: absolute;
	left: -999em;
	
}


/* Overall Page Structure */
div#top-links {
	width: 160px;
	height: 50px;
	margin: 0;
	padding: 0;
	float: right;
}

	div#top-links ul {
		position: absolute;
		top: 5px;
		right: 10px;
		margin: 0;
		padding: 0;
		min-height: 1%;
		font-size: 75%;
	}
	
	div#top-links li {
		list-style: none;
		float: left;
		margin: 0 15px 0 0;
		padding: 7px 0 0 0;
		color: #666666;
		font-weight: bold;
		background: url(/img/buttons/toplink-bullet.jpg) top center no-repeat;
	}
	
	div#top-links a,
	div#footer a {
		text-decoration: none;
		font-weight: bold;
		color: #5D6471;
	}

/* 	This is the main container which holds all other DIV's which in turn
	hold content and adverts */
div#container {
	margin: 0 0 0 85px;
	padding: 0;
	min-height: 600px;
	height: auto !important; /* Force IE6 min-height */
  	height: 600px;
}

	/* Coloured Bars */
	div#green-bar {
		background: #94B073 url(/img/bar-green.jpg) top left no-repeat;
		height: 65px;
		margin: 0;
	}
	
	div#purple-bar {
		background: #6E5C89 url(/img/bar-purple.jpg) top left no-repeat;
		height: 65px;
	}
	
	div#grey-bar {
		background: #676C74 url(/img/bar-grey.jpg) top left no-repeat;
		height: 65px;
	}
	
	div#red-bar {
		background: #A14D4E url(/img/bar-red.jpg) top left no-repeat;
		height: 65px;
	}
	
	div#teal-bar {
		background: #437A7C url(/img/bar-teal.jpg) top left no-repeat;
		height: 65px;
	}
	
	h1.section {
		color: #fff;
		margin: 0 0 0 24px;
		padding: 9px 0 0 0;
		font-size: 16px;
		font-weight: bold;
	}

	/*	This is the DIV which containes the Search Form	*/
	#search-area {
		float: left;
		width: 42%;
		height: 42px;
		padding: 15px 0 0 0;
		position: relative;	
		top: 0;
	}
	
		#search-area fieldset {
			border: none;
		}
		
		#search-area legend {
			display: none;
		}
		
		#search-area label {
			color: #666666;
			font-size: 90%;
			font-weight: bold;
			margin: 0;
			position: absolute;
			top: 30px;
			left: 35px;
		}
		
		#search-area .wide-text-field {
			width: 369px;
			height: 23px;
			margin: 0;
			padding: 10px 0 0 10px;
			border: none;
			background: url(/img/textfield-bg.jpg) top left no-repeat;
			position: absolute;
			top: 11px;
			left: 0;
		}
		
		#search-area .submit-btn-green,
		#search-area .submit-btn-grey,
		#search-area .submit-btn-purple,
		#search-area .submit-btn-teal,
		#search-area .submit-btn-red {
			width: 93px;
			height: 35px;
			font-weight: normal;
			border: none;
			color: #fff;
			font-size: 80%;
			margin: 0;
			position: absolute;
			top: 10px;
			left: 380px;
			cursor: pointer;
		}
		
		#search-area .submit-btn-green {
			background: url(/img/buttons/liu-green.jpg) top left no-repeat;
		}
		
		#search-area .submit-btn-grey {
			background: url(/img/buttons/look_it_up_grey.jpg) top left no-repeat;
		}
		
		#search-area .submit-btn-teal {
			background: url(/img/buttons/look_it_up_teal.jpg) top left no-repeat;
		}
		
		#search-area .submit-btn-red {
			background: url(/img/buttons/look_it_up_red.jpg) top left no-repeat;
		}
		
		#search-area .submit-btn-purple {
			background: url(/img/buttons/look_it_up_purple.jpg) top left no-repeat;
		}
	
	/* 	This is the DIV that should be hidden to start and when the user searches,
		the DIV is displayed and shows the search criteria as part of the H2 tag */
	div#results-title-green,
	div#results-title-grey,
	div#results-title-purple,
	div#results-title-red,
	div#results-title-teal {
		float: left;
/*		width: 78%;*/
		height: 25px;
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	div#results-title-green,
	div#results-title-grey {
		background-color: #DFE7D4;
	}
	
	div#results-title-purple {
		background-color: #D8D3DF;
	}
	
	div#results-title-red {
		background-color: #E6D1D1;
	}
	
	div#results-title-teal {
		background-color: #CCDBDC;
	}
	
		h2.result {
			font-size: 110%;
			font-weight: bold;
			color: #272E39;
			margin: 0 0 0 15px;
		}
		
	/* 	This is the DIV that should hold all of the Google Adverts.
		NOTE: There is no inline styles setup for this DIV */
	div#advertside {
		width: 125px;
		margin: 0;
		float: right;
		height: auto !important;
		background: #fff;
	}

	div#advertbottom {
		margin: 40px 0 0;
		float: left;
		background: #fff;
	}

	/* 	This is the DIV that contains all of the page text */
	div#text-content {
		margin-right: 200px;
		clear: left;
	}
	
	div#text-content p {
		font-size: 90%;
		margin: 0 0 10px 0;
		padding: 0 20px 0 0;
	}

        div#text-content a {
		text-decoration: none;
	}

	div#text-content a:hover {
		background-color: #EEEEEE;
	}

/* Footer Div display after all page content */
div#footer {
	height: 80px;
	background-color: #D7D8DB;
	border-top: 3px solid #E9EAEB;
	margin-left: 85px;
}

div#footer ul {
	margin: 15px 20px 0 0;
	padding: 0;
	min-height: 1%;
	font-size: 65%;
	float: right;
	text-align: right;
}

div#footer li {
	margin: 0;
	padding: 0;
	color: #5D6471;
	list-style: none;
}

div#footer p {
	text-align: left;
	float: left;
	margin: 50px 0 0 20px;
	font-size: 65%;
	color: #5D6471;
}

div#right-menu {
	background-color: #FFFFFF;
	border-left: 1px solid #DDDDDD;
	width: 170px;
	float: right;
	height: auto;
	margin: 10px 0px 4px 12px;
	padding: 0 10px 10px;
}

.side-menu {
	border-top:1px solid #88BBBB;
	margin-bottom:1.5em;
}

.side-menu, .side-menu li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.side-menu a {
	border-bottom: 1px solid #88BBBB;
	display: block;
	font-size: 85%;
	font-weight: bold;
	color: #4444FF;
	left: -24px;
	margin-left: 10px;
	padding: 2px 15px 5px 5px;
	text-decoration: none;
	text-transform: lowercase;
	width: 140px;
}

.side-menu a.current {
	background-color: #88BBBB;
	border-bottom: medium none;
	color: #FFFFFF;
	margin-left: 10px;
	padding: 2px 15px 5px 5px;
}

.font90 {
	font-size: 90%;
}

div#text-full {
	margin-right: 30px;
	margin-top: 10px;
	clear: left;
}
div#text-full a {
	color: #004BB8;
	text-decoration: none;
}
div#text-full td {
	vertical-align: top;
	font-size: 90%;
}

div#text-full h4 {
	color: #004BB8;
	margin-top: 0px;
}
div#text-full h3 {
	border-bottom: 1px solid;
	color: #5D8626;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.list {
	clear: left;
	font-size: 14px;
	padding-top:20px;
	line-height:22px;
}

.list a {
	color: #004BB8;
}