body {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 0.8em;
	margin: 0;
	padding: 0; 
	background-color: #ffcc00; 
	color: #000000; 
	min-width: 800px;
}
/* default newspaper-look background*/
div#wrap {
	background: #ffcc00 url(../images/bkgd_trans.jpg) repeat; 
	margin: 10px auto 10px auto;
	width: 800px;
	border: 1px solid #000;
}
/* ia logo with height of 65px */
#header {
 	background-color: #211f20;
 	height: 70px;
}
#header-left {
	width:177px;
	float:left;
	margin: 0px;
	padding-bottom: 3px;
}

#header-right {
	margin-left: 200px;
}

/*
#headerText {
	color: #eee;
	width: 100px;
 	height: 16px;
	position: relative;
	left: 678px;
	top: 35px;
	font-size: 10px;
	border:1px solid #f00;
}
*/
/* hide the Instructional Architect text in h2 */
/* text browser display it, without image header */ 
#header h2{
 	display: none;
}

/* page title or greetings printing on ia logo image */
.greeting {
	color: #fff;
	font-size:20px;
	margin-right: 5px;
	padding-top:3px;
	text-align: right;
}
.greeting ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.greeting li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
.greeting a:link {
  	text-decoration: none;
 	color: #ffffff;
}
.greeting a:visited {
 	color: #ffffff;
  	text-decoration: none;
}
.greeting a:hover {
  	color: #ffffff;
  	text-decoration: underline;
}
.greeting a:active {
  	color: #ffffff;
}
#quicklinks ul {
	padding: 0 0 0 20px;
	margin: 0;
	list-style: disc outside url(../images/dash_short.png);
	/*
	border:1px solid #f00;
	*/
}
#quicklinks ul li {
	padding:0;
	margin: 0;
	vertical-align:middle;
	/*
	border:1px solid #0f0;
	*/
}
#quicklinks ul li a {
	margin-left: -5px;
}
#quicklinks ul li a:hover {
	/*
	color: #e0e0e0;
	background-color:#211f20; 
	text-decoration: none;
	*/
}
#quicklinks span {
	font-size: 1.0em;
}
/* top navigation bar */
#nav {
	/*
	padding-top: 8px;
	*/
	color: #ffffff;
	display:block;
}
/* use bulllet list for seperating <a> link explicitly */
#nav ul {
	margin: 0;
	padding-top:5px;
}
#nav li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li a{
	vertical-align:bottom;
	color: #fff;
}
#nav ul li ul li a:hover {
	vertical-align:bottom;
  	text-decoration: underline;
	color: #fff;
}
#nav a.current {
	border-bottom: 2px solid #ffcc00;
	height: 1em;
/*
not sure what Ye had in mind here. We'll just leave it out and see what happens :)
	zoom:100%;
*/
}
/* print login or logout link depending on if the user logged in */
#login_out {
	color: #ffcc00;
	padding-left: 240px;
}
label.showme {
	display: inline;
}

.help {
	background: #e7f5e7;
	border: 1px dashed #99cc99;
	padding:5px; 
	font-size:0.9em;
}
/* including pagebody-left and pagebody-right two columns */
#pagebody {
	margin-top:3px;
	margin-left:10px;
	/*
	margin: 10px 20px 20px 20px;
	*/
}

/* left column of body, left float, 360px width */
.pagebody-left {
	float: left; 
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	width: 360px;
}

/* for transparent background */
.pagebody-left-container {
	background: transparent url("../images/fff.gif") repeat;
	margin-left:6px;
	margin-right:6px;
	padding: 5px 5px 10px 10px;
}
.pagebody-left div {
	padding-bottom: 5px;
}

/* right column of body, with margin right 390px */
.pagebody-right {
	margin: 0px 10px 10px 380px;
	padding: 0px 10px 0px 10px;
}
#wrap > .pagebody-right{
 	width: 390px;
}
.pagebody-right-container {
	background-color: #ffffcc;
	padding: 10px;
}

/* input textbox vertical space */
.pagebody-right div {
	padding-bottom: 5px;
}

/* clear float two columns in body, space holder for future usage */
#footer {
	clear: both;
	padding: 0 0 10px 0;
	margin:0;
	text-align: center;
}

/* control font size in input fields */
input {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1em;
	background: #ffffff;
}
textarea {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1em;
	background: #ffffff;
}
/* control size of input to avoid unnecessary enlargement */
input.txt {
	font-family: Arial, Verdana, sans-serif; 
	display: inline;
	width: 150px;
}
fieldset.txt {
	width: 330px;
}
/* default legend color is not good, change to black. */
fieldset legend {
	color: #000000;
	font-weight:bold;
}

/* show labels in the fieldset */
fieldset label {
	display: inline;
	font-size: 0.8em;
}

/* hide labels for the common form elements */
label {
	display: none;
}
/* show "hand" for acronym phrases */
acronym {
	cursor: help;
}
#pagebody a:link,
#mainright a:link, #mainleft a:link,
#homelink-left a:link, #homelink-right a:link,
.mainright-container a:link
{
	text-decoration: underline;
	color: #000000;
}
#pagebody a:visited,
#mainright a:visited, #mainleft a:visited,
#homelink-left a:visited, #homelink-right a:visited,
.mainright-container a:visited
{
  	text-decoration: underline;
 	color: #555555;
}
#pagebody a:hover,
#mainright a:hover, #mainleft a:hover,
#homelink-left a:hover, #homelink-right a:hover,
.mainright-container a:hover
{
  	text-decoration: underline;
  	color: #000000;
	background-color: #ffee55;
}
#pagebody a:active,
#mainright a:active, #mainleft a:active,
#homelink-left a:active, #homelink-right a:active,
.mainright-container a:active
{
  	text-decoration: underline;
  	color: #000000;
	background-color: #ffee55;
}

p a:link {
  	text-decoration: underline;
 	color: #000000;
}
p div a:link {
  	text-decoration: underline;
 	color: #000000;
}
a:link {
  	text-decoration: none;
 	color: #000000;
}
a:visited {
 	color: #000000;
  	text-decoration: none;
}
a:hover {
  	color: #000000;
  	text-decoration: underline;
}
a:active {
  	color: #000000;
}

/* smaller font for annotation purpose */
.annotation {
	font-size:0.85em
}

/* bold and underline link style to show it's current page */
.current {
	font-weight: bold;
}
img {
	border:none;
}
/* clear left big flaot and right big float in page body */
.clearfloat {
	clear: both;
	padding: 0;
	margin:0;
}
/* clear each "left and right float" in page body */
.clear{
	clear: none;
	padding: 0;
	margin:0;
}

/* my project page */
.thumnail-pic {
	float: left; 
	width: 120px;
	margin: 0px 0px 10px 20px;
	text-align:center;
}
.thumnail-txt {
	margin: 0px 0px 10px 150px;
	width: 170px;
}
hr {
	border: 1px dashed #ccc; 
/* not sure why -10, we'll try margin-bottom at -10...
	padding-bottom: -10px;
	margin-bottom: -10px;
*/
}

.failfeedback {
	color: #ff0000;
	padding: 2px;
	/*
	background: transparent url(../images/fcf.gif) repeat; 
	background: transparent url(../images/fcc.gif) repeat; 
	*/
}

.successfeedback {
	color: #006600;
	padding: 2px;
	/*
	background: transparent url(../images/cff.gif) repeat; 
	*/
}
input.button {
  color: #000; background: #fc0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}