/* x */

/* body css for main body tag overall background and margin at top if need */
body {
	background-color:#193d96; /* FFF for vis - real one here #193d96; */
	background-image: url();
	background-repeat:repeat-x;
	margin-top:0px;
}


/* p tag basic css to stop automatic margins on paragraphs */
p {
	padding-top:0px;
	margin-top:0px;
}


/* div tag basic css for overall font format */
div {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}


/* header for all head graphics and formats including top menus */
#main_head {
	width:1100px;
	padding:0px;
	margin:auto;
}
#main_head_lft {
	width:1100px;
	padding:0px;
	margin:auto;
	background:url(images/head/head_3_lft.jpg) no-repeat left bottom;
}
#main_head_rht {
	width:1100px;
	padding:0px;
	margin:auto;
	background:url(images/head/head_3_rht.jpg) no-repeat right bottom;
}
#head {
	width:1100px;
	height:261px;
	margin: auto;
	padding:0px;
	background:url(images/head/logo_txt.png) no-repeat center top;
}
#main_menubar {
	width:900px;
	margin:auto;
	padding:200px 0 0 0px;
}
#menubar {
	width:850px;
	height:60px;
	float:right;
	padding:0px 50px 0 0px;
}

.button  {width:100px; height:33px; padding:29px 0 0 0;
		  float:right;	background:url()}
.button a{color:#FFF; font-size:14px; text-decoration:none;}
.button a:hover{color:#FC0;}
	.mb1 {background:url(images/button/xxx_1.png) no-repeat left top;
		  width:10px; height:33px; float:left;}
	.mb2 {background:url(images/button/xxx.png) no-repeat left top; 
		  padding-top:16px; 
		  width:80px; height:17px; float:left; text-align:center;
		  font-size:14px; color:#B08431; font-weight:bold; }
	.mb3 {background:url(images/button/xxx.png) no-repeat left top;
		  width:10px; height:33px; float:left;}
		  
#crumb   {width:150px; height:15px; padding:40px 0px 0px 90px;
		  float:left; text-align:left; fontsize:12px; color:#3FF;
		  font-weight:bold;}
#crumb a {color:#FF0; font-size:10px; text-decoration:none; 
		  font-weight:100;}
#crumb a:hover{color:#3CF;}

/* input css for all content css and formats */
/* grad for gradient background over content colour */
#grad {
	width:1100px;
	margin:auto;
	background-color:#2c4d9f; /* FFF for vis - real one #2c4d9f */
	background-image:url(images/content/grad_2.png);
	background-repeat:repeat-x;
	background-position:left top;}
/* main_content no height but need to put clear div */
#main_content {
	width:1100px;
	padding:0px;
	margin:auto;
	background-color:#; /* FFF for vis - real one #2c4d9f */
	background-image: url(images/foot/foot_5.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
/* content can then remove the height as clear div is in above */
#content {
	width:1100px;
	padding:0px;
}

/* sidebar css container for menu & detail */
#sidebar {width:190px; float:left;
		  margin:5px 5px 5px 80px; padding:10px 10px 0 10px;}
#sidebar a{color:#600; font-size:14px; text-decoration:none;}
#sidebar a:hover{color:#66F;}
#sidebar ul{margin:0; padding:5px; list-style:none;}
#sidebar li{margin:0; padding:9px 0px 9px 23px; text-align:left; 
			 border-bottom: 1px dashed  #6B3816;}

/* menu css */
#menu {margin:0 0 25px 0; width:190px; float:left;}
	#mtop {background:url(images/sidebar/top.png) no-repeat left top; 
		   padding:3px 0px 0px 0px;
		   width:190px; height:27px; float:left; text-align:center;
		   font-size:16px; color:#FFF; font-weight:bold;}
	#mmid {background:url(images/sidebar/mid.png) repeat-y left top; 
		   padding:0px 10px 0px 10px;
		   width:170px; float:left; text-align:left;}		 
	#mbot {background:url(images/sidebar/bot.png) no-repeat left top;
		   width:190px; height:11px; float:left;}

#pic {margin:0 0 25px 0; width:190px; float:left;}




/* panel further container inside content no height attribute */		
#panel {width:960px; margin:0px 0 0px 0;
		padding:0px 0px 0px 70px; float:left;}
#textual {margin:0px; width:960px; float:left;}
	#ttop {background-image:url(images/panel/top2.png);
		 width:960px; height:71px; float:left;}
	#tmid {text-align:left;
		 background:url(images/panel/mid.png) repeat-y left top;
		 width:960px; float:left;}		 
	#tbot {background:url(images/panel/bot2.png) no-repeat left top;
		 width:960px; height:75px; float:left;}

#textic {width:580px; float:right; margin:5px 80px 5px 5px;}
#textic a{color:#C00; font-size:14px; text-decoration:none;}
#textic a:hover{color:#3CF;}



/* detail divs for foot details */
#detail_lft {margin:0; width:450px; height:40px; float:left;
		     padding: 30px 0 0 0; text-align:center; color:#3FF;}	
#detail_lft a {color: #FFF; text-decoration:none;}
#detail_lft a:hover{color:#FF0;}
#detail_mid {margin:0; width:180px; height:140px; float:left;
		     background:url(images/foot/tree.png) 
		     no-repeat center top}
#detail_rht {margin:0; width:450px; height:40px; float:left;
		     padding: 30px 0 0 0; text-align:center; color:#FFF;}