/*APPEARANCE OF GENERAL PAGE ELEMENTS---------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	font-family:ariel, helvetica, verdana, ariel, sans-serif;
	color:#FF9933;
	font-size:76%;
	background-color:#000; 
	text-align:center;  /*this is for MSIE/Win benefit, text is made left aligned again later in the wrapper, without it, the layout wont stay centered*/
	}
	
h1  {    /*this is invisible heading of the whole site in the header div, which only appears when printing or styles are switched off*/
	}
	
h2  {   /*for main pages headings*/
	padding:0px;; /*padding could go here to avoid box model hack, maybe also use margin*/ 
	font-family:helvetica, verdana, ariel, sans-serif;
	/*color:#FFF;*/
	font-size:1.6em;
	margin: 0px;
	font-weight:500;
	/*margin:30px 48px 20px 48px;*/
	}
		

	
h3  {  /*for the program pages heading date only*/
	font-size:1em;
    line-height:1em;
	font-weight: normal;
	margin-bottom: 2px;
	padding:0px;
	}
	
h4  {  /*this is for the 'next' button on rightpanel*/
	font-size:1em;
	line-height:1.4em;
margin:0px 3px 0px 0px;
padding-top: 8px
	}
		
p 	{
	font-size:1em;
    line-height:1.4em;
	font-weight: normal;
	padding:0px;
	
	}
	
	
	
#footer p {
	font-size:0.9em;
	text-align:left;
	color:#CC6600;
}	
	
#contentleft ul li  {  /*this is styling bullet lists in content*/
	}
	
		
	
.alt{  /*this class hides the website title, or anything else wanted hidden*/
	margin:0;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}


/*APPEARANCE OF GENERAL DOCUMENT LINKS-------------------------------------------------------------*/

a 	{
	color:#FFFF00;
	text-decoration:none;
	}
	
a:link {
	color:#FFFF00; 
	text-decoration:underline;
	}

a:visited {
	color:#FFFF00; 
	text-decoration:underline;
	}

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


/*PAGE LAYOUT DIV AREAS---------------------------------------------------------------------------*/

#outerwrapper {
    position:relative;
	margin:32px auto 32px; 
	text-align:center; /* test whether this is necessary for IE and if its meant to be in the body or here...*/
    width:928px;   /*Very necessary for this layout centering method, and also serves to give a width to things inside it, like #content */
    background-color:#000;
    }

#header {   
	margin:0px;
	padding:0px; /*?? does it still?adding padding or border values in this div requires a box model hack see:  http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	height:96px; 
	background-color: #000;
	background-image:url(images/melt_logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
	

/*is it really necessary to nest this?? couldnt the menu li just sit in the header div. but dont remove it yet incase its necesary for IE*/
#mainmenu
{
position: absolute;	
top: 64px;
left: 420px; /*not sure why tjhis isnt 464 maybe bullets indenting auto o0r something*/
text-align: left;
font-size: 0.9em;
}


#mainmenu li {
display: inline;
padding: 0 4px; /*!!!padding here could cause problmesz??*/
}

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

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



#contentleft {
	margin:0px; 
	padding:0px;
	text-align: left;
	/*border-width:1px; *//*a top border might be needeed here otherwise the div might move down with increasing text size*/
	height: 384px;
	width: 464px;
	float: left; 
	background-image:url(images/lp_news.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #000;
		
	}
	
	
#contentlefttext {
margin-left: 48px;
margin-right: 48px;
margin-top: 48px;
padding: 0px 0px;	
	height: 288px;
	width: 368px;
	overflow: hidden; 		
	}	
	
	
#contentleftmenu{
margin-left: 8px;  /*weirdly needs to be smaller was 48*/
margin-right: 0px;
height: 48px;
width: 368px;
/*!!!padding here could cause problmesz??*/
padding: 0px 0px 0px 0px; /*putting top padding here makes ie stretch the box down*/
list-style-type:none;
font-size: 0.9em;

}

#contentleftmenu ul {
margin-top: 15px;

}

#contentleftmenu li {
display: inline;
padding: 0px 8px 0px 0px; /*!!!padding here could cause problmesz??*/
border-right: 0px solid #CC6600;
list-style-type:none;

}

#contentleftmenu a:link, #contentleftmenu a:visited 
{
color: #FFFF00;
text-decoration: underline;
}

#contentleftmenu a:hover
{
color: #FFF;
text-decoration: underline;
}	
	
	
	
	
	
#contentright {
width: 464px; /*might need some ie hacking*/
height: 384px; /* was 374 weirdly needs to be smaller...*/
margin:0px 0px 0px 0px;
background-color: #000;
border: 0;
float: left;
text-align: right;
}



#contentright li {
display: inline;
padding: 0px 8px 0px 0px; /*!!!padding here could cause problmesz??*/
border-right: 0px solid #CC6600;
list-style-type:none;

}

#contentright a:link, #contentright a:visited 
{
/*color: #CC6600;*/
text-decoration: underline;
}

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



	
/*#content.img { align: right;
}
just and idea
*/

	
#footer {

	margin:0px;
	padding: 10px 0px 0px 464px; /*!!might cause problems*/
	background-color: #000;
    height: 64px;
	clear: both;
	}




/*----------------------END PAGE LAYOUT DIV AREAS---------------------------------------------------------------------------*/

/*----------------------BEGIN PHOTO GALLERY STYLES---------------------------------------------------------------------------*/
div.gallerythumb {
  float: left;
  width: 112px;
  height: 64px;
  margin: 20px 10px 20px 0px;
/*border: 1px solid #000;*/
  }
  
div.gallerythumb p {
   text-align: left;
font-size: 0.9em;
margin:0px;
/*line-height: 0.1em;  *//*bit dodgy cant use line height it dosnt work in IE*/
   }


/*----------------------END PHOTO GALLERY STYLES---------------------------------------------------------------------------*/



/* BEGIN TABLES------------------------------------------------------------------*/

/*
table {
	margin:1.5em 0 1.5em 0;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	}

caption {
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0.5em 0;
	}

th  {
	font-weight:bold;
	}

th, td {
	padding:0.25em 0.5em 0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	border:1px solid #CCC;
	}
	*/

/* end tables---------------------------------------------------------- */