html, body {
    height: 100%;
}

body {
 	margin:0px;
	font-size: 14px;
	padding:0px;
    background-color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
     color : #000000;
}
/* use for nav or title font: (size)px Impact, Lucida sans, sans-serif */
#wrap { /* these first three declarations required to get the fixed width, centered single column format; required to get the column centered in both IE and Firefox (able to just use auto left and right margins in Firefox, but doesn't work in IE.) */
	width:800px;
	margin-left:auto;
	margin-right:auto;
}		

.text {
     background-color : #FFFFFF;
     color: #000000;
      padding: 2px;
      border: 0.1px solid #FFFFFF;   /*to insure that NN4.xx renders the background-color of the content area*/
      border-color : #C0C0C0;
      border-style : ridge;
      border-width : 2px;
      align: center;
}

.box {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
  background: #FFFFFF;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
  font-size: 85%;
}

h3, h4 {color: #6699FF;}

h4 {margin-bottom: -12px;}

.indent { margin-left: 10px;}

a{/*normal links in the text*/  color: #0000CC; }

a:hover {   color: #6699FF; }

/* creates nav bar to info for different classes  of TAs */
#navcontainer {
	background: #FFFFFF;
	border-top: 1px solid;
	left: 0;
	margin: 0;
	z-index: 10;
	position: relative;
}

#navcontainer ul {
	background-color: #FFFFFF;
	height: 1.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 30px 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	white-space: nowrap;
	list-style: none;
	padding: 0;
	margin: 1px;
}

#navcontainer li {
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
	display: inline;
	margin: 0 .6em 0 0;
	white-space: nowrap;
}

#navcontainer a {
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 6px 10px;
	margin: 0;
	display: block;
}

#navcontainer a { 
	font-weight:bold; 
}

#navcontainer a:hover {
 	color: #000099;
 	background-color: #FFFFD9;
 }


/* rightNav id is used on several pages to create an additional navigation bar.  */
#rightNav {
	float: right;
	width: 250px;
	margin: 4px;
	text-align: left;
}

#rightNav h2 {
	color:#6699FF;
	background: #FFFFD9;
	padding-left: 10px;
	font-size: 85%;
	border: 1px solid #CCC;
	border-width:  1px;
	margin: 5px 10px 0 20px;
	padding: 8px 4px 8px 10px;
	font-size: .8em;
}

#rightNav h2:first-child {
	margin: 10px 10px 0 20px;
	background-color:  #FFFFD9;
	border: 1px solid #CCC;
}


#rightNav li {
	list-style-image: none;
}

#rightNav ul {
	margin: 1px 10px 0px 20px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #CCC;
}

#rightNav ul:last-child {
	margin: 1px 10px 20px 20px;
}

#rightNav ul li, #sidebar ul li {
	list-style-type: none;
	margin: 0;
	border-bottom: 1px solid #FFF;
	padding: 0;
}

#rightNav ul li a {
	padding: 4px 1px 4px 10px;
	margin: 0;
	display: block;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	background: #FFF url(HRexample/images/dottedborder.gif) repeat-x;
}

#rightNav li a:hover {
 	color: #000099;
 	background-color: #FFFFD9;
}


#current {
 	color: #000000 !important;
	font-weight:bold !important;
 }