/*Stylesheet created 12/13/05 by Tamara Smith, Reference/Instruction Librarian, Langsdale Library (University of Baltimore). 
Thanks also to Michael Shochet, Langsdale Systems Librarian, for his help. Stylesheet revised beginning 05/01/2006 by MILEX Webmaster Stephen Ford, Information Literacy Education Librarian, Blackwell Library (Salisbury University)*/

  * {
  margin: 0px;
  padding: 0px;
    }
	
  body { background-color: #404040;
    font-family: Verdana;
	}
	
  p {font-size: 1em}
	
  h1 {font-size: 2em}
	
  h2 {font-size: 1.5em}
	
  h3 {font-size: 1em}
  
  #container { border-style: solid;
    border-width: 1px;
    border-color:#CC0000;
	background-color: #FFFFCC;
	margin: 0 0 0 4em;
    width: 55em;
	min-height: 33.5em;
	position: relative;
    }

  #masthead {width: 53em;
    height: 7em;
	padding: 0em 1em 1em 1em;
	background-color:#000000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
  	}
  
  #navcontainer {padding-left: 0;
    margin-left: 0;
	width: 55em;
	float: left;
	background-color: #FFCC00;
    color:#CC0000;
	border-right: 1px solid #CC0000;	
	border-bottom: 1px solid #CC0000;
    }
  
  #navcontainer li {display: inline;
  font-size: .95em;
  }
  
  #navcontainer li#active {background-color: #CC0000;
    color: #FFCC00;
    padding: 0.1em 1.24em 0.1em 1.50em;
    font-weight:bold;
    text-decoration: none;
    float: left;
  }

  #navcontainer li a {padding: 0.1em 1.24em 0.1em 1.24em;
    background-color: #FFCC00;
    color: #CC0000;
    font-weight:bold;
    text-decoration: none;
    float: left;
    }

  #navcontainer li a:hover
    {
    background-color: #CC0000;
    color: #FFCC00;
    }
  
  #main {width: 53em;
    padding: 1em;
	float: left;
	min-height: 18em;
    background-color: #FFFFCC;
    border-right: 1px solid #CC0000;	
    }
	
  #main a:link {color: #CC0000;
    }
  
  #main a:hover {text-decoration: underline;
    }
		
  #main h2 {text-align: center;
  }
  
  #main p {font-size: 1em;
  }

  #leftnav {width: 5em;
	float: left;
	padding: 1em;
	min-height: 17.5em;
	background-color: #FFFFCC;
	font-weight:bold; 
	text-decoration: none;
	}
	
  #leftnav a:link {color: #CC0000;
    font-weight: bold;
    }
  
  #leftnav a:hover {text-decoration: underline;
    }
	
  #leftnav li {float: left;
    font-weight: bold;
	font-size: .9em;
    list-style-type: none;
	padding: 0.25em;
	}
   
  #leftnav li a {
    text-decoration: none;
	}
	
  #rightcol {width: 45em;
	float: right;
	padding: 1em;
	min-height: 18em;
	border-left: 1px solid #CC0000;
    background-color: #FFFFCC;
    }
	
  #rightcol a:link {color: #CC0000;
    }
  
  #rightcol a:hover {text-decoration: underline;
    }
	
  #rightcol table tr td {font-size: .75em;
	 vertical-align:text-top;
	 padding: 1em 2em 1em 2em;
  }
   
  #rightcol p, h1, h2, h3, h4, h5 {margin-bottom: 1em;
  }
  
  #rightcol p {font-size: .75em;
  }
    
  #rightcol li {font-size: .75em;
    margin-left: 2em;
  }
  
  #footer {width: 71.3em;
    height: 3.5em;
	clear: both;
	padding: 1em;
	background-color:#CC0000;
	border-right: 1px solid #CC0000;	
	color:#FFFFFF;
	font-size: .75em;
	text-align: center;
  }
  
  .subheading, .jump {text-align:center;
  }
  
  /*MILEX Form style starts here; CSS courtesy of Jeff Howden (http://jeffhowden.com/code/css/forms/), with minor modifications*/

  #form {
  margin: 0px;
  padding: 5px;
  font-size: .8em;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
  }

  #form fieldset {
  clear: both;
  font-size: 1em;
  border-color: #000000;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 10px;
  margin: 5px 5px 5px 5px;
  }

  #form fieldset legend {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  margin: 1px;
  padding: 0px 5px;
  }

  #label {
  font-size: 100%;
  }

  #label u {
  font-style: normal;
  text-decoration: underline;
  }

  #input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  }

  #textarea {
  overflow: auto;
  }

  #form div {
  clear: left;
  display: block;
  width: 500px;
  height: expression('1%');
  margin: 5px 0px 0px 5px;
  padding: 10px 5px;
  }

  #form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
  }

  #form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
  }

  #form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
  }

  #form fieldset div.notes p.last {
  margin: 0em;
  }

  #form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 197px;
  }

  #form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
  }

  #form div.required fieldset legend {
  font-weight: bold;
  }

  #form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
  }

  #form div.optional label, label.optional {
  font-weight: normal;
  }

  #form div.optional_wide label, label.optional {
  width: 360px;
  font-weight: normal;
  padding-left: 25px;
  float:left;
  text-align: left;
  }
   
   #form div.required_wide label, label.required {
  width: 380px;
  font-weight: normal;
  float: left;
  text-align: left;
  font-weight:bold;
  }
   
  #form div.required label, label.required {
  font-weight: bold;
  }

  #form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
  }

  #form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
  }
  

  #form div img {
  border: 1px solid #000000;
  }

  #p.error {
  background-color: #ff0000;
  background-image: url(/images/error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

  #form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
  }

  #form div.error p.error {
  background-image: url(/images/error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
  }

  #form div input {
  width: auto;
  padding: 1px 5px 1px 3px;
  margin: 0px 0px 0px 0px;
  }
  
  #form div input.subject {
  width: 380px;
  padding: 1px 5px 1px 3px;
  margin: 0px 0px 0px 0px;
  }
  
  #form div textarea, form div select {
  width: 380px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
  }

  #form div input.inputFile {
  width: 211px;
  }

  #form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
  }

  #form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
  }

  #form div.submit {
  width: 214px;
  padding: 0px 0px 0px 140px;
  }

  #form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
  }

  #form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
  }

  #form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
  }

  #label img {
  behavior: url(/behaviors/label_img.htc);
  }

  #form fieldset legend {
  line-height: 150%;
  }

  #form input, form select, form textarea {
  background-color: #ffffff;
  }

  #form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
  }

    
  #form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  height: expression('1%');
  padding: 4px 0px 0px 18px;
  text-indent: -18px;
  line-height: 120%;
  }

  #form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 0px;
  }

  #form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: auto;
  margin: 0px 0px 0px 18px;
  margin: expression('0px 0px 0px -124px');
  }

  #form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
  }

  #form div.wide label {
  float: none;
  display: block;
  }

  #form div label.wide {
  width: 350px;
  }

  #form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 350px;
  margin: 0px;
  }

  #form div.notes p, form div small {
  line-height: 125%;
  }

  #form div.wide small {
  margin: 0px 0px 5px 0px;
  }