/* ------------------------------------ *
 CSS for OAD
 Wednesday, January 26, 2005 11:38:14 AM
 Re-done by Maisy and Asa
 * ------------------------------------ */

 /*  fonts
 --------------------------------------
 Safe fonts to use.  These are fonts
 found on nearly EVERY system.
 And They display well on screen.

   "Verdana"       San-serif
   "Georgia"       Serif
   "Trebuchet MS"  San-serif
   "Arial"         San-serif
   "Helvetica"     San-serif Mac

 --------------------------------------*/
 body {
      font-family: "Georgia","Times New Roman",Serif;
      font-size: 1em;
      line-height: 1.5em;
 }
 #layout {
	float: left;
	width: 100%;
      font-size: 80%;
	  overflow: auto;
 }
 #footer {
     font-size: 85%;
 }
 a {
    text-decoration: none;
    font-weight: bold;
 }
h1, h2, h3, h4, h5, h6
 {
 		margin:			0;
		padding:		0;
		margin-top:		1em;
		margin-bottom:	0.5em;
}
 h1 {
     font-size: 	150%;
	 line-height:	150%;
 }
 p 	{	
		margin:			0;
		padding:		0;
		margin-bottom:	1em;
		}
 h2 {
     font-size: 	125%;
     font-size: 	125%;
 }
 h3 {
     font-size: 	112.5%;
     line-height: 	112.5%;
 }
 h4 {
     font-size: 	100%;
	 line-height:	100%;
 }
 h5 {
     font-size: 	87.5%;
     line-height: 	87.5%;
 }
 h6 {
     font-size: 	75%;
     line-height: 	75%;
 }
 td, th {
     line-height: 120%;
 }
 div.imageleft p {
      text-align: left;
      font-size: 90%;
 }

 /*  layout   */
 li {
       list-style-position: outside;
 }
 .spacer {
      clear: both;
	  padding: 0;
	  margin: 0;
 }
 body {
       margin: 0;
       padding: 100px 0 0 0;

 }

 #quote {
       width: 100px;
       height: 100px;
       position: absolute;
       top: 0px;
       left: 0px;
 }

 #layout {
     padding: 0%;
 }

 #navigation {
	 float: left;
     width: 25em;
	 padding-top:	1em;
 }
 #content {
	 margin: 0 0 1.5em 27em;
     padding: 0 0 0 1.5em;
	 width:		30.0em;
 }

 #footer {
     clear: both;
     padding: 1.5em 0 1.5em 0;
     text-align: center;
 }

 ul#alphabetical {
     margin: 0;
     padding: 0;
 }
 li.alpha {
     margin-left: 0;
     list-style: none;
     list-style-type: inside;
     display: inline;
 }
 h5.bioemail {
     padding-top:0;
     line-height:.75em;
 }
 h4.byline
 {
	padding:		0;
	margin:			0;
	margin-bottom:	1.5em;
	font-weight:	normal;
	font-size:		87.5%;
	color:			#999;
 }
 td,th {
      vertical-align: top;
      padding: .5em;
 }
 div.imageleft {
      float: left;
	  clear	: none;
      padding:  0 1em 0 0;
 }
 #pagenavigation {
      padding: 1em;
      margin: 0;
 }
 #pagenavigation li {
      display: inline;
      border-left: 3px double #036;
      padding-right: 1em;
      padding-left: 1em;
 }
 #pagenavigation p + li {
      border-left: none;
      padding-left: 0;
 }
 ul#menu {
     padding: 0;
     margin: 0;
 }
 ul#menu li {
     list-style: none;
     text-align: right;
     margin: 0;
     padding: 0;
     border: 1px solid #fff;
 }
 ul#menu li ul{
	width: 100%;
     padding: 0;
     margin: 0;
	 border-top:	1px dotted #999	;
	 border-bottom:	1px dotted #999	;
 }
 ul#menu li ul li  {
     list-style: none;
     text-align: right;
     margin: 0;
     padding: 0 1.5em 0 0;
     border: 1px solid #fff;
 }
 ul#menu li a {
     margin: 0;
     padding: 0 .25em 0 0;
     display: block;
     width:100%;
     border: 1px solid #fff;

 }
 ul#menu li h4 {
	font-size: 112.5%;
	font-weight: bold;
}

 ul#menu li a:hover {
     border: 1px solid #036;
     color: #fff;
     background-color: #09f;
 }
 
 div.formRow
 {
	float 	: left;
	display	: block;
	width 	: 100%;
	clear	: left;
	margin-bottom	: 0.25em;
 }
 div.formRow label
 {
	display	: block;
	width	: 17em;
	float	: left;
	text-align	: right;
	padding-bottom	: 0.5em;
	padding-right	: 0.25em;
 }
 div.formRow label.right
 {
	text-align	: right;
 }
 div.formRow label.left
 {
	text-align	: left;
 }
 
 div.formRow input.checkbox, div.formRow input.numField
 {
	float	: right;
}
 div.formRow input.radio
{
	float	: left;
	width	: 5em;
}
div.formSubSection
{
	margin-left	: 10%;
	display		: block;
	width		: 90%;
	float		: left;
	clear		: all;
}
fieldset.endButtons	
{
	border	: none;
	margin-top	: 1em;
}
fieldset.donorFieldset, fieldset.reservationFieldset
{
	border	: none;
	width	: 100%;
	padding-top: 1.5em;
}
legend
{
	font-weight: bold;
	color: #036;
}

.outline
{
	border	: 1px solid green;
}
.formError
{
	background-color	: #ccc;
}
.formError label, h3.error
{
	color: red;
	font-weight: bold;
}
#reservationErrors
{
	margin-bottom	: 2em;
}

ol.referencesAndFootnotes
{
	margin:		0;
	padding-left:	1.75em;
}

p.OADrepresentation
{
	padding-top:		1em;
	margin-bottom:		2em;
	border-top:		1px solid #cccccc;
}
/*------------------------*/
/* colors & backgrounds   */
/*------------------------*/

 body {
       background-color: #036;
       background-image: url("oadtextgeorgia.gif");
       background-repeat: no-repeat;
       background-position: top right;
 }
 #quote {
       background-image: url("oadlogo.gif");
       background-repeat: no-repeat;
 }
 #layout {
       background-color: #fff;
 }
 #navigation {
 }
 #content {
       border-left: 1px dotted #999;
 }
 #pagenavigation {
      border-top: 1px dotted #9cf;
      border-bottom: 1px dotted #9cf;
 }
 #footer {
       border-top: 1px dotted #999;
 }
 table {
       border-collapse: collapse;
 }
 td, th {
      border: 1px solid #036;
 }

 h1, h2, h3, h4, h5, h6 {
       color: #036;
 }
 #content h2
 {
	border-top:		1px dotted #999;
	padding:		0;
	padding-top:	0.75em;
	margin:			0;
 }

 a {
      color: #09f;
 }
 div.imageleft p {
      color: #999;
 }