

/*****************
basic layout 
*****************/

div#main {
   margin-left: 159px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   padding-left: 10px;
   margin-right: 240px; /* and some air on the right */
   background-color: white;
   border:  1px solid black;
   min-height:  500px;
  height:auto !important;
  height:500px;
}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 160px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
   line-height:1.2em;
   border-top:  1px solid black;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   margin: 0;
   width: 160px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */

}

#sidebar2 {
	position: absolute;
	width: 235px;
	overflow: hidden;
	top:  60px;
	right:  4px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	background-color: white;
}

#sidebar2 p {
	margin:  0;
}


#content {
	position: relative;
}

