html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:90%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;
background-color: rgb(214,247,229);
}

#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:310px; position:relative; z-index:3; color: #156f2e;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background:url("images/CMTop.jpg");background-position: 18px 0px; #ddd; font-size:4em; z-index:5; color:#fff;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:40px; background: url('images/greenfooter.jpg') repeat-x #156f2e; color:#fff; text-align:right; font-size:1em; z-index:5; padding-top: 7px;}
#left {background:url('images/greenandbar.jpg') #156f2e; position:fixed; left:0; top:0; height:100%; width:285px; background-position:0 0px; font-size:1em; color:#fff;z-index:4;
background-repeat:repeat-y;
}

* html #head, * html #foot,* html #left, * html #menu {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:40px; float:left;}
.pad2 {display:block; height:100px;}

.bold {font-size:1.2em; font-weight:bold;}

.imgleft{
float: left;
border: 0px;
}

.white {color: #fff;}

#wordsleft {float:left; top:265px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:265px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}


ul, li {	/* use of a list for the menu */
list-style-type: none;	/* suppression of list markers */
margin:0;
padding:0;
}
ul {
position: absolute;	/* positionning for IE5 and IE5.5 */
top: 100px;
left: 0px;
background: transparent url('images/CMIndex.jpg') top left no-repeat;	/* general menu background */
width: 285px;
padding-top: 57px;
text-align: center;
}
li {display: inline;}	/* correctionf or IE5 and IE5.5 */

li a {	/* buttons dimensions and definitions */
display: block;	/* A tag place in block to give it dimensions */
height: 78px;
width: 285px;
color: rgb(214,247,229);
font-size: 25px;
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
line-height: 78px;	/* line height to avoid paddings */
}
li a:hover {
color: #000;
background: transparent url('images/CMIndex.jpg') top left no-repeat;
}
a#menu1:hover {	/* offset placement of background for each button */
background-position: 0% -757px;
}
a#menu2:hover {
background-position: 0% -835px;
}
a#menu3:hover {
background-position: 0% -913px;
}
a#menu4:hover {
background-position: 0% -991px;
}
a#menu5:hover {
background-position: 0% -1069px;
}
a#menu6:hover {
background-position: 0% -1147px;
}
a#menu7:hover {
background-position: 0% -1225px;
}