/* Layout Stylesheet */ 
body{
 margin: 0;
 padding:0; 
 background:#eeeeee;
 color: #333333; }	 
	 
#lh-col{
 position:absolute;
 top:2px;
 left:0;
 width:170px;
 z-index:3;
 background:#eeeeee;
/* background:#c0c0c0;*/
 color: #333333;}

#rh-col{
 position:absolute;
 top:2px;
 right:0;
 width:170px;
 z-index:2;
 background:#eeeeee;
 align:right;
/* background:#c0c0c0;*/
 color: #333333;}

#c-block {
 width:100%;
 z-index:1;
 background:#eeeeee;
/* background:#c0c0c0;*/
 color: #333333;
 height:80%;}

#hdr{
 height:90px; 
 border-bottom:1px solid #000000; 
 width:100%; 
 background:#eeeeee;
 color: #333333; 
 margin:4;
 align:center;
  }

#c-col{
 margin:0 173px 0 173px;
 position:relative;
 background:#eeeeee;
 color: #333333;
 z-index:5;
 border: none;/*solid #000000;
 border-width:0 1px;*/
 }

#ftr {
 width:100%;
 height:35px;
 border: none; 
 border: solid #000000; 
 border-width:1px 0;
 background:#eeeeee;
 color: #333333;
 margin:0;
 }



/* Presentation Stylesheet */ 
p {
 padding: 0 15px;
 font-size: 16px;
 }

h1 {
 font-size: 50px;
 color: red;
}

h4, h3 {
 margin:0; 
 padding: 5px 0;
 color: red;
 }

.glossymenu{
display: inline; /* this gets rid of the gaps */
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 130px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}


.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block; 
/*display: inline;  this gets rid of the gaps 
width: auto;*/
width: 150px;/* or use height (tricks IE into letting you click anywhere on the block, not just the text */
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}