/* CSS Document */

body{
	    margin: 10px auto;
		width: 800px;
		text-align: center;
		font-family: arial, verdana, sans-serif;
		/*background-color: #CCC;*/
	  }
	  img{
	    border-width: 0;
	  }
 	  div.all{
	    width: 800px;
		text-align: left;
		border: #888 1px solid;
		background-color: #FFF;
	  }
	  div.nav_1{
	    padding: 0;
		background: url(../imgs/left_gradient_18.gif) 40px 0 repeat-y #fff;
		}
	  ul.nav_1{
   	  	margin: 0;
		padding: 0;
		list-style-type: none;
		}
	  li.nav_1{
	    margin: 0;
		padding: 0;
		display: inline;
	  }
	  a.nav_1,
	  a.nav_1f{
	    padding: 3px 8px;
	    color: #eee;
		font-family: verdana, arial, garamond, times new roman, sans-serif;
		font-size: 0.7em;
		text-decoration: none;
		display: block;
		float: right;
		background-color: #8291A6;
	  }
	  a.nav_1{
	    border-right: #fff 2px solid;
	  }
	  div.clear_nav_1{
	    clear: both;
		font-size: 1px;
		height: 5px;
		background-color: #fff;
		
	  }
	  div.clear{
	    clear: left;
		font-size: 1px;
		height: 5px;
		background-color: #fff;
	  }
	  div.gradient_bar{
	    height: 8px;
		font-size: 1px;
	    padding: 0;
		background: url(../imgs/left_gradient_8.gif) 0 0 repeat-y #8291A6;
		}
	  div.main{
	  	margin: 0px 0 0 0px;
	    padding: 15px 0 0 15px;
		color:#990066;
	  }
	  div.min_height_home{
	    height: 450px;
		width: 1px;
		font-size: 1px;
		float: right;
	  }
	  ul.nav{
	    margin: 0;
		padding: 0;
		width: 180px;
		list-style-type: none;
	  }
	  ul.sub_nav{
	    margin: 0;
		padding: 0;
		width: 100px;
		list-style-type: none;
	  }
	  li.sub_nav{
	  	margin: 0;
		padding: 0;
		padding-left: 5px;
		width: 105px;
		display: block;
	  }
	  ul.sub_sub_nav{
	    margin: 0;
		padding: 0;
		width: 80px;
		list-style-type: none;
	  }
	  li.sub_sub_nav{
	    margin: 0;
		padding: 0;
		padding-left: 10px;
		width: 95px;
		display: block;
		}
	  a.nav{
	    padding: 4px 5px 4px 0px;
		width: 137px;
	    font-size: 0.7em;
		font-weight:bold;
		color: #666;
		text-decoration: none;
	    display: block;
	  }
	  a.sub_nav{
	    padding: 3px 5px 3px 0px;
		width: 135px;
	    font-size: 0.7em;
		color: #666;
		text-decoration: none;
	    display: block;
	  }
	  a.sub_sub_nav{
	    padding: 3px 0px 3px 0px;
		width: 110px;
	    font-size: 0.7em;
		color: #666;
		text-decoration: none;
	    display: block;
		}
		
	/* These into page specific for colour highlight */
	  a.nav:hover,
	  a.sm:hover{
	    color: #00ADEF;
	  }
	  a.sub_nav:hover,
	  a.sm_sub:hover{
	    color: #00ADEF;
	  }
	  a.sub_sub_nav:hover,
	  a.sm_sub_sub:hover{
	    color: #00ADEF;
	  }
	 /* END */
	 
	 
	  div.lhs{
		 width: 180px;
		 background-color:#FFF;
		 color: #333333;
		 margin: 0;
		 padding: 0;
		 height: 351px;
		 float:left;
		 }
		div.main_content{
		 margin: 0px 0px 0px 0px;
		 width: 420px;
		 background: #ffffff;
		 color: #333333;
		 padding: 0 20px 0px 20px;
		 float:left;
		 }
		 
		 div.buttons{
		 margin: 40px 2px 5px 2px;
		 padding-left: 16px;
		 width: 107px;
		 height: 352px;
		 }
		 div.live-person{
		 margin: 0;
		 }
		 div.bottom {
		 padding-left: 12px;
		 background: #fff;
		 float: left;
		 }
		 div.bottom_nav{
		 padding: 0px 0px 3px 0px;
		 background: #fff;
		 text-align: center;
		 float: right;
		 font-family: Arial, Verdana,Helvetica, sans-serif;
		 font-size: 0.7em;
		 color: #333;
		 }
		 a.bottom_nav{
		 color: #aaa;
		 }
		 a.bottom_nav:hover,
		 a.bottom_nav:active{
		 color: #333;
		 }
		 div.logos{
		 width: 300px;
		 float: left;
		 }
		 div.cards{
		 padding: 20px 0 0 0;
		 width: 300px;
		 float: right;
		 }
		 
		  /*<!--(EDITOR_STYLES_START)-->*/
	  
	  h1{
	    margin: 2px 0 10px 0;
		font-size: 150%;
		color:#3366FF;
	  }
	  h2{
	    margin: 6px 0 10px 0;
		font-size: 140%;
		color:#333;
	  }
	  h3{
	    margin: 6px 0 10px 0;
		font-size: 130%;
		color:#333;
	  }
	  h4{
	    margin: 6px 0 10px 0;
		font-size: 120%;
		color:#333;
	  }
	  p{
	  	font-family: verdana, arial, sans-serif;
		color:#333;
	    margin: 12px 0 18px 0;
		font-size: 0.7em;
	  }
	  span.bodycopy {
	  font-family: verdana, arial, sans-serif;
		color:#333;
	    margin: 0;
		font-size: 0.7em;
	  }
	  a.one{
	  text-decoration: none;
	  color: #0000FF;
	  }
	  a.one:hover,
	  a.one:active{
	  text-decoration: underline;
	  color: #0066FF;
	  }
	  
	  
/*<!--(EDITOR_STYLES_END)-->*/

/* Admin CSS */

.form-text{
	font-size:0.85em;
	}
	div.admin-area{
	padding: 0px 0 0 0px;
	width: 402px;
	height: 100%;
	}
	div.admin-inner-left{
	padding: 14px 0 0 20px;
	font-size: 0.7em;
	width: 60px;
	height: 71px;
	float: left;	
	}
	div.admin-inner-mid{
	padding: 0px 0 0 10px;
	width: 260px;
	height: 85px;
	float: left;
	}
	div.admin-inner-right{
	padding: 15px 0 0 5px;
	font-size: 0.7em;
	text-align:right;
	width: 45px;
	height: 70px;
	float: left;
	}
	div.details-inner-left{
	padding: 5px 0 0 10px;
	font-size: 0.7em;
	width: 140px;
	height: 20px;
	float: left;	
	}
	div.details-inner-mid{
	padding: 3px 0 0 10px;
	font-size: 0.8em;
	width: 200px;
	height: 22px;
	float: left;
	}
	/* */
	
	/* Site Map */
	
	  ul.sm{
	    margin: 0;
		width: 250px;
		list-style-type: none;
	  }
	  li.sm{
	  	margin: 0;
		padding: 0 0 0 50px;
		width: 285px;
		text-align:left;
		display: block;
	  }
	  ul.sm_sub{
	    margin: 0;
		padding: 0;
		width: 200px;
		list-style-type: none;
	  }
	  li.sm_sub{
	  	margin: 0;
		padding: 0;
		padding-left: 5px;
		width: 205px;
		text-align:left;
		display: block;
	  }
	  ul.sm_sub_sub{
	    margin: 0;
		padding: 0;
		width: 180px;
		list-style-type: none;
	  }
	  li.sm_sub_sub{
	    margin: 0;
		padding: 0;
		padding-left: 10px;
		width: 195px;
		display: block;
		text-align:left;
		}
	  a.sm{
	    font-size: 0.7em;
		font-weight:bold;
		color: #666;
		text-decoration: none;
		text-align:left;
	  }
	  a.sm_sub{
	    font-size: 0.7em;
		color: #666;
		text-decoration: none;
		text-align:left;
	  }
	  a.sm_sub_sub{
	    font-size: 0.7em;
		color: #666;
		text-decoration: none;
		text-align:left;
		}
		.small-text{
	    font-size: 0.8em;
		color: #666;
		text-align:left;
		}
		.error-txt {
		padding-left: 10px;
		font-weight:bold;
		}
		th.maintable{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#CCC;
		font-size: 0.7em;
		text-align:left;
		padding-left: 5px;
		}
		td.maintable{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFF;
		font-size: 0.7em;
		padding-left: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
		text-align:left;
		}
		td.maintable_grey{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#eee;
		font-size: 0.7em;
		padding-left: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
		text-align:left;
		}