html,body{
	width:100%;
	height:100%;
	background-color:white;
	margin:0px;
}


#smallHeader {
	width:98%;
    background-color:#CCCCCC;
    color:black;
	font-size:150%;
    text-align:center;
	height:auto;
	padding:1%;
}

#largeHeader {
	width:96%;
	min-height: 25%;
	padding:2%;  
	background-image: url("./image/law2.jpg");
    color:white;
    text-align:center;

}

#mainMenu {
	width:100%;
	height:auto;
	background-image: url("./image/law2.jpg");
    background-repeat: repeat-x;
    color:white;
    text-align:center;

}

#mainWindow {
	width:95%;
	min-height: 60.5%;
	height:auto;
	padding-top:0%;
	padding-left:2%;
	padding-right:3%;
	padding-bottom:2%;
    background-color:white;
    color:black;
    text-align:center;

}

#hyperLinks {
	width:96%;
	height:auto;
	padding:0.5%;
    background-color:yellow;
    color:white;
    text-align:center;
}

#smallFooter{
	width:99%;
	height:auto;
	background-color:black;
	background-image: url("./image/background3.png");
    	background-repeat: repeat-y;
	padding:0.5%;
   	color:white;
    	text-align:center;
    	font-size:100%;

}

#box{
	width:25%;
	height:100%;
	float:left;
    color:black;
    text-align:center;

}

#image-box1{
	width:25%;
	height:50%;
	float:left;
    color:black;
	background-color:blue;
	border: 0px solid black;
    text-align:center;
	padding:0%;
}

#image-box2{
	width:25%;
	height:50%;
	float:left;
    color:black;
	background-color:green;
	border: 0px solid black;
    text-align:center;
	padding:0;
}

#message{
	text-align:left;
	background-color:white;
	color:black;
	font-size:95%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/*menu css to display horizontally*/
ul{
	  padding:0%;
	  margin:0%;
}


ul#menu {
    padding:1.5%;
	
}

ul#menu li {
    display: inline;
}

ul#menu li a {
    background-color: black;
    color: white;
    padding: 0.5% 1%;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
	text-align:center;
}

ul#menu li a:hover {
    background-color: orange;
}