/*CSS for example #1: CSS; puts a colored box around reference mark in text 
and in endnote or footnote text*/

#content p .refbox a:link 
{
font-weight: bold;
color: #333;
background-color: #FFE680;
margin-right:0.1em;
margin-left:0.1em;
padding: 0.1em 0.3em 0.1em 0.3em;
font-size:0.8em;
text-decoration: none;
border:none;
}

#content p .refbox a:visited
{
background-color: #E6B873;
}

#content p .refbox a:hover
{
background-color: #FF9900;
}

#content .fntext .endrefbox a:link 
{
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
line-height: 0px;
color: #333333;
background-color: #FFE680;
padding: 0.1em 0.3em 0.1em 0.3em;
margin-left: .1em;
margin-right:.2em;
border:none;
}

#content .fntext .endrefbox a:visited {
background-color: #E6B873;
}

#content .fntext .endrefbox a:hover {
background-color: #FF9900;
}

#content .fntext {
line-height: 120%;
margin-left: 2em;
margin-right: 2em;
font-size:0.9em;
margin-bottom: 1em;
color: #333333;
}

#rule
{
width:200px;
margin-left:2em;
border-bottom:1px solid #997A00;
}

/*CSS for basic page setup*/
body 
{
font-size:76%;
background-color:#FFF2BF;
margin: 0;
font-family: "Lucida Grande", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
text-align:center;
}
  
 #container
 {
 width: 650px;
 margin-right: auto;
 margin-left:auto;
 background-color: #FFFAE6;
 color: #333;
 border: 8px dotted #BFAC60;
 text-align:left;
 }

 #header
 {
 padding-left: .5em;
 background-color: #FFFAE6;
 margin-bottom:.5em;
 height:124px;
 }
 
 .hidden 
{ 
 position:absolute; 
 left:0px; 
 top:-500px; 
 width:1px; 
 height:1px; 
 overflow:hidden; 
} 
 
h1 
{ 
height:30px; 
width:60px; 
background-image:url(h1.jpg); 
}

 #skip a:link, #skip a:visited, #skip a:hover   
 { 
 position:absolute; 
 left:0px; 
 top:-500px; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 } 
  
 #skip a:active 
 { 
 position:static; 
 width:auto; 
 height:auto; 
 }
 
 #header h2
 {
 color:#997A00;
 margin-top:-3.3em;
 margin-right:1.2em;
 text-align:right;
 height:2em;
 font-size:1.3em;
 line-height:110%;
 }

 #navcontainer2
 {
 float: left;
 width: 114px;
 margin-top: 0;
 }
 
 #navcontainer2 h4 
 {
 text-align:right;
 font-size:1.2em;
 color:#333;
 margin-top:0;
 margin-bottom:.5em;
 }
 
 #navcontainer2 ul 
 {
 list-style-type: none;
 padding: 0;
 margin: 0;
 text-align: right;
 font-size:.9em;
 }
 
 #navlist2 li, #navlist3 li 
 {
 margin: .2em 0em 0em 0em;
 font-weight:bold;
 }
 
  #navlist2 li a:link, #navlist3 li a:link
 {
 color:#997A00;;
 text-decoration:none;
 }
 
  #navlist2 li a:visited, #navlist3 li a:visited
 {
 color:#E6B873;
 text-decoration:none;
 }
 
  #navlist2 li a:hover, #navlist li a:active, #navlist3 li a:hover, #navlist li a:active
 {
 color:#FF9900;
 text-decoration:none;
 }

 #content
 {
 margin-left: 115px;
 }
 
 #content h3
 {
 font-size:1.5em;
 color: #997A00;
 margin-top:0;  
 margin-left:1em; 
 margin-right: 1em;
 margin-bottom:0;
 border-left:1em solid #FFE680;
 padding-left:3px;
 line-height:1.3em;
 }
 
#content p
{
font-size: 1em;
line-height: 180%;
margin-left: 2em;
margin-right: 2em;
margin-top: 0em;
margin-bottom:1em;
color: #333333;
}

.floatleft
{
float:left;
margin: 0 0 10px 10px;
clear:left;
margin-left:2em;
margin-right:1em;
}

blockquote
{
font-size: .9em;
line-height: 140%;
margin:0 2em 1em 2em;
padding:1.5em;
background-color:#FFF2BF;
color: #333;
}
	
#content p a:link, blockquote a:link
{
font-size:1em;
text-decoration: none;
color: #997A00;
border-bottom:1px dotted #997A00; 
}

#content p a:visited, blockquote a:visited 
{
text-decoration: none; 
color: #E6B873;
border-bottom:1px dotted #E6B873; 
}

#content p a:hover, blockquote a:hover 
{
text-decoration: none;
color: #FF9900;
border-bottom:1px dotted #FF9900;
}

#content .codetext 
{
font-family:"Courier New", Courier, monospace;
font-size: 1.1em;
margin-left:2em;
margin-right:2em;
margin-bottom: 0.1em;
margin-top:.1em;
color: #333333;
line-height:100%;
padding:0;
}

#content .codetextorange 
{
color:#FF9900;
font-family: "Courier New", Courier, monospace;
font-weight:bold;
}

#content ul li
{
font-size: .9em;
line-height: 140%;
margin-right: 40px;
margin-top: .1em;
margin-bottom: 1em;
list-style-type:circle;
list-style-position:outside;
margin-left:20px;
color: #333333;
}
#content ol li
{
font-size: .9em;
line-height: 140%;
margin-right: 40px;
margin-top: .1em;
margin-bottom: 1em;
list-style-position:outside;
margin-left:20px;
color: #333333;
}
	
.number
{
font-weight:bold;
background-color: #FFE680;
margin-right:0.4em;
padding: 0.2em 0.4em 0.2em 0.4em;
font-size:0.8em;
 }

 #footer
 {
 clear: both;
 margin: 0;
 padding: .5em;
 color: #333;
 background-color:#FFFAE6;
 }
 
 #footer p
 {
 line-height:100%;
 text-align:center;
 margin:0 0;
 }