body { 
	background-color: #ffffff !important;  
	color: #000000; 
	font-family: Arial, Helvetica, swiss, sans-serif; 
	font-size: 12px !important; 
	line-height: 135% !important; 
	margin-left: 0px;
}


.full { margin-left: 10px;  text-align: left }
.main { margin-left: 5%; margin-right: 7% }
.list { margin-left: 44px }
.narrower { width: 70%; }
.hidden { display: none }

.plain { color: navy }
.blank { color: white }
.high { color: red }
.loud { color: black }
.hot { color: blue }
.bright { color: yellow }
.update {  color: red !important; }
.highlight { background-color: #ffffcc }
.invert { background-color: navy; color: white }
.invertalert { background-color: red; color: white }
.invertblack { background-color: black; color: white }
.invertmaroon { background-color: maroon; color: white }

.blue { color: blue  }
.navy { color: navy  }
.purple { color: purple  }
.mauve { color: darkviolet  }
.maroon { color: maroon  }
.orange { color: orange }
.red { color: red }
.fuchsia { color: fuchsia }
.black { color: black  }
.white { color: white }
.grey { color: #696969 }
.silver{ color: silver }
.azure { color: azure }
.green { color: green }
.olive { color: olive }
.teal { color: teal }

.lel { color: chocolate }

.tiny { font-size: 8px;  line-height: 120%  }
.small { font-size: 9px;  line-height: 130%  }
.smallx { font-size: 9px; line-height: 125% }
.smaller { font-size: 11px;  line-height: 130%  }
.larger { font-size: 14px;  }
.large { font-size: 16px;  }
.largex { font-size: 16px; }
.bigger { font-size: 18px; }
.big { font-size: 22px; }
.biggest { font-size: 26px; }
.fancy { font-family: 'Comic Sans MS', cursive; }
.bigheading { font-family: Arial; font-size: 28px !important; color: blue; font-weight: bold; letter-spacing: 2px; }
.heading { font-family: Arial; font-size: 20px !important; color: navy; font-weight: bold; letter-spacing: 2px; }
.subheading { font-family: Arial; font-size: 16px ; font-weight: bold; color: purple ;letter-spacing: 1px;}
.toppanel { margin-left: -4px ; margin-top: 0px; background-color: #888888; color: black; text-align: left }
.formatted { white-space: pre; }

.thin {font-weight: normal !important; }

.poszero { position: absolute; left: 0px; top: 0px; z-index: 0; }
.pos00 { position: absolute; left: 4px; top: 0px; z-index: 0; }
.pos0 { position: absolute; left: 66px; top: 0px; z-index: -1; }
.pos1 { position: absolute; left: 66px; top: 02px; z-index: -1; }
.pos2 { position: absolute; left: 5%; top: 25px; z-index: 2; }
.pos3 { position: absolute !important; left: 6%; top: 10px !important; z-index: -1 !important; }
.pos8 { position: absolute; right: 5%; top: 12px; z-index: 1; }
.pos9 { position: absolute; left: 12%; top: 75px; z-index: 1; }

.piclay { position: absolute; left: 520px; top: 10px; z-index: -3;}

.stripe0 { background-color: transparent !important; }
.stripe1 { background-color: #ffffff !important; }
.stripe2 { background-color: #eeeeee !important; }

a { text-decoration: none; color: navy;   }
a:hover { color: white !important; background-color: #0000BB !important;  }
a:active { text-decoration: none; color: navy;   }
/* a:visited {text-decoration: none; color: navy;   } */

hr { border: none 0; border-top: 1px solid navy; border-bottom: 1px solid navy;
height: 2px; color: navy;
width: 90%; text-align : left !important;  margin-left : -6px !important; }

/* pre {font-family: 'Lucida Console', Monaco; line-height: 110% ;} */
 pre {line-height: 110% ;}

table { font-size: 12px; }
table.layout { width: 100%; font-size: 12px }
.greyback { margin-left: -10px ; margin-top: 0px; background-color: #cccccc; color: black; text-align: center; }



div.footer { color: black; text-align: center; font-size: 8pt; }

/* transition styles for layout of the home page - will be replaced later by new layout.css */
#contentarea #feature {
	width:100%;
	background-color:GhostWhite;
	padding-top: 0px;
	border-bottom:1px solid DarkBlue;
	border-left:1px solid DarkBlue;
	border-right:1px solid DarkBlue;
}

#contentarea #feature h3 {
	padding: 5px 10px;
	background-color: Gold;
	border-top:1px solid DarkBlue;
}

#contentarea #feature p {
	padding: 5px 10px
}

#container {
	width:680px;
}
	
#contentarea, #title{
	width:680px;
	margin-bottom:0px;	
	padding-bottom:5px;
	padding-left:40px;
	padding-right:0px;
	padding-top:10px;
}

#title {
	min-height: 80px;
}

#divider {
	width:680px;
	clear:both;
	border-bottom: darkblue solid 2px;
}

#sitelinks {
	border-top: darkblue solid 2px;
	border-bottom: darkblue solid 2px;
}

#logo, #heading {
	float:left;
	min-height:70px;
}

#heading {
	padding-top: 20px;
	padding-left: 40px;
}

#main {
	float: clear;
}

#contentarea #breadcrumblinks{
	list-style-type:none;
	margin:0px 0 10px 0;
	padding:0px;
	width:100%;
}

#main #contentarea #breadcrumblinks li{
	background-position:right;
	display:inline;
	float:none;
	margin-right:10px;
}

#main #contentarea ul#breadcrumblinks li a{
	display:inline;
	padding:0px 12px 0px 0px;
	text-decoration:none;
}

#main #contentarea ul#breadcrumblinks li a:hover{
	padding:0px 12px 0px 0px;
	text-decoration:underline;
}

#breadcrumblinks li a:link, #breadcrumblinks li a:visited, #breadcrumblinks li.first a:link, #breadcrumblinks li.first a:visited{
	background-position:center right;
}

#breadcrumb h2{
	left:-1000em;
	position:absolute;
	top:0;
}

/* Morello Author classes */

#contentarea img.imageleft{
	clear:left;
	float: left;
	padding: 10px 10px 10px 0;
}

#contentarea img.imageright{
	clear:right;	
	float: right;
	padding: 10px 0 10px 10px;
}

#contentarea .newline{
	clear:both;
}

#contentarea span.newline{
	display:block;
}

#contentarea a.arrow, #contentarea a span.arrow, #contentarea span.arrow a{
	background-position:10px 6px;
	display:block;
	padding-left:20px;
}
#contentarea span.smalltext{
	font-size:85%;
}

#contentarea span.superscript, #contentarea sup{
	font-size:77%;
	line-height:100%;
	vertical-align:30%;
}

#contentarea span.subscript{
	vertical-align : -30%;
	line-height:100%;
	font-size:77%;
}

#contentarea sub{
	vertical-align : -25%;
	line-height:100%;
	font-size:77%;
}

/*  End Author classes */

#headerimage{
	display:block;
}

/*generic lists begin*/
#contentarea ol, #contentarea ul{
	list-style-position:outside;
	margin:10px 0px;
}

#contentarea ul{ 
	margin-left:20px;
}

#contentarea ol{
	margin-left:35px;
}

#contentarea ol li, #contentarea ul li{
	margin-bottom:5px;
}

#contentarea ul li ul, #contentarea ul li ul li ul li ul{
	list-style-type:circle;
	margin:5px 0px 5px 10px;
}

#contentarea ul li ul li ul, #contentarea ul li ul li ul li ul li ul{
	list-style-type:disc;
}

/* generic lists end */

#contentarea ul.listarrows{
	list-style-type:none;
}

#contentarea ul.listarrows a{
	padding-left:10px;
	background-position:0px 6px;
}

#contentarea table.noborder th, #contentarea table.noborder td{
	border:0;
}

#contentarea #levelfourcontentheader a.arrow{
	background-position:10px 8px;
}

#contentarea #levelfourcontentheader{
	float:left;
	margin-bottom:10px;
	width:100%;
}

#contentarea #levelfourcontentheader ul{
	list-style-type:none;
	margin-left:0px;
	margin-top:0px;
}

#contentarea #levelfourcontentheader ul li ul{
	border-style:solid;
	border-width:1px;
	float:left;
	list-style-type:none;
	padding-bottom:5px;
	width:96%;
}

#contentarea #levelfourcontentheader ul li ul li h3{
	font-size:100%;
	margin-bottom:0px;
	padding:3px 10px;
}

#contentarea #levelfourcontentheader ul li ul li.first{
	height:10px;
}

#contentarea #levelfourcontentheader ul li ul li a{
	display:block;
	padding:2px 10px;
}

#contentarea #levelfourcontentheader ul li ul li.current{
	font-weight:normal;
	text-indent:20px;
}

#contentarea a:link, #contentarea a:visited{
	text-decoration:underline;
}

#contentarea h1 a:link, #contentarea h2 a:link,#contentarea h3 a:link, #contentarea h1 a:visited, #contentarea h2 a:visited,#contentarea h3 a:visited{
	text-decoration:none;
}

#contentarea h1 a:hover, #contentarea h2 a:hover,#contentarea h3 a:hover{
	text-decoration:underline;
}

#contentarea a:hover{
	text-decoration:none;
}

#contentarea a.right_link{
	text-align:right;
}

#contentarea a.vertical_spaced{
	margin:10px 0px;
}

#contentarea table{
	border-collapse:collapse;
	margin:15px 0px 10px 0px;
	width:100%;
}

#contentarea fieldset table{
	margin:0;
} 

#contentarea caption{
	font-size:115%;
	padding-bottom:10px;
	padding-top:10px;
}

#contentarea table th{
	font-size:100%;
}

#contentarea table td, #contentarea table th{
	border:1px solid;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

#contentarea #sitelinks table td, #contentarea #sitelinks table th{
	border:0;
	padding:5px;
	text-align:center;
	vertical-align:top;
}

#contentarea table th a{
	white-space:nowrap;
}

#contentarea ul.pagination{
	clear:both;
	list-style-type:none;
	padding-top:10px;
    padding-bottom:10px;
   	text-align:right;
}

#contentarea ul.pagination li{
	display:inline;
}

#contentarea ul.pagination p{
	margin-top:2px;
}

#contentarea .pagination input{
    float:none;
}

#contentarea #documentholder{
	margin-bottom:10px;
}

#contentarea #documentholder ul.pagination{
	text-align:left;
	padding:5px 0 0 0;
}

#contentarea #documentholder ul.pagination li{
	display:inline;
}

#contentarea #documentholder h2{
	font-size:123%;
	font-weight: bold;
	margin-bottom:10px;
}

#contentarea #documentholder p{
	padding:10px 0 0 0;
}

#contentarea #documentholder ul.pagination{
	margin-left:0px;
}

#contentarea h1{
	font-size:150%;
	font-weight:normal;
	padding:10px 10px 10px 0px;
}

#contentarea h2{
	font-size:123%;
	font-weight: bold;
	margin-bottom:16px;
}

#contentarea h3{
	font-size:115%;
	font-weight:bold;
	margin-bottom:10px;
}

#contentarea h4{
	font-size:108%;
	font-weight:bold;
	margin-bottom:10px;
}

#contentarea h5, #contentarea h6{
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}

#contentarea p{
	margin-bottom:10px;
}

#contentarea p.disclaimer,#contentarea div.disclaimer{
	font-size:85%;
}

#contentarea hr{
	clear:both;
	height:1px;	
	margin:10px 0px;
}

#contentarea li.current{
	font-weight:bold;
}

#contentarea dl{
	clear:left;
	float:left;
	margin-bottom:0px;
	width:100%;
}

#contentarea dt{
	clear:left;
	float:left;
}

#contentarea dd{
	float:left;
}

#contentarea q{
	background-position:top left;
	padding-left:25px;
}

/* support for captioned images within text begins*/
.image_caption_left, .image_caption_right, .image_caption_none{
    font-size:86%;
}

.image_caption_left{
    float:left;
    padding:10px 10px 10px 0px;
}

.image_caption_right{
    float:right;
    padding:10px 0px 10px 10px;
}

.image_caption_none{
    text-align:center;
    width:100%;
}

.image_caption_none img{
    margin:0px auto;
}

.image_caption_left img, .image_caption_right img, .image_caption_none img{
	display:block;
    padding-bottom:10px;
}
/* support for captioned images within text ends*/

/* document begins */

#contentfooter{
	border-top-style:solid;
	border-top-width:1px;
	clear:both;
	padding-top:5px;
	text-align:right;
}

#contentarea dl.document_definition dt, #contentarea dl.mimic_form_layout dt{
	font-weight:normal;
}

#contentarea #contentfooter dt, #contentarea #contentfooter dd{
	display:inline;
	float:none;
}

/* document ends */

/* in-depth document begins */

ul.chapters{
	border-left:1px solid;	
	border-right:1px solid;
	border-top:1px solid;
	display:inline;
	float:right;
	list-style-type:none;
	margin:0px 0px 10px 10px;
	width:50%;
}

#contentarea ul.chapters li{
	background-position:12px 13px;
	border-bottom-style: solid;
	border-bottom-width:1px;
	margin-bottom:0px;
	padding:7px 10px 7px 20px;
}

/* in-depth document ends */

/*document branch begins*/

#contentarea div.documents{
	border-left-width:1px;
	border-right-width:1px;
	border-style:solid;
	border-top-width:1px;
	clear:both;	
	float:left;
	margin:10px 0px;
	width:99%;
}

#contentarea div.documents img{
	float:right;
	padding-left:10px;
}	

#contentarea div.documents h3, #contentarea div.documents dl{
	margin-bottom:0px;	
}

#contentarea div.documents dl{
	display:inline;
}

#contentarea div.documents ul{
	list-style-type:none;
	margin:0px;
	width:100%;
}

#contentarea div.documents ul li{
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-bottom:0px;
	float:left;
	width:100%;
}

#contentarea div.documents ul li.last div{
	float:left;
	width:96%;
}

#contentarea div.documents ul li.last div,  .padded_element{
	/*putting this padding on the li causes width to exceed 100% */
	display:block;
	padding:5px;
}

#contentarea div.documents ul li h3, #contentarea div.documents ul li h4{
	padding:5px;
}

#contentarea div.documents dt{
	text-indent:7px;
}

#contentarea div.documents dt,  #contentarea div.documents dd{
	padding:5px 0px;
}



