body {    
     padding: 0px;          
     margin: 0px;
     marginwidth: 0px;
     marginheight: 0px;    
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 0px; 
}


#lower_panel{
    top:50%;
    left:0px;
    position:absolute;
    width:100%;
    height:50%;
    z-index:1;
    background-image:url("/images/gradient.jpg");
    background-repeat: repeat-x;
    background-color:#C2E084;
    border: 0px none #000000;    
}



#container {
    margin-left: -390px; 
    margin-top: -215px; 
    position:absolute; 
    left:50%; top:50%; 
    width:770px; 
    height:430px; 
    z-index:3;  
}


#horizontal {        
    position: absolute;
    left:0px; top:50%;    
    width:100%;
    height:1px;
    background-color:#99CC33;
    border: 0px none #000000;
    z-index:2;    
}


#vertical {        
    margin-left:91px;
    position: absolute;
    left:50%; top:0px;    
    width:1px;
    height:100%;
    background-color:#EAFAAD;
    border: 0px none #000000;
    z-index:2;    
}


#contentBox {
    position:absolute; 
    left:0px; 
    top:0px; 
    width:770px; 
    height:430px; 
    z-index:4;    
    border: 0px none #000000;
    background-color: #330066; 
    layer-background-color: #330066; 
}

#shape2 {
    position:absolute; 
    left:0px; 
    top:215px; 
    width:770px; 
    height:1px; 
    z-index:5;
    background-color: #99CC33; 
    layer-background-color: #99CC33; 
}

#posterproject_title {
    position:absolute; 
    left:0px; 
    top:181px; 
    width:482px; 
    height:35px; 
    z-index:5;
}


.symbol {
    position:absolute; 
    left:678px; 
    width:76px; 
    height:77px; 
    z-index:5;
}

.link {
    position:absolute; 
    left:678px;
    width:76px;  
    height:10px; 
    z-index:5;
}


/*
 * menu items
 */

div.homemenuitem {
	height: 92px;
	width: 76px;
    position:absolute; 
    left:678px; 
    z-index:5;
	
}

div.homemenuitem a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;

}

div.homemenuitem span {
	display: block;
}
div.homemenuitem a:hover {
	background-image: none;
}


div.homemenuitem1 {
	background: url( '/images/menu/spellargebtn.gif' ) top left no-repeat ;
    top: 15px;
}

div.homemenuitem1 a {
	background: url( '/images/menu/spellargebtn.gif' ) 0 -92px no-repeat;
}

div.homemenuitem2 {
	background: url( '/images/menu/docentlargebtn.gif' ) top left no-repeat ;
    top: 114px;
}

div.homemenuitem2 a {
	background: url( '/images/menu/docentlargebtn.gif' ) 0 -92px no-repeat;
}

div.homemenuitem3 {
	background: url( '/images/menu/demolargebtn.gif' ) top left no-repeat ;
    top: 225px;
}

div.homemenuitem3 a {
	background: url( '/images/menu/demolargebtn.gif' ) 0 -92px no-repeat;
}

div.homemenuitem4 {
	background: url( '/images/menu/contactlargebtn.gif' ) top left no-repeat ;
    top: 324px;
}

div.homemenuitem4 a {
	background: url( '/images/menu/contactlargebtn.gif' ) 0 -92px no-repeat;
}

#background {
    position:absolute; 
    left:0px; 
    top:0px; 
    width:770px; 
    height:430px; 
    z-index:4;
}

#logo {
    position:absolute; 
    left:15px; 
    top:15px; 
    width:75px; 
    height:69px; 
    z-index:5;
}


#subtitle {
    position:absolute;
    border:0px white solid;
    top:221px;
    left:76px;
    width:250px;
    height:50px;
    color:#99CC33;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    z-index:5;
}