/* From the magazine	*/

/* Menu Design  (This is a comment!! */


/*============================================================================= 
	CSS for the BODY of the pages
==============================================================================*/
 
a:link{color:#8A4500}
a:visited{color:#8A4500}

a:hover{color:#0000ff;
        background: url("Images/Sidebar Gradient Background 01-01 140x30px Hover.jpg") no-repeat;
        }
#LeftMenuBarItems a:hover{color:#ff00ff;
        background: url("Images/Sidebar Gradient Background 01-01 140x30px Hover.jpg") no-repeat;
        }

/* a:active{color:#00ff00} */

.style18ArialNormal{
	font-size:18px;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
  
 .style16ArialNormal{
	font-size:16px;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
 
 .style14ArialNormal{
	font-size:14px;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
 
.style24ArialNormal{
	font-size:24px;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

.style18ArialBold{
	font-size:18px;
	font-weight:bold;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

.style12ArialBold{
	font-size:12px;
	font-weight:bold;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

.style12ArialBold{
	font-size:12px;
	font-weight:bold;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}

.style12ArialNormal{
	font-size:12px;
	color:#8a4500;
	font-family:Geneva, Arial, Helvetica, sans-serif;
  margin-left:5px;
	}
 
   
.styleArial10Normal {
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #8a4500; 
	font-weight: bold; 
	}

.styleArial10Bold {
	font-size: 10px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #8a4500; 
	font-weight: bold; 
	}

 
.styleArial12Normal {
	font-size: 12px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #8a4500; 
	}

.styleArial12Bold {
	font-size: 12px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #8a4500; 
	font-weight: bold; 
	}


/* ==========================================================	*/
/*		LEFT LOGO CSS				      	*/
/* ----------------------------------------------------------	*/
#LeftLogo{position:absolute;
	width:100px;		/*The WIDTH  */
	height:92px;		/*The HEIGHT */
	top:10px;		/* No effect */
	left:50px;		/*No effect */
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	}
/*		END OF Left Logo CSS				*/

/* ==========================================================	*/

/* ==========================================================	*/
/*		RIGHT LOGO CSS				      	*/
/* ----------------------------------------------------------	*/
#RightLogo{position:absolute;
	width:100px;		/*The WIDTH  */
	height:92px;		/*The HEIGHT */
	top:10px;		/* No effect */
	left:750px;		/*No effect */
	border-top:1px solid #ffffff;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2; 
	}
/*		END OF Right Logo CSS				*/

/* ==========================================================	*/





/* =========================================================   	*/
/*	LEFT MENU CSS						*/
/* =========================================================   	*/


/* Original CSS */
/* ==============*/

/* CSS for the Left Menu Bar Container				*/

.divLeftSideBarContainer{
	position:absolute;  
		top:140px; 
		left:50px; 
		height:420px; 
		width:145px;
	border-style:solid;
	border-width:1px;
	border-left-color:white;  
	border-right-color:black; 
	border-top-color:white; 
	border-bottom-color:black;
z-index:auto;
	}

.divLeftSideBarMenuItem{
	position:relative;  
	top:10px; left:5px; height:20px; width:130px;
	border-style:solid;
	border-width:1px;
	border-left-color:white;  
	border-right-color:black; 
	border-top-color:white; 
	border-bottom-color:black;
z-index:auto;
	}

.divLeftSideBarTextBoxes{
	position:absolute;
  font: Bold 10px Arial,serif; 
  line-height:1em;
  color:#8A4500; 
	left:1px;
	width:129px;
	height:20px;
	top:1px;
z-index:auto;
	}

/* "Hover" added on 06-12-2008 */
.divLeftSideBarTextBoxes a:hover{
	text-decoration:none;
  font-size:10px;font-family:Arial;color:#0000ff; 
	background: url("Images/Sidebar Gradient Background 01-01 140x30px Hover.jpg") no-repeat;
}

/*===========================================*/





/* ==========================================================	*/
/*		CONTENT BOX CSS					*/
/* ----------------------------------------------------------	*/
#ContentBox{position:absolute;
	width:654px;		/*The WIDTH  */
	height:420px;		/*The HEIGHT */
	top:140px;		/* No effect */
	left:200px;		/*No effect */
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#FFE1C4;
  padding-left:5px;
  padding-right:5px;
	text-justify:auto;
	overflow:auto;
	font-size:12px;font-family:Arial;color:#8A4500;
   
  z-index:0;
	}
  
  div#ContentBox p{margin-left:5px;} /*Activate this if found necessary to change link colours!! */
/* div#ContentBox a{color:180000} Activate this if found necessary to change link colours!! */

/*		END OF Content Box CSS				*/
/* ==========================================================	*/


/* ==========================================================	*/
/*		FOOTER CSS				      	*/
/* ----------------------------------------------------------	*/
#FooterBar{position:absolute;
	width:804px;		/*The WIDTH  */
	height:25px;		/*The HEIGHT */
	top:567px;		/* No effect */
	left:50px;		/*No effect */
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
	}

#ArticlesFooterBar{position:relative;
	width:804px;		/*The WIDTH  */
	height:25px;		/*The HEIGHT */
	left:50px;		/*No effect */
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
	}


#CopyRight{position:absolute;
	width:150px;		/*The WIDTH  */
	height:18px;		/*The HEIGHT */
	top:3px;		/* No effect */
	left:1px;		/*No effect */
	border-top:1px solid #ffffff; 
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:2px solid #ffffff;
  font-size:10px;font-family:Arial;color:#8A4500; 
	color:#8A4500;
  background-image: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg");
  text-align:center;
	}


#Home{position:absolute;
	width:60px;		/*The WIDTH  */
	height:18px;		/*The HEIGHT */
	top:3px;		/* No effect */
	left:425px;		/*No effect */
	border-top:1px solid #ffffff;
	border-bottom:2px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
	font: Bold 10px Arial,serif;
	color:#8A4500;
	background-image: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg");
  text-align:center;
	}


#ContactUs{position:absolute;
	width:100px;		/*The WIDTH  */
	height:18px;		/*The HEIGHT */
	top:3px;		/* No effect */
	left:625px;		/*No effect */
	border-top:1px solid #ffffff;
	border-bottom:2px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
  font-size:10px;font-family:serif;color:#8A4500; 
	color:#8A4500;
	background-image: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg");
  text-align:center;
	}


#Back{position:absolute;
	width:60px;		/*The WIDTH  */
	height:18px;		/*The HEIGHT */
	top:3px;		/* No effect */
	left:360px;		/*No effect */
	border-top:1px solid #ffffff;
	border-bottom:2px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
	font: Bold 10px Arial,serif;
	color:transparent;
	background-image: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg");
  text-align:center;
  z-index:5;
	}


#AboutUs{position:absolute;
	width:60px;		/*The WIDTH  */
	height:18px;		/*The HEIGHT */
	top:3px;		/* No effect */
	left:562px;		/*No effect */
	border-top:1px solid #ffffff;
	border-bottom:2px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
	font: Bold 10px Arial,serif;
	color:#8A4500;
	background-image: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg");
  text-align:center;
	}


#Credits{position:absolute;
	width:60px;		/*The WIDTH  */
	height:18px;		/*The HEIGHT */
	top:3px;		/* No effect */
	left:734px;		/*No effect */
	border-top:1px solid #ffffff;
	border-bottom:2px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #ffffff; 
	background:#fbe6d2;
	font: Bold 10px Arial,serif;
	color:#8A4500;
	background-image: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg");
  text-align:center;
	}


/*		END OF Footer CSS				*/
/* ==========================================================	*/



/* ==========================================================	
	End of BODY CSS
=============================================================*/






/* Affects the dropdown menu positions */
ul {
	padding:0px;
	margin:0px;
}

/* Attributes of the Menu Bar Text items */
div#dropdown ul li {
	font: 10px Arial Bold ,serif;
	list-style-type:none;
	float:left;
	left:70px;
}



/* Attributes for the Menu Bar: Box width etc 
	These attributes are common to ALL the dropdown items too !!
*/

div#dropdown ul li a{
	display:block;
	background: url("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg") no-repeat;

	width:98px;		/*The WIDTH of the Menu Item boxes and drop down boxes*/
	height:20px;		/*The HEIGHTs of the Menu Item boxes and drop down boxes */
	top:220px;		/* No effect */
	left:10px;		/*No effect */
	text-indent:5px;
	text-decoration:none;
	line-height:15px;
	color: #8a4500;
	border-top:1px solid #ffffff;		/* White */
	border-bottom:2px solid #000000;	/* Black */
	border-right:1px solid #000000;		/* Black */
	border-left:2px solid #ffffff;		/* White */
}

/* What happens to text in ALL the menu boxes on Mouse Hover 
	on each menu item	*/
/*	The colour is set to Blue now */

div#dropdown ul li a:hover{
	text-decoration:none;
	color:#ed0666;
	background: url("Images/Sidebar Gradient Background 01-01 140x30px Hover.jpg") no-repeat;

}


/* The FIRST LEVEL dropdown menus - initially hidden */
div#dropdown ul li ul{
	background-position:top left;
	list-style-type:none;
	position:relative;
	float:left;
	top:5px;	/* The TOP displacement of drop down list 
				relative to the bottom of the menu item */
	left:70px;	/* The LEFT displacement of drop down list relative to the menu item */
	height:170px;	/* This has no effect */
	width:125px;	/* This has no effect */
}


div#dropdown ul li ul li{
	margin-top:0px;		/* The VERTICAL spacing of drop down menu items */
				   Leave this value "0", to pack the items close.
				   Otherwise, with IE, dropdown menu does not allow
				   smooth transition between menu items */
	display:block;
	width:100%;
	clear:left;
	text-align:left;
	font-weight:normal;
  
}


div#dropdown ul li ul li a{
	text-decoration:none;
	color:#000000;
	display:block;

}

/* What happens to each drop down box item */
/* 	Changes the background colour (#330000) and
	Text colour (#ed0666) */

div#dropdown ul li ul li a:hover{
	text-decoration:none;
	background: url("Images/Sidebar Gradient Background 01-01 140x30px Hover.jpg") no-repeat;
	color:#ed0666;
	left:70px;

}


/* This CSS is for the FIRST dropdown menu item */
div#dropdown ul li ul{
	display:none; 	/* Otherwise, all the menus are displayed at startup */
	background: ("Images/Sidebar Gradient Background 01-01 140x30px Normal.jpg") no-repeat;
	background-position: top-left;
	list-style-type: none;
	position: relative;
	float: left;
	top: 1px;		/* The gap between 1st element and menu bar	*/
	left: 30px;		/* Dropdown list indentation rel to top level menu item */
	height: 170px;
	width: 98px;
}

div#dropdown ul li:hover ul{
	display:block;
	z-index:+50;		/* This works with Firefox, but not with IE-6 */
}


/* Container for Dropdown menus - generated using CSS above */
#divMenuBarContainer {position:absolute;	/* Determines the position of the Menu Bar */
						/*  relative to top of screen */
	left:50px; 			/* The Horizontal Ofsetof the Menu Bar */
	top:110px;			/* The Vertical Offset of the Menu Bar */
	width:850px;			/* The Width of the Menu Bar */
	height:30px;			/* The Height of the Menu Bar */
  z-index:20;    /* To make sure the dropdown menus do not go behind the Contents Box */

}