/*CSS for example #3: CSS Super; puts a colored box around reference mark in text 
and in endnote or footnote text and superscripts the boxed reference mark by means of
styling the <sup> tag*/

/*Yap CSS Style*/

#include virtual="/site/incl/global_css.incl"


a:link {
	color: blue
	text-decoration: underline
} 
a:visited {
	color: #666633;
	text-decoration: underline;
} 
a:hover {
	color: #333366;
	text-decoration: underline;
} 
a:active {
	color: #663366;
	text-decoration: underline;
} 
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333} 
li {color: #333366; list-style-type: square} 
ul {color: #333366; list-style-type: square} 
ol {color: #33366} 
.mytext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666699} 
.mytext a:link {color: #333333; text-decoration: none} 
.mytext a:visited {color: #666666; text-decoration: none} 
.mytext a:hover {color: #FF9900; text-decoration: underline} 
.mytext a:active {color: #333333; text-decoration: none} 
.mytext2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006699} 
.mytext2 a:link {color: #FF9900; text-decoration: none} 
.mytext2 a:visited {color: #FF9900; text-decoration: none} 
.mytext2 a:hover {color: #006699; text-decoration: underline} 
.mytext2 a:active {color: #333333; text-decoration: none} 

a:link {

	color: #000099;
	text-decoration: none;
}
.box {
	width: 236px;

}


/*End Yap CSS Style*/


#content sup a:link 
{
font-size:1.5em;
line-height:0;
font-weight: bold;
color: #333;
background-color: #FFE680;
margin-right:0.2em;
margin-left:0.1em;
padding:0.1em 0.3em;
font-size:0.8em;
text-decoration: none;
border: none;
}

#content sup a:visited
{
background-color: #E6B873;
}

#content sup 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(file:///D|/Documents%20and%20Settings/ppearce05/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/LYFPXIWM/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: 1em;
margin-bottom:1em;
color: #333333;
}

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

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

#content a:hover 
{
color: #FF9900;
text-decoration: none;
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;
}
	
.codehilite
{
font-size:1.1em;
color:#FF9900;
font-family: "Courier New", Courier, monospace;
font-weight:bold;
 }

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