/* Not to confuse different browsers, we let them start from zero */ 
html, body {
   margin : 0;
   padding : 0;
}
 
body {
   color : #000000;
   width : 100%;
   background-image : url(Images/magentapgebckgr.jpg);
   background-repeat : repeat-x;
   text-align : center; /*center wrapper in IE5*/
   text-align : left;
}


p {
   margin : 1.2em 0.5em 1.2em 0.5em;
   text-align : left;
}
 
#leftheader {
   position : absolute;
   width: 100%
   top : 0;
   left : 0;
   height : 122px;
}

#leftpanel {
  position : absolute;
  width : 90px;
  top : 109px;
  height : 755px;
  left : 0px;
  z-index : 0; 
  background : url(Images/sglass1.jpg) no-repeat top left;
}

#container {
   position : absolute;
   width : 100%;
   top : 110px;
   height: 100%;
   left : 0px;
   text-align : center;
   z-index: 2;
}

#navcontainer {
   margin-top : 85px;
   text-align : left;
   }

#navcontainer ul {
   float : none;
   margin : 0;
   padding : 0;
   white-space : nowrap; /*  not wrap the list to a new line when the window is reduced in width *//*  not wrap the list to a new line when the window is reduced in width */
}

#navcontainer ul li {
   display : inline;
   width : 80px;
   margin-right : -4px;
}

#navcontainer ul li a {
   display: inline-block;
   padding: 1px 20px 1px 20px;
   color: #484500;
   text-decoration: none;
   border: 1px solid #565656;
   background : #c2c2e0;
}

#navcontainer ul li a:hover {
   color : #007101;
   background : #d5afa7;
}

#uberlink a:link, #uberlink a:visited,
#uberlink a:hover, #uberlink a:active {
   color : #007101;
   background : #9b9cc5;
}

#main {
   position : relative;
   width : 820px;
   margin-left : 75px;
   margin-right : auto;
   margin-top : 1em;
   text-align : left;
   background : url(Images/stjbrandsm.gif) no-repeat bottom right;
}

#mainleft {
   position : absolute;
   top : 61px;
   left : 0px;
   width : 478px;
   height: 518px;
   
}

#mainright {
   position : absolute;
   top : 170px;
   left : 580px;
   width : 187px;
   margin-left : 2px;
   margin-right : 2px;
   margin-top : 5px;
   z-index: 10;
}

#box {
   position : relative;
   top : 20px;
   width : 180px;
   margin-left : 2px;
   margin-right : 2px;
   margin-top : 5px;
   
}

#footer {
   position : relative;
   height: 50px;
   width: 100%;
   background : url(Images/magentafooter.jpg) repeat-x;
}