/*** Based on example 3 from http://alistapart.com/articles/holygrail
  http://alistapart.com/d/holygrail/example_3.html ***/
/*** The Essential Code ***/

body {
	min-width: 630px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 190px;     /* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
}

#content {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
}

#notice {
	width: 180px;             /* LC width */
	padding: 0 10px;          /* LC padding */
	right: 240px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#nav {
	width: 130px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/*** IE Fix ***/
* html #notice {
	left: 150px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	color: #000;
	background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/

* { font-size:11pt; font-family: Verdana, "Trebuchet MS", sans-serif; }

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #FFF;
}

#nav, #notice {
  font-family:"Comic Sans MS",cursive;
}

#header, #footer {
	font-size: large;
	color: #000;
	background: #BFB05F;
}

#footer {
        text-align: center;
}

/*
#nav ul {
  margin:0; padding:0; float:left; 
}
*/

#nav ul, #notice ul {
  list-style-type: none; margin:0; padding:0;
}

#nav li, #notice li {
  margin-top: 1em;   margin-bottom: 1em;
  font-size:14pt;
}

#nav dt, #notice dt {
  margin-top: 1em;   margin-bottom: 0.5em;
  font-size:14pt;
}

#nav dd dt, #notice dd dt {
  font-size:12pt;
}

#nav dd dd, #notice dd dd {
  font-weight: bold;
}

#nav dd, #nav p, #notice dd, #notice p { 
  margin-left: 0.5em;
}

/* for dd on same line as dt within dl of class compact */
dl.compact dt { 
  margin-left: 0;
  margin-right: 1em;
  float:left;
}

dl.compact dd { 
  margin-left: 2em;
  font-style: italic;
}

#content {
}

#notice {
}

#container .column {
}

.highlight {
  background: yellow;
}