html{
		height:100%;
	}
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.8em;
		margin:0px;
		padding:0px;
		background-color:#E2EBED;
		height:100%;
		text-align:left;
	}
	.clear{
		clear:both;
	}

  #top_label {
    position: absolute;
    top: 2px;
    margin-left: 40%;
    font-family: verdana, arial, helvetica, sans serif;
    font-size: 10pt;
    }

	
  #main_header {
    background: #fff;
    margin: 0px;
    padding:0;
    border-bottom: 1px solid #00527f;
   }
  #banner {
    margin-left: 20%;
    padding-top: 10px;
    margin-bottom: 10px;
    }




	#mainContainer a:hover {
        color: #f60;
    }
	
	#mainContainer a {
		color:#00527f;
        text-decoration:none;
    }

    #background {
        width: 780px;
		background: #fff;
		margin: 0 auto;
    } 

	#mainContainer{
		width: 780px;
        background: url('http://www.passingphase.co.nz/percepts/pix/percepts_logo_bkgrnd.gif')  no-repeat 5% 80%;
		border-left: 1px solid #00527f;
		border-right: 1px solid #00527f;
		border-bottom: 1px solid #00527f;
	}

    #clear {
        clear: both;
        float: none;
    }

	#topBar{
		width:760px;
		height:100px;
	}
	#leftMenu{
        padding-top: 20px;
		width:32%;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}

	.mainContent{
        padding-top: 20px;
		width: 60%;
		padding-right:10px;	
		float:left;
        z-index: 20;
	}

    .bottomContent {
        float: right;
    }
    #list {
        float:left;
        width: 50%;
    }

    #picture {
        float: right;
        margin: 5px;
        width: 30%;
    }

    #pic img, 	#mainContent img {
         border: 1px solid #999;
    }

    .catname {
    color: green;
    text-decoration: none;
    }

	General rules

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
        align: left;
        z-index: 50;
	}
	#dhtmlgoodies_slidedown_menu ul{
		list-style-type:none;
		margin:0px;
		padding:0px;
		position:relative;
        z-index: 50;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}





	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:205px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
        color: #00527f;
		text-decoration:none;	
		display:block;
		clear:both;
		width:200px;	
		padding-left:2px;	

	}

	#dhtmlgoodies_slidedown_menu a:hover {
		color:#f60;
		text-decoration:none;	
		display:block;
		clear:both;
		width:200px;	
		padding-left:2px;	

	}

	#dhtmlgoodies_slidedown_menu a .catname {
    color: green;
    text-decoration: none;
		font-style:none;
	}

	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:2px solid #ccc;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:#00527f;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3 .catname {	/* Sub menu items */
		margin-top:1px;
		font-decoration:none;
		color:#00527f;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:#00527f;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 .catname {	/* Sub menu items */
		margin-top:1px;
		color:#00527f;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}


	#dhtmlgoodies_slidedown_menu .catname .slMenuItem_depth1 {	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .catname .slMenuItem_depth2  {	/* Sub menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .catname .slMenuItem_depth3 {	/* Sub menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .catname .slMenuItem_depth4  {	/* Sub menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .catname .slMenuItem_depth5 {	/* Sub menu items */
		margin-top:1px;
		border-bottom:1px solid #000;
		font-weight:bold;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}


/*  search field formatting  */
.tsepProject .SearchField {
	width: 200px;
}