/* 	Project: 	Mondofacto V2
	Author:		Andrew Tait
	Version:	1.0.0
	Created:	10 June 2009	
	Media:		Screen Style Sheet  */

/* General cross site properties (CSS Reset) */

.clear { clear: both; }

.clear-top {
	clear: both;
	margin-top: 60px;
}

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

li { line-height:22px; }

/* HEADER */

div#header {
	background: #fff;
}

div#content {
	background-color:#FFFFFF;
	float:left;
	font-size:13px;
	margin-left:9px;
	margin-top:5px;
	padding-left:7px;
	padding-right:7px;
	width:729px;
}

div#content-full {
	background-color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
	font-size:13px;
}

.a2z, .a2z a {
	text-align: center;
	font-size: 14pt;
	color: #004BB8;
	font-weight:bold;
}

.diclist, .diclist a {
	text-align: center;
	font-size: 11pt;
	margin-top: 5pt;
	color: #004BB8;
	font-weight:bold;
}

div#sidebar {
	float: right;
	width: 322px;
	padding-right: 2px;
}

div#footer {
	clear: both;
}

div#top-links {
	margin: 0;
	padding: 0;
	float: right;
}

div#top-banner {
	width: 400px;
	height: 88px;
	margin: 0;
	padding: 0;
	float: left;
}

div#top-links ul {
	top: 5px;
	margin: 0;
	padding: 0;
	min-height: 1%;
	font-size: 75%;
}

div#top-links li {
	list-style: none;
	float: left;
	line-height:12px;
	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 {
	text-decoration: none;
	font-weight: bold;
	color: #5D6471;
	font-size:12px;
}

/* 	This is the main container div */
	
div#container, div#container-community {
	margin: 0;
	padding:0px 4px 4px 4px;
	width:1088px;
	margin-right:auto; margin-left:auto;
	min-height: 600px;
	height: 600px;
	height: auto !important; /* Force IE6 min-height */
  	background-color:#FFFFFF;
	border-top: 5px solid #5D6471;
}

div#container-community { padding:0 8px 4px; width:1054px; }

/* The CSS Code for the top navigation menu starts here */

/* Top Navigation Bar */

div#green-bar, div#purple-bar, div#red-bar, div#teal-bar { height: 30px; margin: 0; }

div#green-bar { background-color:#5D8626; }

div#purple-bar { background-color: #3D2360; }

div#red-bar { background-color: #841818; }

div#teal-bar { background-color: #014B4E; }
	
/* Top navigation menu bar */

#menu {
	font-weight: bold;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	height: 30px;
	margin:0px;
}

#menu li { float: left; margin: 0; }
			
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #666666;
}
			
/* Green Menu */
			
#menu_wrapper.green ul { background-color: #759B49; }

#menu_wrapper.green a { color: #FFFFFF; }

#menu_wrapper.green li a:hover { color: #333333; background-color: #BDD791; }

#menu_wrapper.green li.active a { color: #FFFFFF; background-color: #BDD791; }

/* Red Menu */

#menu_wrapper.red ul { background-color: #9D4544; }

#menu_wrapper.red a { color: #FFFFFF; }

#menu_wrapper.red li a:hover { color: #333333; background-color: #E28382; }

#menu_wrapper.red li.active a { color: #FFFFFF; background-color: #E28382; }

/* Purple Menu */

#menu_wrapper.purple ul { background-color: #645083; }

#menu_wrapper.purple a { color: #FFFFFF; }

#menu_wrapper.purple li a:hover { color: #333333; background-color: #B0A2C5; }

#menu_wrapper.purple li.active a { color: #FFFFFF; background-color: #B0A2C5; }

/* Teal Menu */

#menu_wrapper.teal ul { background-color: #3A7476; }

#menu_wrapper.teal a { color: #FFFFFF; }

#menu_wrapper.teal li a:hover { color: #333333; background-color: #6FB1B3; }

#menu_wrapper.teal li.active a { color: #FFFFFF; background-color: #6FB1B3; }
	
/*	This is the div that contains the search form	*/

#search-area {
	margin-bottom:15px;
	padding:15px 0 0;
	position:relative;
}

#search-area fieldset, #search-big fieldset { border: none; }
	
#search-area legend, #search-big legend { display: none; }

#search-area label, #search-big label {
	color: #666666;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 35px;
}

#search-area .wide-text-field, #search-big .wide-text-field {
	width: 369px;
	height: 22px;
	margin: 0;
	padding: 8px 0 0 10px;
	top: 11px;
	left: 0;
	border: none;
	background: url(/img/textfield-bg.png) top left no-repeat;
	position: absolute;
	font-size:12px;
}

#search-area .submit-btn-green, #search-big .submit-btn-green, #search-area .submitbutton_cross {
	background:transparent url(/img/buttons/liu-green.png) no-repeat scroll left top;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:100%;
	font-weight:normal;
	height:30px;
	left:384px;
	margin:0;
	position:absolute;
	top:11px;
	width:85px;
}

#search-big {
	float: left;
	width: 465px;
	height: 40px;
	padding: 15px 0 0 0;
	position: relative;	
	top: 0;
}

#search-big .wide-text-field {
	background:transparent url(/img/textfield-big.png) no-repeat scroll left top;
	color:#333333;
	font-size:20px;
	height:32px;
	left:0;
	top:11px;
	width:490px;
}

#search-big .submit-btn-green {
	background: url(/img/buttons/liu-green-big.png) top left no-repeat;
	width: 108px;
	height: 38px;
	top: 12px;
	font-weight:bold;
	left: 514px;
	font-size:16px;
}

/* 	This is the code for the output after a definition has been searched for */

.keyword {
	clear: left;
	font-size: 18px;
	padding: 5px;
	margin-top: 15px;
	background-color: #DFE7D4;
	border:1px solid #CCCCCC;
	color:#333333;
}

.keyword a {
	font-size:14px;
	color: #002BB8;
	text-decoration:none;
}

/* This is the box the definition is displayed in */

.definition {
	background-color:#F8F6F7;
	border:#CCCCCC solid 1px;
	padding:12px;
	margin-top:15px;
	margin-bottom:15px;
}

/* Footer divs displayed after all page content */

div#footer_mf {
	height: 120px;
	background-color: #D7D8DB;
	border: 8px solid #E9EAEB;
}

div#footer_mf ul {
	margin: 15px 25px 0 0;
	padding: 0;
	padding-left:15px;
	min-height: 1%;
	font-size: 11px;
	float: right;
	width:100px;
}

div#footer_mf li {
	margin: 0;
	padding: 0;
	color: #5D6471;
	list-style: none;
	line-height:14px;
}

div#footer_mf a {
	text-decoration: none;
	font-weight: bold;
	color:#666666
}

div#footer_mf a:hover {
	color:#333333;
}

div#footer_mf li.title {
	margin: 0;
	margin-bottom:10px;
	padding: 0;
	font-size:14px; 
	font-weight:bold; 
	color:#333333;
}

div#footer_mf li.title a { 
	color:#333333;
}

div#footer_mf img {
	text-align: left;
	float: left;
	margin: 0px;
	color: #5D6471;
}

div#below_footer, div#below_footer a {
	text-align:center;
	font-size:11px;
	color:#666666;
	padding:10px;
	text-decoration:none;
}

/* This H1 is for the titles found in the navigation bar */

h1.section {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 19px;
	padding: 6px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	border:none;
}

h2 {
	background-color:#F8F6F7;
	border:2px solid #CCCCCC;
	color:#377173;
	font-size:26px;
	font-weight:bold;
	margin-bottom:25px;
	margin-top:25px;
	padding:10px;
}

h2.result {
	font-size: 110%;
	font-weight: bold;
	color: #272E39;
	margin: 0 0 0 15px;
}

h2.dict { font-size:16px; background-color:#DFE7D4; padding:6px; margin-top:15px}

h3 {
	border-bottom: 1px solid;
	color: #377173;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h3.green { color: #6E9531; }

h4 { color: #6E9531; font-size: 14px; margin: 35px 0 15px 0px; }

h4.teal { color: #377173; margin: 25px 0 15px 0px; }

h6 {
	color: #377173;
	font-size: 16px;
	margin-bottom:5px;
	margin-top:5px;
}

/* Advert Container (Main Body - 728px wide) */

.ads_leader {
	clear: left;
}

/* 	MAIN BODY DIV */

/* Hyperlinks */

div#content a, div#content-full a { color:#004BB8; text-decoration: none; }

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

div#content-about a.e { text-decoration: none; color: #000000; }

div#content-about a:link:hover, div#content-about a:visited:hover { background-color: #EEEEEE; }

/* Hyperlink for navigation bar header */

a.h1, a.h1:hover, a.h1:visited {
	color: #FFFFFF;
	padding: 0;
	font-size:16px;
	font-weight:bold;
	text-decoration: none;
}

a.h3, a.h3:hover, a.h3green, a.h3green:hover, a.h3red, a.h3red:hover {
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-decoration: none;
}

a.h3, a.h3:hover { color: #377173; }

a.h3green, a.h3green:hover { color: #5F873B; }

a.h3red, a.h3red:hover { color: #841A1A; }

/* RIGHT HAND SIDE BOX */

div#right_box {
	height: auto;
	background-color:#E9EAEB;
	border:1px solid #CCCCCC;
	border-top:none;
	overflow:hidden;
	padding-top:7px;
	width:322px;
}

div#right_box ul {
	padding: 0;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:7px;
	float: left;
}

div#right_box li {
	float:left;
	margin:0 7px 7px 0;
	list-style-type:none;
	background: white none repeat scroll 0 0;
	border:1px solid #C4C4C4;
	cursor:pointer;
	display:block;
	padding:11px;
	height:125px;
	width:126px;
}

div#right_box li.sky600 {
	padding:5px;
	height:600px;
}

div#right_box li.box250 {
	padding:10px;
	height:250px;
}

div#right_box li.box300 {
	padding:2px;
	height:250px;
	width:302px;
}

.bookmark, .bookmark_box {
	clear: left;
	border:#DDDDDD solid 1px;
	padding:12px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:20px;
	margin-bottom:20px;
}