/* CSS Document */
/*More than Just Mackerel*/
/*standard purple=#4C2858
standard orange=#E18137
standard dark grey=#545253
standard grey=#A29896*/

body 	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		color:545253;
		font-size:1em;
		}
		
img.withgap {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

img.withgap_right_aligned {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	}

div#container	{
				width:768px;
				background-color:#FFFFFF;
				}

div#top	{
		width:768px;
		}


div#logo	{
			width:219px;
			height:207px;
			float:left;
			}


div#rhs	{
		width:549px;
		height:207px;
		float:left;
		}


div#graphic	{
			width:549px;
			height:169px;
			}

div#top_menu	{
				width:549px;
				height:38px;
				float:left;
				background-image:url(images/top_menu.jpg);
				}

div#facts	{
			width:130px;
			float:left;
			height:28px;/*less 10px for top border*/
			padding-left:80px;
			padding-top:10px;
			}
			
div#wellbeing	{
				width:150px;
				float:left;
				height:28px;/*less 10px for top border*/
				padding-top:10px;
				padding-left:20px;
				}
				
div#cookbook	{
				width:100px;
				float:left;
				height:28px;/*less 10px for top border*/
				padding-top:10px;
				padding-left:55px;

				}

div#main_page	{
				width:768px;
				}


div#left_menu	{
				float:left;
				width:219px;
				height:176px;/*minus 40px for top and bottom margins*/
				background-color:#FFFFFF;
				background-image:url(images/left_menu.jpg);
				background-repeat:no-repeat;
				text-align:left;
				}


div#right_main	{
				float:left;
				width:548px;/*minus 1 pixel for left and right border*/
				border-left-style:solid;
				border-left-width: 1px;
				border-left-color: #545253;

				}


div#header	{
			color:#4C2858;
			font-size:1.2em;
			width:528px;/*minus 20 px for left and right margin, minus 1 pixel for left and right border*/
			text-align:left;
			margin:10px;
			}

div#not_header	{
				width:547px;/*minus one pixel for the left and one for the right border*/
				border-right-style:solid;
				border-right-width: 1px;
				border-right-color: #545253;
				}

div#content	{
			color:545253;
			font-size:0.9em;
			font-weight:normal;
			width:527px;/*minus 20px for left & right margin, minus one px for left and right border*/
			margin-left:10px;
			margin-right:10px;
			text-align:left;
			}

div#footer	{
			width:527px;/*minus 20px for left & right margin, minus one pixel for left & right border*/
			margin-left:10px;
			margin-right:10px;
			margin-top:30px;
			font-size:0.7em;
			color:#A29896;
			text-align:left;
			}

/*General Text Links*/
a	{
	color: #E18137;
	font-weight: bold;
	text-decoration: none;
	}

a:visited	{
	color: #E18137;
/* ANDY
			color: #4C2858;
*/			font-weight: bold;
			text-decoration: none;
			}
			
a:hover	{
		color: #4C2858;
		font-weight: bold;
		text-decoration: none;
		}
		
a:active	{
			color: #E18137;
			}
			
a:link	{
		}

/*fineText Links*/
a.fine {
		color: #E18137;
		font-weight:600;
		text-decoration: none;
		}

a.fine:visited	{
				color: #4C2858;
				font-weight:600;
				text-decoration: none;
				}
				
a.fine:hover	{
				color: #4C2858;
				font-weight:600;
				text-decoration: none;
				}
				
a.fine:active	{
				color: #E18137;
				}

a.fine:link {
			}

/*Logo Links*/
a.logo {
		border:0;
		}

a.logo:visited	{
				border:0;
				}
				
a.logo:hover	{
				border:0;
				}
				
a.logo:active	{
				border:0;
				}

a.logo:link {
			border:0;
			}

/*As the name suggests, this covers the left menu (purple background part)*/
a.leftmenu:link {
				color: #FFFFFF;
				text-decoration: none;
				font-weight:normal;
				vertical-align:top;
				text-align:left;
				font-size:0.9em;
				}
				
a.leftmenu:visited	{
					text-decoration: none;
					color: #FFFFFF;
					font-weight:normal;
					vertical-align:top;
					text-align:left;
					font-size:0.9em;
					}
					
a.leftmenu:hover	{
					text-decoration: none;
					color: #E18137;
					font-weight:normal;
					vertical-align:top;
					text-align:left;
					font-size:0.9em;
					}
					
a.leftmenu:active	{
					text-decoration: none;
					color: #FFFFFF;
					font-weight:bold;
					text-align:left;
					font-size:0.9em;
					}

/*As the name suggests, this covers the top menu*/
a.topmenu:link	{
				color: #FFFFFF;
				text-decoration: none;
				font-weight:bold;
				vertical-align:top;
				font-size:0.9em;
				}
				
a.topmenu:visited	{
					text-decoration: none;
					color: #FFFFFF;
					font-weight:bold;
					vertical-align:top;
					font-size:0.9em;
					}
					
a.topmenu:hover	{
				text-decoration: none;
				color: #4C2858;
				font-weight:bold;
				vertical-align:top;
				font-size:0.9em;
				}
				
a.topmenu:active	{
					text-decoration: none;
					color: #FFFFFF;
					font-weight:bold;
					font-size:0.9em;
					}

/*As the name suggests, this covers the grey footer menu*/
a.grey_footer:link	{
					color: #A29896;
					vertical-align:top;
					font-weight:normal;
					text-align:left;
					}
					
a.grey_footer:visited	{
						color: #4C2858;
						vertical-align:top;
						font-weight:normal;
						text-align:left;
						}
						
a.grey_footer:hover		{
						color: #4C2858;
						vertical-align:top;
						font-weight:normal;
						text-align:left;
						}
						
a.grey_footer:active 	{
						color: #A29896;
						font-weight:normal;
						text-align:left;
						}

.headline	{
			color:#4C2858;
			font-weight:bold;
			font-size:0.9em;
			text-align:left;
			line-height:1.6em;
			}
			
.headlinebig	{
			color:#4C2858;
			font-weight:bold;
			font-size:1em;
			text-align:left;
			line-height:1.6em;
			}
			
.gentext	{
			color:#4C2858;
			font-weight:normal;
			font-size:0.9em;
			text-align:left;
			line-height:1.6em;
			}
			
.construction	{
				color:#4C2858;
				font-weight:bold;
				font-size:1.0em;
				text-align:center;
				}
.dotted	{
			color:4C2858;
			line-height:0.5em;
			border-bottom-color:4C2858;
			border-bottom-style:dotted;
			border-bottom-width:1px;
			width:527px;/*minus 20px for left & right margin, minus one px for left and right border*/
			}

img	{
	border:0;
	}
	
.right	{
		text-align:right;
		float:right;
		margin-left:30px;
		}
		
.tableleft	{
			width:219px;
			height:176px;
			padding-top:10px;
			padding-bottom:10px;
			}
.tdleftleft		{
				width:35px;
				height:20px;
				}

.tdleftright	{
				width:178px;
				height:20px;
				border-bottom-style:dotted;
				border-bottom-color:#FFFFFF;
				border-bottom-width:1px;
				text-align:left;
				vertical-align:middle;
				}

.tdarrow	{
				width:6px;
				border-bottom-width:1px;
				border-bottom-style:dotted;
				border-bottom-color:#FFFFFF;
				text-align:right;
				vertical-align:middle;
				}
				
.tdleftrightnil	{
				width:184px;
				height:20px;
				text-align:left;
				vertical-align:middle;
				}

.tdarrownil	{
				width:6px;
				text-align:right;
				vertical-align:middle;
				}

.tdaligntop	{
			vertical-align:text-top;
			font-size: 1.2em;
			}