/* CSS Document */
/* Style Sheet by Bdtcomp (www.bdtcomp.com) */

/* body {
	font: 14px/22px Georgia, "Times New Roman", Times, serif;
}

*/


#container  {

	margin-right: auto;
	margin-left: auto; 
	text-align: left; 
	background-color:#FFFFFF;
	background-color:#D0E0D0;
/*	padding: 5px;  */
	
}


#header {
	background-color:#bfeaaa;
	background-color:#BF6A27;

	position:fixed;
	
	top: 0;
	left: 0;
	height: 75px;
	width: 100%;
	z-index: 5;
	

    

}




#menu {
	float: left;
	width: 150px;
	margin-right: 10px;
	clear:both;
	padding-left: 10px;
}



#widemenu {
	background-color:#dddddd;
	margin-bottom: 10px;
	height: 25px;
	
}




#widemenu ul li{
	float: left;
	list-style-type:none;
	padding: 5px 30px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
			
}


#widemenu ul {
	margin: 0px;
	padding: 0px;
	
}


#widemenu ul li a {
	color:#000000;
	text-decoration:none;
	
}


#widemenu ul li a:hover {
	color: #990000;
}




#content  {
	float: left;
	width: 560px;
	background-image:url(/images/lightergreen.gif);
	padding: 15px;
	background-repeat: repeat-x;
		
}

#sidebar {
	float: right;
	width: 180px;
	padding-bottom: 10px;
	padding-left:20px;
	
}

#footer_retire_aug09 {
	border-top: 1px solid #000000;
	clear: both;
	margin-left: 160px;
	padding-top: 10px;
	
}
	
	
#footer {
	clear: both;
	background: #dddddd;
	/* color: #CCCC66;   */
	
	
	
	padding: 5px 10px;
	text-align: right;
	font-size: 80%;



#footer_email {
color:#660000;
}







html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background:#fff; /*color background - only works in IE */
font-size:80%; /*set default font size */
font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}

CSS - the body tag:

body {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
}

/* This now gives a html / body size of 100% x 100% with no scroll bars on which we can place a header and footer using position absolute in the normal way. The header and footer will stay fixed because the body cannot scroll.

OK. now to tackle the content which must appear below the header, above the footer and scroll on overflow. In this example ALL browsers work the same way.   */

The #content div is set up as follows:

#content {
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:auto; /* add scroll bars as required */
padding-left:200px; /* pad left to avoid navigation div if required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}




/* This now gives you a full height content div. BUT we need to avoid the header and footer when first viewed. So we add top and bottom 'padding'.
If we literally added padding-top and padding-bottom then the vertical scroll bar will move down the screen so instead we add a padding div at the top and bottom of our content.  */

.pad2 {
display:block;
height:100px; /* height to miss header and footer */
}