/* CSS Document */

/* General & Redefined */

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

p {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

li { 
	line-height: 1.5em;
}

h1 {
	font-size: 1.8em;
	left: -9999px;
	position: absolute;
}

h2 {
	font-size: 1.2em;
	color: #F23C89;
}

table {
	width: 100%;
	border: 0;
	padding: 2px;
}

table td {
	background-color: #CF1062;
	padding: 3px;
}

a:link, a:visited {
	color: #F88BB9;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.imgright {
	float: right;
}

.borderless {
	border: 0;
	padding: 0px;
	margin: 0px;
}

.clearfloat {
	clear: both;
}

#container {
	width: 945px;
	margin-left: 15px;	
}


/* Header & navigation */

#header {
	padding-top: 30px;
	padding-bottom: 50px;
	background-image:url(../images/bg_header.gif);
	background-repeat: no-repeat;
}

#navigation	{
	margin-left: 230px;
}

.navicon {
	margin-right: 5px;
	float: left;
}

.navitem {
	margin-right: 10px;
	float: left;
}

.temptag {
	float: right;
}

/* Logo, important info & pic */

#logo {
	width: 220px;
	height: 285px;
	background-image:url(../images/logo.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#pic {
	margin-right: 10px;
	margin-bottom: 10px;
}

#info {
	width: 204px;
	min-height: 324px;
	background-image:url(../images/bg.gif);
	margin-right: 10px;
	padding: 8px;
	float: left;
}

.infoheading {
}

.infotext {
	margin-top:18px;
	margin-bottom: 18px;
	padding-left: 34px;
}

.infotext_last {
	margin-top:18px;
	padding-left: 34px;
}

#sidebar {
	width: 230px;
	float: left;
}

#illy {
	margin-top:18px;
	text-align: center;
}

/* Main content area */

#maincontent {
	width: 469px;
	background-image:url(../images/bg.gif);
	padding: 8px;
	float:left;
}

.mainheading {
	border-bottom: 1px solid #F23C89;
	margin-bottom: 18px;
	padding-bottom: 10px;
}

.maintext {

}

.maindivider {
	border-bottom: 1px solid #F23C89;
	margin-top: 18px;
	margin-bottom: 18px;
}

/* Gallery page */

#gallerycontent {
	width: 699px;
	background-image:url(../images/bg.gif);
	padding: 8px;
	float:left;
}

.thumb_row {
	margin-bottom: 40px;
	float: left;
}

.thumbnail_left {
	width: 200px;
	margin-right: 46px;
	float: left;
}

.thumbnail_left img, .thumbnail_right img {
	border: 1px solid #FFFFFF;
}

.thumbnail_right {
	width: 200px;
	float: right;
}


#gallerylarge {
	width: 600px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}

.gallerylarge_image {
	text-align: center;
	margin-bottom: 20px;
}

.gallerylarge_image img {
	border: 4px solid #FFFFFF;
}

.gallerylarge_caption {
	text-align: center;
	font-weight: bold;
}

/* Menu page specific */

#menuinfo {
	width: 204px;
	background-image:url(../images/bg.gif);
	margin-right: 10px;
	padding: 8px;
	float: left;
}

.menuinfoheading {
}

.menuinfotext {
	margin-top:18px;
	margin-bottom: 18px;
	padding-left: 34px;
}

.pdficon {

	margin-right: 8px;
	float: left;
}

.pdftext {
	float: left;
}

/* Home page specific */

#introtext {
	margin-top: 18px;
	margin-bottom: 18px;
}

#banner {
	margin-top: 18px;
	margin-bottom: 18px;
}

#news {
	margin-bottom: 18px;
}

.newsitem {
	background-image:url(../images/icon_news.gif);
	background-repeat: no-repeat;
	margin-bottom: 12px;
	padding-left: 24px;
	float: left;
}

.newsdate {	
	float: right;
}

#fairtrade {
}

#fairtradelogo {
	width: 67px;
	margin-right: 10px;
	float: left;
}

#fairtradetext {
	float:left;
}

.menulist_anchor {
	list-style-type: none;
}

.menulist_anchor li {
	
	background-image: url(../images/icon_anchor.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

/* Footer */


#footer {
	border-top: 1px solid #999999;
	text-align: right;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-top: 10px;
}

#footer a:link, #footer a:visited {
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.hideit {
	display: none;
}

/* Drop Down Menu */

/* common styling */
.menu { position:relative; margin:0; z-index:100;}
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#000;width:92px; height:20px; color:#fff; background:#000; border-top: solid 1px #000; margin-right:9px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0;}
.menu ul li:hover ul li a.hide {background:#F23C89; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#F23C89; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image:url(../images/bg.gif); background-repeat:no-repeat; color:#fff;}
.menu ul li:hover ul li a:hover {background:#F23C89; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.newyear {
	font-size:1.8em;
	margin-bottom:10px;
}