/* Define the main container layer for all the other layers */
#container {
    width: 945px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;   /* Ensure layers are left justified */
    padding: 5px;       /* Give some space around the layers */
    background-color: #00CC00;
}

.ctrx {
   text-align: center;
} 

.cj {
    margin-left: 75px;
}

.fr {
   float: right;
}

.tbc {
    background-color: #00FF00;
}

/* Site banner */
#header {
	height: 100px;
}

/* Center everything in the body */
body {
	text-align: center;
	background-color: Green;
} 

/* This is a column for the left hand side */
#menu {
 float: left;
 width: 180px;
 margin-right: 5px;
 background-color: #2cdc3d;
}

/* This is the main central area for the content */
#content {
	float: left;
	width: 730px;
	background-image: url(./images/bgfade2.gif);
	padding: 15px;
    background-repeat: repeat-x;
}

#content em {
	font-size: larger;
	font-weight: bold;
	font-style: italic;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* This is the complete recipe component */
#recipecontent {
	float: left;
	width: 700px;
	padding: 15px;
	background-color: #00dd00;
   text-align: left;
	background-image: url(./images/bgfade2.gif);
	background-repeat: repeat-x;
}

#recipecontent li {
	font-size: smaller;
}

#recipecontent table {
	text-align: left;
}

#recipecontent a:hover {
	background-color: #dddddd;
	text-decoration: underline; /* No link underline */
}

#tblctr {
margin: 0 auto;
}

/* This is the halfwidth component */
#halfwidth {
	float: left;
	width: 315px;
	padding: 15px;
	background-color: #00dd00;
	text-align: left;
	background-image: url(./images/bgfade2.gif);
	background-repeat: repeat-x;
}

/* This is the halfwidth2 component */
#halfwidth2 {
	float: left;
	width: 315px;
	padding: 15px;
	background-color: #00dd00;
	text-align: left;
	background-image: url(./images/bgfade2.gif);
	background-repeat: repeat-x;
}

/* This is the halfwidth3 component */
#halfwidth3 {
	float: left;
	width: 315px;
	padding: 15px;
	background-color: #00dd00;
	text-align: left;
	background-image: url(./images/bgfade2.gif);
	background-repeat: repeat-x;
}

/* This is the prep component */
#prep {
	float: left;
	width: 300px;
	padding: 15px;
	background-color: #00dd00;
	text-align: left;
	background-image: url(./images/bgfade2.gif);
	background-repeat: repeat-x;
	clear: left; /* Ensure border and content are all together clear of the other layers */
}

#prep li {
	font-size: smaller;
}

/* This is the complete long discussion component */
#longcontent {
	float: left;
	width: 730px;
	padding: 15px;
	background-color: #00dd00;
   text-align: left;
	background-image: url(./images/bgfade3.gif);
	background-repeat: repeat-x;
}

/* This is the complete long discussion component */
#discusscontent {
	float: left;
	width: 650px;
	padding: 15px;
	background-color: #00dd00;
   text-align: left;
	background-image: url(./images/bgfade3.gif);
	background-repeat: repeat-x;
}

/* This is recipe images component */
#images {
	float: right;
	margin-top: 100px;
}

#images a {
 background-color: #bbbbbb;
 text-decoration: none; /* No link underline */
}

#images a:hover {
	background-color: #dddddd;
	text-decoration: underline; /* No link underline */
}

/* This is recipe homeimages component */
#homeimages {
	float: left;
}

/* This is the footer component */
#footer {
 border-top: 1px solid #000000;
 clear: both;        /* Ensure border and content are all together clear of the other layers */
 margin-left: 0px;   /* Align footer with centre */
 margin-top: 5px;
 background-color: #14cc7c;
}

/* This is the url component */
#url {
 clear: both;        /* Ensure border and content are all together clear of the other layers */
 margin-left: 220px;
}

/* This is recipe homeimages component */
#pics {
 clear: both;        /* Ensure border and content are all together clear of the other layers */
 margin-left: 185px;
}

/* This is recipe homeimages component */
#indexpics {
   /*padding: 50px;*/
	margin-right: 50px;
    margin-left: 50px;
	float: left;
	width: 650px;
}

/* Make menu stand out */
#widemenu {
	background-color: #14cc7c;
   margin-top: 5px;
	margin-bottom: 10px;
	height: 25px;
}

/* Remove the default indent for a list */
#widemenu ul {
 margin: 0px;
}

/* Only apply to lists in unordered menus for widemenu layers */
#widemenu ul li {
	float: left;
	list-style: none; /* No bullets */
	padding: 5px 30px 5px 5px; /* Pad each entry : above, right, below, left */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; /* Make navigation bar stand out */
	font-size: 14px;
	vertical-align: middle;
}

/* Modify links within the widemenu */
#widemenu ul li a {
 color: #000000;
 text-decoration: none; /* No link underline */
}

/* Make a hover state for the menu */
#widemenu ul li a:hover {
 background-color: #dddddd;
}

/* Trial larger image */
.bigpic {
	border: none;
}