body {
		margin:10px auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:979px; /* was 100% */
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:80%;
		font-family:verdana; 
		
	    background:url(/images/body.jpg) top repeat-x #121212; 
	background-attachment:fixed;

	
		
		
	}


h3 {color:#0350DD; font-family:verdana; font-size:12px; font-weight:bold; padding-bottom:2px;}
h4 {color:#FF6600; font-family:verdana; font-size:12px; font-weight:bold; padding-bottom:2px;}
h5 {font-family:verdana; font-size:15px; font-weight:bold; color:#FF6600;}
p {
  font-size: 90%;	
	}




.highlight {
	background-color: yellow ;
	font-size: 1.2em;
	
	text-align:center;
}




/* list css*/
#homelists {
}

#homelists ul {
	list-style-image:url('images/orange-arrow.jpg');
	font-size:0.9em;
    
}


#homeleftlists {
}

#homeleftlists ul {
list-style-type:none;
margin:0; 
padding:0;
}

#homeleftlists  li {
background:url('images/bullet-yellow.gif')  ;
background-position:left;
background-repeat:no-repeat;
 padding-left: 45px;
 line-height: 20px;
 font-family:Verdana;
 font-size:11px;
}


.bannerbg{background-image:url(images/banner-bg.jpg); background-repeat:repeat-x; }


/* bullet css*/
.bulletimage{padding-left:3px; padding-right:3px; margin-top:3px; background-image:url(images/orange-arrow.jpg); width:12px; height:7px; float:left; background-repeat:no-repeat;}
.bullettext{width:auto; float:left; height:auto;}
.bulletmaindiv{height:15px; width:240px;}

/* stuff for right float box*/
.rightsideboxtop{width:214px; background-image:url(images/rightarea-shape-top.jpg); height:17px; background-repeat:no-repeat;}
.rightsideboxmiddle{width:213px; border-left:#DADADA 1px solid; border-right:#DADADA 1px solid; background-color:#F8F8F8; display:table; }
.rightsideboxbottom{width:214px; background-image:url(images/rightarea-shape-bottom.jpg); height:17px; background-repeat:no-repeat; }
.middleboxcontentarea{width:200px; padding-left:5px; padding-right:5px; float:right; display:table;}
.lightdottedline{background-image:url(images/dot-hori-light.jpg); height:1px; background-repeat:repeat-x; padding-top:2px; padding-bottom:2px;}
.textdescriptionarea{padding-top:5px; padding-bottom:5px; height:30px;}
.textdescriptionareaI{padding-top:5px; padding-bottom:5px; height:40px;}
.textdescriptionareaII{padding-top:5px; padding-bottom:5px; height:55px;}
.textdescriptionareaIII{padding-top:5px; padding-bottom:5px; height:70px;}

.descriptionarrow{width:13px; height:11px; background-image:url(images/arrow.jpg); background-repeat:no-repeat;  float:left;}
.textarea{width:185px; padding-left:2px; float:right;}
/* end stuff for right float box*/



/* yellow box thing */


.ibox, .iboxJ {border:1px solid #de7c33; background:#fffe98; margin:3em 0 2em; padding:9px}
.iboxJ  {padding:0; position:relative; bottom:-1px}
.iboxJ div {margin:-1px}
.iboxJ div div  {background:url(images/c-bl-ibox.png) no-repeat 0 100%; margin:0} 
.iboxJ div div div {background:url(images/c-br-ibox.png) no-repeat 100% 100%}
.iboxJ div div div div {background:url(images/c-tl-ibox.png) no-repeat 0 0; position:relative; top:-8px; margin-right:9px}
.iboxJ div div div div div {background:url(images/c-tr-ibox.png) no-repeat 100% 0; top:0; right:-9px; margin-right:0; padding:10px 8px 1px 1px; height:1%}


* html .iboxJ div div {background-image:url(images/c-bl-ibox.gif)}
* html .iboxJ div div div {background-image:url(images/c-br-ibox.gif)}
* html .iboxJ div div div div {background-image:url(images/c-tl-ibox.gif)}
* html .iboxJ div div div div div {background-image:url(images/c-tr-ibox.gif)}


.iboxJ h2,.ibox h2,.ibox h3,.iboxJ h3 {padding:5px 0; position:relative; margin:0; background-image:none; left:0}
.iboxJ p,.ibox p {padding:1.1em 0; margin:0}

/* end yellow box thing */




/* -------------------------------------------------- */
	/* boxtab-blue */
	/* -------------------------------------------------- */
	#boxtab-blue {
		clear:left;
		float:left;
		padding:0;
		background:#fff url(boxtab-blue.gif) bottom repeat-x;
		width:100%;
		overflow:hidden;
		font-family:Verdana, Geneva, sans-serif;
	}
	#boxtab-blue ul {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	#boxtab-blue ul li {
		display:block;
		float:left;
		list-style:none;
		margin:20px 0 0 0;
		padding:0;
		position:relative;
		right:50%;
	}
	#boxtab-blue ul li a {
		display:block;
		float:left;
		margin:0 1px;
		padding:5px 10px;
		background:#fff;
		text-decoration:none;
		color:#000;
		border-top:1px solid #369;
		border-left:1px solid #369;
		border-right:1px solid #369;
		position:relative;
		bottom:1px;
	}
	#boxtab-blue ul li a:hover {
		background:#36f;
		color:#fff;
	}
	#boxtab-blue ul li.active {
		margin-top:10px;
	}
	#boxtab-blue ul li.active a,
	#boxtab-blue ul li.active a:hover {
		position:relative;
		bottom:0;
		padding:10px;
		background:#fff;
		color:#000;
		font-weight:bold;
	}
	
	
	
		/* -------------------------------------------------- */
	/* metaltop-gold */
	/* -------------------------------------------------- */
	#metaltop-gold {
		clear:left;
		float:left;
		padding:0;
		/* background:#CBC396 url(metaltop-gold.gif) top repeat-x;  */

		background:#00BBEE url(metaltop-gold.gif) top repeat-x;

		border-bottom:1px solid #7E7567;
		width:100%;
		border-top:4px solid #000;
		overflow:hidden;
		font-family:Verdana, sans-serif;
	}
	#metaltop-gold ul {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	#metaltop-gold ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#metaltop-gold ul li.first {
		border-left:1px solid #7E7567;
	}
	#metaltop-gold ul li.last {
		border-right:1px solid #ECE9D8;
	}
	#metaltop-gold ul li a {
		display:block;
		float:left;
		margin:0;
		padding:20px 10px 6px 10px;
		border-left:1px solid #ECE9D8;
		border-right:1px solid #7E7567;
		text-decoration:none;
		/*  color:#7D6A46; */
  color:#FFFFFF;
		font-size:.8em;
		font-weight:bold;
		text-transform:uppercase;
		line-height:1.3em;
	}
	#metaltop-gold ul li a:hover {
		color:#000;
		background-color:#ECE9D8;
		border-left:1px solid #fff;
		padding-top:18px;
		padding-bottom:8px;
	}
	#metaltop-gold ul li.active a,
	#metaltop-gold ul li.active a:hover {
		color:#fff;
		background:#000;
		border-left:1px solid #000;
		padding-top:18px;
		padding-bottom:8px;
	}











/* Header styles */
	#header {
		clear:left;
		float:left;
		padding:0;
		/* background:#CBC396 url(metaltop-gold.gif) top repeat-x;  */

		background:#ED6A0A url(metaltop-gold.gif) top repeat-x;

   /* colour was *00BBEE */
   
		border-bottom:1px solid #7E7567;
		width:100%;
		border-top:1px solid #000;
		overflow:hidden;
		font-family:Verdana, sans-serif;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	#header ul li {
	display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#header ul li a {
			display:block;
		float:left;
		margin:0;
		padding:20px 10px 6px 10px;
		border-left:1px solid #ECE9D8;
		border-right:1px solid #7E7567;
		text-decoration:none;
		/*  color:#7D6A46; */
  color:#FFFFFF;
		font-size:.8em;
		font-weight:bold;
		text-transform:uppercase;
		line-height:1.3em;
	}
	#header ul li a:hover {
		color:#000;
		background-color:#ECE9D8;
		border-left:1px solid #fff;
		padding-top:18px;
		padding-bottom:8px;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
		background:#000;
		border-left:1px solid #000;
		padding-top:18px;
		padding-bottom:8px;
	}
	#header ul li a span {
		display:block;
	}
		
	#header ul li.active
	{
	  background-color:silver;
    }
	
	#header ul li.last
    {
	border-right:1px solid #ECE9D8;
}
		#header ul li.first
    {
	border-left:1px solid #7E7567;
}

			#header ul li.firstactive
    {
	border-left:1px solid #7E7567;
	background-color:silver;
}

	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:1px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		
		
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		/* background:#eee;		 right column background colour */
		 background:white;
	}
	.threecol .colmid {
		right:25%;			/* width of the right column orig 25%*/
		background:#fff;		/* center column background colour */
		
		border-left:3px;
		 border-left-color:black;
		
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		/* background:#f4f4f4;	/* left column background colour */
		background::white;
		
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		background:white;

	}
	#footer p {
		padding:10px;
		margin:0;
	}



	/* 2 column settings */
	
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}

	.rightmenu {
	    background:white;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:190px;
        position:relative;
        left:185px;
    }