<style>
body{
	font-family: Arial,sans-serif;
	color: #333366;
	border: 0px;
	padding: 0px;

}

p {	line-height: 1.166;
	font-family: Arial,sans-serif;
	color: #333366;
}

table {	font-family: Arial,sans-serif;
    	color: #333366;
    	line-height: 1.166;

}

img {padding: 0px 10px 10px 10px; border:0px}
/*top, right, bottom, left*/
a:link { color: #333366; border:0px; 	text-decoration: underline;}
a:visited { color: #333366; border:0px; 	text-decoration: underline;}
a:hover {
	color: #cc0066;
	border: 0px;	text-decoration: underline;
}
a:active {
	color: #cc0066;
	border: 0px; 	text-decoration: underline;

}

h1, h2, h3, h4, h5, h6, {
	font-family: Arial,sans-serif;

	padding: 0px;
 color: #333366;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 140%;
 color: #333366;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 125%;
 color: #333366;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #333366;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #333366;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #333366;
}

ul{
 list-style-type: bullet;
 color: #333366;
	font-family: Arial,sans-serif;

}

dl
{ color: #333366;
	font-family: Arial,sans-serif;}

 dt{ font-weight:bold;}
dd{font-weight:normal;}


label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

div.fig {
  margin: 0.5em;
  padding: 0.5em;
}
div.fig p {
  text-align: center;
  font-style: italic;
  text-indent: 0;
}

blockquote{
	font-family: Arial,sans-serif;
 color: #333366;
    font-style:italic;
margin-left: 2em;
margin-right: 2em;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0 0 10px 0;
	text-decoration:none;
position:absolute;
top: 0px;
left: 0px;

 margin:0 0 5 0;

}




#content{

    margin: 70px 0 0 220px;
	padding: 0 10px 0 0;
	font-size:90%;

 padding: 20px;
 position :relative;

}


#feature{

    margin: 70px 0 0 0;
	padding: 0 10px 0 10px;
	font-size:100%;

 padding: 20px;
 position :relative;

}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 0px 30px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 5px 0px;
	text-align:left;
	font-style:italic;

}



/************** .feature styles ***************/




.feature h2{
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 114%;
	text-decoration:none;
}



.feature dt{
font-weight:bold;
}
/* adjust margins to change separation between the feature image and text flowing around it */

.floatright img{
float:right;}

.floatleft img{
float:left;}

.unit { padding:5px; clear:left; }
.unit img{float:left; clear:left;}

.unit p{margin-left:135px; clear:none;}

 

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/*********** #Stuff for articles with footnotes ***********/


div#article {
	margin: 10px;
	background-color: #ffffff;
	position: relative;
	width: 70%;
	border: none;

}

#article a:link {
	color: #333366;
}

#article a:visited {
	color: #333366;
}


div.footnote, div.not_footnote {
	margin: 10px;
	position: fixed; font-family: Arial,sans-serif; 	color: #333366;
	top: 10px;
	right: 0px;
	bottom: 0px;
	width: 19%;
	border-style: solid;
    border-width: thin;
	border-color: #333366;
	display: none;
 overflow: auto;
padding: 10px;

}

a.footnote_link, 
#article a.footnote_link, 
#article a.footnote_link:link, 
#article a.footnote_link:visited, 
#article a.footnote_link:active {
	color: #cc0066;
	text-decoration: none;
	font-weight: bold;
}





a.noscript {
	display: none;
}



/********************* menu styles ***********************/

.arrowlistmenu
{

 font-family: Arial,sans-serif;

	margin: 0 5 0 0; /*top, right, bottom, left*/
	padding: 0px 0px 0px 0px;
	background-color:#ffffff  ;
	font-size:90%;
 position: absolute;
 top: 90px;
left: 10px;
 width: 190px;
height:100%;

}  


.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

color: #333366;

margin-bottom: 2px; /*bottom spacing between header and rest of content*/

padding: 0px 0px 0px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/


}

.arrowlistmenu h3{
padding:5px;
margin: 0px;

}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px 0px 0px 15px;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/

}


.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333366;/background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;

padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
/font-weight: bold;/
/border-bottom: 1px solid #dadada;/
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #333366;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #cc0066;
background-color: #ffffff;
}



</style>