.tab { margin-left: 40px; }
	.tab2 { margin-left: 100px; }
		.tabH2{ height: 20px; }
	
	.tabH { height: 40px; }

	.clear {
        clear: both;
	}
	.left {
        float: left;
		}
		
	.bigContainer{
		display: block;
		margin-left: auto;
		margin-right: auto;

		width: 85%;
		height:99%;
		
		padding: 0px;
		
		background : #FFFFFF;
		
		
		
	}
	
	.logoContainer{
		display: block;
		position: relative;
		width: 90%;
		height: 133px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		
		
		
		}
	.menu {
		position: relative;
		border: 1px solid #007f00; 
		/* background: #ffffff; */
		padding: 18px;
		border-radius : 10px; */
		/* background : #007f00; */
		background : #FFFFFF;
		height: 18px;
		width:50%;
		margin-left: auto;
		margin-right: auto;

	}	
	
	.menu li {
        /* give some spaces between the list items */
        margin:0 4px;
        
        /* display the list item in single row */
        float:left;
		}
		
.menu ul {
		/* remove the list style and spaces*/
        margin:0;
        padding:0;
        list-style:none;
        display:inline;
                
        /* position absolute so that z-index can be defined */
        position:absolute;
        left: 3%;
		top: 12px;
        /* center the menu, depend on the width of you menu*/
		
        
        /* should be higher than #box */
        z-index:100;
		margin-left: auto;
		margin-right: auto;
		
		
	}
	
	
	
	.header
	{
    width: 100%;
    margin: 20px auto;
    min-width: 760px;
    min-height: 130px;
	 padding-top:10px; 
	
   
	
    
	}
	
	.footer
	{
    
    margin: 0 auto;
    width: 85%;
    min-height: 25px;
    
	background : #FFFFFF;
	}	

	
	.mainContainer
	{
	
    width: 80%;
    margin: 0 auto;
/*     min-width: relativepx;
	max-width: 1000px;
    min-height: 460px; */
	width: relative;
	height: relative;
    margin-top: 30px;
    padding: 0%; /* <!-- if you increase/decrease the padding by 2% then you must decrease/increase the width by 4%. The height will also need attention --> */
	
	}
	


	
	
	

	.mainbox {
	 display: block;
		position: relative;
		border: 1px solid #007f00;
		padding: 18px;
		border-radius : 10px;
		min-height: 460px;
		height:relative;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		
		
		
		}
		
		.box {
		float:left;
		border: 1px solid #007f00;
		padding: 18px;
		border-radius : 10px;
		height:relative;
		width: 125px;
		margin: 20px;
	
	}
	.orgBox {
		float:right;
		border: 1px solid #007f00;
		padding: 18px;
		border-radius : 10px;
		height:relative;
		width: 125px;
		
		}

		
	
	ul {
		margin: 0px;
		padding: 0;
		z-index: 300;
	}

	
	.bullet ul{
	margin: 30px;
	}

	ul li {
		
		
	 
	
		}
		
		
	
	body{
		font: 100% "Trebuchet MS", sans-serif;
		margin: 0px;
		background-color:#FFFFFF;

	}
	
	a img {border: none; }
	
	#button1 .ui-button-text { padding-left: 1em; padding-right: 2.1em; }
	#button5 .ui-button-text { padding-left: 1em; padding-right: 2.1em; }
	#button2 .ui-button-text { padding-left: 1em; padding-right: 2.1em; }
	#button3 .ui-button-text { padding-left: 1em; padding-right: 2.1em; }