/*

*/

*
{
margin: 0px;
padding: 0px;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	color: #092f76;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
}

a:hover {
	
	color: #000000;
}

body {	
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/bg.jpg);
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

#bg_bot{
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/bg_bot.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#head_bg{
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/head_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#menubg{
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/menubg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width: 998px;
}



#main{
	width: 996px;
	margin: 0 auto;
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/con_bg.png);
	background-repeat:repeat;
	
}




#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 36px;
	color: #ffffff;
}

#logo H2 a{
	font-size: 18px;
}

#menu{
	width: 620px;
	height: 49px;
	padding-left: 20px;
}

#menu ul {
	padding-left: 0px;
	margin: 0px;
	list-style:none;
}

#menu li {
	display: inline;
	list-style: none;
	padding-left:0px;
}

#menu a {
	float: left;
	width: 120px;
	height: 34px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 15px;
	font-size: 15px;
	
}

#menu a:hover{
	width: 120px;
	height: 34px;
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/menuhover.png) no-repeat center;
}

#left{
	width: 288px;
	padding-top: 35px;
}

#left H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	margin-bottom: 10px;
	margin-left: 1px;
	margin-right: 3px;
}

.leftbg{
	width: 268px;
	margin-top:1px;
	margin-left: 13px;
	padding: 10px;
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/left_bg.jpg);
	background-repeat:repeat-x;
	background-color: #4475c6;
	background-position:top;
	min-height: 675px;
}

#left_bot{
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/left_bot.gif);
	background-repeat:no-repeat;
	height: 12px;
	margin-left:13px;
	width: 288px;
}

#right{
	float: right;
	width: 650px;
	margin-right: 12px;
}

#right H4{
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #3048e5;
	margin-right: 2px;
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/right_hr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom: 15px;
	padding-top: 25px;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	line-height:20px;
}

.read{
	text-align:right;
	padding-right: 30px;
	padding-bottom: 10px;
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/read.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 10px;
	padding-top: 10px;
}
.read a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:normal;
	text-decoration:none;
}

.read a:hover{
	color: #000000;
}

#rightleft{
	float:left;
	width: 320px;
	margin-right: 5px;
}

#rightright{
	float:right;
	width: 320px;
	margin-left: 5px;
}

#con_bot{
	background:  url(../Bully.Org%204/metamorph_travelling/metamorph_travelling/images/con_bot.png);
	background-repeat:no-repeat;
	background-position:top;
	height: 10px;
	padding-bottom: 20px;
}

#footer {
	height: 40px;
	width: 1002px;
	clear: both;
	padding-top: 19px;
	margin-left: 3px;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #092f76;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #092f76;
	font-weight:normal;
}

/* reset page edges once */
html, body { margin: 0; padding: 0; }



/* adjust header text position (tweak as needed) */
#logo { padding-left: 20px; padding-top: 20px; }




/* adjust header text position (tweak as needed) */
#logo { padding-left: 20px; padding-top: 20px; }


/* kill any accidental top spacing under the bar */
#bg_bot, #content, #main, #menubg, #right, #menu, #menu ul{
  margin-top: 0; padding-top: 0;
}


/* position the text in the header */
#logo{ padding-left: 20px; padding-top: 20px; }

/* --- FINAL, FORCE-FIX FOR BANNER SEAM --- */


/* fixed header image on top of the bar */
#header{
  width: 1016px;
  height: 179px;
  background: url(/TrainingCentre/images/header.jpg) no-repeat 0 0;    /* left/top */
  margin: 0 auto;
  overflow: hidden;                                /* blocks child margin-collapse */
}

/* kill any top spacing below the bar very explicitly */
#bg_bot, #content, #main, #menubg, #right, #menu, #menu ul, #menu li, #menu a{
  margin-top: 0 !important; 
  padding-top: 0 !important;
}

/* remove default margins inside the header */
#header h1, #header .tagline{ margin: 0; }

/* your chosen logo text position */
#logo { padding-left: 20px; padding-top: 20px; }

/* reset page edges once */
html, body { margin: 0; padding: 0; }

#content{
  width: 1016px;
  text-align: left;
  margin: 0 auto;
}


/* full-width top band (same pattern working pages use) */
#head_bg {
  background: url(/TrainingCentre/images/head_bg.jpg) repeat-x left top;
  line-height: 0; font-size: 0; /* prevents tiny gaps */
}

/* fixed-width header image aligned LEFT on that band */
#header {
  width: 1016px;
  height: 179px;  /* must match header.jpg height */
  background: url(/TrainingCentre/images/header.jpg) no-repeat left top;
  margin: 0 auto;
  overflow: hidden;         /* blocks margin-collapse */
}

/* no default margins inside the header */
#header h1,
#header .tagline { margin: 0; }

/* header text positioning */
#logo { padding-left: 20px; padding-top: 20px; }


/* reset page edges once */
html, body { margin: 0; padding: 0; }

/* center the main content wrapper */
#content { width: 1016px; text-align: left; margin: 0 auto; }

/* full-width top band like your working pages */
#head_bg {
  background: url(/TrainingCentre/images/head_bg.jpg) repeat-x left top;
  line-height: 0;
  font-size: 0; /* prevents tiny gaps under the band */
}

/* fixed-width header image aligned LEFT on that band */
#header {
  width: 1016px;
  height: 179px;  /* must match header.jpg height */
  background: url(/TrainingCentre/images/header.jpg) no-repeat left top;
  margin: 0 auto;
  overflow: hidden; /* blocks margin collapse (prevents hairline sliver) */
}

/* no default margins inside the header */
#header h1,
#header .tagline { margin: 0; }

/* header text positioning (tweak if you want it further right) */
#logo { padding-left: 20px; padding-top: 20px; }

/* make sure nothing below tries to add top space */
#menu, #menubg, #main { margin-top: 0; padding-top: 0; }
/* --- MENU BAR FIX --- */
/* Ensure the blue bar under the header actually has height and contains floats */
#menubg{
  background: url(/TrainingCentre/images/menubg.jpg) no-repeat left top; /* keep your original image */
  width: 998px;          /* you already had this – reiterate to be safe */
  height: 49px;          /* same as #menu height so the bar is visible */
  overflow: hidden;      /* contain the floated columns inside */
  margin: 0 auto;        /* center within #content */
}

/* Make sure the menu sits on top of that bar */
#menu{
  height: 49px;          /* matches your existing rule */
  position: relative;
  z-index: 2;
  margin: 0; padding: 0;
}

/* White links (already white) – keep for clarity */
#menu a{ color:#fff; }