#content {
		margin-right:1%;
		margin-left:1%;
		margin-top:0px;
		padding-bottom:10px;
		padding-left:50px;
		padding-right:50px;
		background:#fff;
		border:1px solid #000;
		text-align:left;
		min-width:500px;
		}
		
	#menusitelinks {
		font-size:12px;
		font-style: bold;
		}
	
	#menunew {
		font-size:12px;
		font-style: bold;
		}

	#menu2 {
		font-size:12px;
		font-style: bold;
		}

	#menufooter {
		margin-bottom:20px;
		font-size:12px;
		font-style: bold;
		}
	
	.menus {
		border-left:10px solid #000099; 
		border-bottom:1px solid #000099;
		border-top:1px solid #000099;
		border-right:1px solid #000099;
		background:#99CCFF;
		color:#000;
		padding:10px;
		margin-bottom:10px;
		text-align:left;
		font-size:10px;
		}
	
	#menu {
		width:240px;
		padding:0px;
		margin-left: -24px;
		margin-right:20px;
		float:left;
		/*
		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		voice-family: "\"}\"";
		voice-family: inherit;
		}
	html>body #menu {
		margin-left: -56px;
		margin-right:20px;
		}
		
	p,h1,h2 {
		margin-top:0px;
		margin-bottom:10px;padding:0px 20px 0px 20px;
		}
		
	h2 {
		font-size:16px;
		padding-top:0px;
		margin-bottom:0px;
		}

	#topbar h1 {
		font-size:18px;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-right:1px solid #000;
		border-left:1px solid #000;
		margin-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:5px;
		padding-bottom:5px;
		background:	#000000;
		}

		
	#title h1 {
		border-top:1px solid #000099;
		border-bottom:1px solid #000099;
		border-right:10px solid #000099;
		border-left:10px solid #000099;
		margin-top:10px;
		margin-right:-50px;
		margin-left:-50px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		}
		
	#title {
		padding:0px;
		margin-right:-6px;
		margin-left:-6px;
		width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
		voice-family: "\"}\"";
		voice-family: inherit;
		width:auto;
		}
	html>body #title {
		width:auto;
		}
			
		
	a.anchor {
		font-size:10px;
		font-weight:normal;
		}
		
	p.anchor {
		text-align:right;
		}
	
	.links {
		margin-left:50px;
		margin-right:30px;
		}
	
	#layouts {
		font-size:10px;
		margin-left:10px;
		}

H1		{
		font-family:	"Times New Roman";
		font-size:20px;
		background:	#99CCFF;
		color:		#FF0000;
		font-style: bold;
		text-align:	center;
		}

H2		{
		font-family:	"Times New Roman";
		color:		#000099;
		}

      a.menulinks:link {color: blue;
        text-decoration: none;}
      a.menulinks:visited {color: green;
        text-decoration: none;}
      a.menulinks:hover {color: red;
      	 background: white;
        text-decoration: underline;}
        
      a.bodylinks:link {color: blue;
        text-decoration: none;}
      a.bodylinks:visited {color: green;
        text-decoration: none;}
      a.bodylinks:hover {color: red;
      	 background: white;
        text-decoration: underline;}
        
     a.barlinks:link {color: white;
        text-decoration: none;}
      a.barlinks:visited {color: white;
        text-decoration: none;}
      a.barlinks:hover {color: blue;
      	 background: white;
        text-decoration: underline;}