html, body {
	min-width:840px;
	margin:0 4px 0 0;
	padding:0;
}

#outerwrapper {
	/* because "min-width" is not supported by IE, these pages use a script from PVII */
	min-width: 840px;
	/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
	width: 100%;
	/* faux-column technique, this is the left one */
	/* background:#fff url(left.gif) repeat-y left; */
}
#wrapper {
	/* faux-column technique, this is the right one */
	/*background:url(right.gif) repeat-y right; */
}

#mainfooter {
	/* see #outer_wrapper  */
	width:100%;
	/* this is to clear #container */
	clear:both;
/*	
	border-top:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
*/
}

#mainheader {
	/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
	width:100%;
	/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
	margin: 0 -1px;
	padding:0;
}
#mainheader h1 {
	margin-left: 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 20px;
}
#mainheader h2 {
	margin-left: 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 16px;
}

#mainnav {
	float: left;
	width: 120px;
	/* IE doubles the margins on floats, this takes care of the problem */
	display: inline;
	margin-left: 0px;
	padding-right: 0px;
}
#mainnav h2 {
	margin-left: 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	font-size: 16px;
}

#maincontent {
	float: left;
	width: 100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display: inline;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	margin-left: 0px;
}

#mainform {
	margin-left: 20px;
	float: left;
	/* IE doubles the margins on floats, this takes care of the problem */
	display: inline;
	margin-top: 0px;	
}    

#mainform form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-size: 100%;
}    
#mainform form fieldset {
	clear: both;
	margin: 4px 0 4px 0;
	padding: 10px;
	border: solid 1px #ccc;
	background: #fff;
	font-size: 100%;
}
#mainform form fieldset legend {
	clear: none;
	line-height: 150%;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	margin: 4px 0 0 0;
	padding: 0 5px 5px 5px;
}
#mainform form div.required fieldset legend {
	font-weight: bold;
}
#mainform form fieldset label {
	display: block;
	float: left;
	width: 110px;
	font-size: 12px;
	margin: 2px 0 3px 5px;
}
#mainform form div table tr td label {
	display: inline;
	float: none;
	width: auto;
	font-size: 12px;
}
#mainform form div.required {
	padding-bottom: 8px;
}
#mainform form div.optional {
	padding-bottom: 8px;
}
#mainform form div.nolabel {
	padding-bottom: 8px;
	padding-left: 8px;
}
#mainform form div.optional label, label.optional {
	font-weight: normal;
}
#mainform form div.required label, label.required {
	font-weight: bold;
}

.labelField {
	background-color: #FFFFFF;
	border: none;
	font-size: 12px;
	padding: 2px;
	position: relative;
	top: 3px;
}

#mainform form fieldset input, .inputField {
	background-color: #FFFFFF;
	border: 1px gray solid;
	font-size: 12px;
	font-family: "Verdana",monospace;
	padding: 2px;
}

#mainform form fieldset input[type="checkbox"] {
	border: 0px;
}

#mainform form fieldset textarea {
	background-color: #FFFFFF;
	border: 1px gray solid;
	font-size: 12px;
	font-family: "Verdana",monospace;
	padding: 2px;
	width: 340px;
}
#mainform form fieldset select {
	background-color: #FFFFFF;
	border: 1px gray solid;
	font-size: 12px;
	font-family: "Verdana",monospace;
	padding: 2px;
}

#mainform form div input.inputFile, .inputFile {
  width: 211px;
}
#mainform form div select.selectOne, #mainform form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}
#mainform form div input.inputCheckbox, #mainform form div input.inputRadio, span.inputCheckbox input, span.inputRadio input, input.inputCheckbox, input.inputRadio, .inputCheckbox, .inputRadio, .inputCheckbox input, .inputRadio input {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent !important;
  border: none !important;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 0px;
}
#mainform form fieldset div radiolist {
	background-color: #FFFFFF;
	border: 1px gray solid;
	padding: 2px;
	width: 340px;
}
#mainform form fieldset div radiolist input, .radiolist input {
	border: none !important;
}

#mainform form div.submit {
  width: 360px;
  margin: 10px 0 0 115px;
}
#mainform form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}
#mainform form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}
#mainform form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

#mainform form fieldset div.notes {
	float: right;
	width: 90px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	font-size: 88%;
}
#mainform form fieldset div.notes h4 {
	background-image: url(/images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 27px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: 110%;
}
#mainform form fieldset div.notes p {
	margin: 0em 0em 1.2em 0em;
	color: #666666;
}
#mainform form fieldset div.notes p.last {
	margin: 0em;
}   

#mainform form fieldset hr {
	border: none;
	border-top: solid 1px #ccc;
	height: 1px;
	color: #fff;
}            

#mainform form fieldset .info 
{
	clear:both;
	display:block;
	font-size:80%;
	margin:4px 0 0px 115px;
}