body		{
/*	background-color: #7D7D57; */
background-color: #c2c2c2;
	border			: 0px;
	color			: #000000;
	font			: normal 100% Cambria, Georgia, serif;
	margin			: 0 0 0px 0px;		
	padding			: 0;
	width           : auto;
			}		
				
 #wrapper 	{ 
/*	background		: white url(/library/gfx/portal/background.gif) no-repeat top right; 	*/
	background		: white; 
	color			: black;	
	font			: .75em Arial, Helvetica, sans-serif;
	line-height		: 14px;		
	margin			: 5px 0 0 5px;
	padding         : 0px;
	text-align		: left;	
/*	width			: 960px;	*/
/*	width			: auto;		*/
	width			:  90%;
	min-width		: 600px;
	max-width		: 960px;
			}		
			
#header 	{		
	background		: white;	
	border			: 0px solid #ffd700;
	width			: 100%;
			}
			
			
#bordertop {
	background		: url(/library/gfx/portal/border_top.gif) repeat-x; 
	height			: 9px;			
	margin			: 0 0 0 0;
	padding         : 0px;	
	width           : auto;	
		}
#borderbottom {
	background		: url(/library/gfx/portal/border_bottom.gif) repeat-x; 
	height			: 9px;			
	margin			: 0;
	padding         : 0 0 0 0;
	width           : auto;	
		}	
#logo	{
	height			: 72px;
	margin			: 0px;
	padding         : 0px;	
	width           : auto;	
		}		
		
/*  This defines the two-tone color bars below the logo  - */ 

.colorbar {
	background		: url(/library/gfx/newcpol/titlebar-new.gif) repeat-x; 
/*	background		: url(/library/gfx/newcpol/titlebar.gif) repeat-x; */
	color			: #ffffff;
	height			: 57px;		
	margin			: 0px;
	padding			: 0px;	
	vertical-align	: middle;			
	width			: 100%; 	
		}	

.title {
	color			: #7b8738;
	font			: 2em Verdana, Arial, Helvetica, sans-serif;*/
	float			: right;	
	padding			: 0px;	
	padding-right	: 10px;		
	padding-top		: 20px;			
	text-align		: right;	
		}	
		
.people	{
	background		: url(/library/gfx/newcpol/logobar-new.gif) no-repeat; 
/*	background		: url(/library/gfx/newcpol/logobar.gif) no-repeat; */
	float			: right;
	height			: 57px;
	width			: 94px;
	margin-left		: 0;
		}		

#fullpgtext		{
/*	set left & rt gutters on full width pages  (non-menu pages) */
    margin		: 0 10px 0 10px ;		
			}	
			
		
			
#menu		{
	background		: white;
	margin-top		: 1px;
 	position		: absolute; 
	height			: 400px;  
	width			: 220px;	
/* 	clear	: 		both;	*/
/*	width: 36.7777778%;			/* 331/900 */		
			}
#menubg	{
	line-height		: 18px;	
	margin-left		: 0px;
	padding-top		: 0px;
	font-weight		: bold;
	list-style		: url(/library/gfx/clear.gif);
		}
#menubg.img	{
/*	background		: #999999; */
		}
#menubg.li	{
	margin-top		: 2px;		
	margin-left		: 0px;
	line-height		: 16px;	
			}	
			

				

#content 	{
	background		: white;
	color			: black;
	font			: .75em Arial, Helvetica, sans-serif;
	float			: right;
	margin-top		: 0px;	
	margin-bottom	: 10px;		
/*	margin- left	: 280px;	*/
	padding			: 10px 10px 10px 10px;
/*	width			: 700px; */
 	clear	: 		both;	
	width			: 66.6666667%;	*/	/* 600px / 900px 
/*	width			: 60%;		/* 540px / 900px */		*/
/*	min-width		: 380px;	*/
			}	
			
		
.main		{
	padding-right	: 15px;
	padding-left	: 15px;	
			}				


.hide		{	display:	none;	}		


a:link, a:visited	{
	text-decoration		: underline;
		}			
a:hover	{
	background-color	: #ffff00;
	text-decoration		: underline;
		}
a:active{
	text-decoration		: underline;
		}	
			
.breadcrumb {
	background-color: transparent;
	color			: #728295;	
	font			: 10px  bold Verdana, Arial, Helvetica, sans-serif;
	height			: 20px;			
	margin			: 0px;
	padding-right	: 4px;
	padding-bottom	: 10px;		
	text-align		: right;	
	text-decoration	: none;
			}				
.breadcrumb a:Link {
 	color			: #728295;	
					}
.breadcrumb a:visited {
	color			: #728295;	
					}
.breadcrumb a:hover {
	color			: red;
					}	
					
					
		

.pgmaintxt	{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	line-height		: 14px;
	padding-right	: 10px;
	background-position: left top;
			}

.introgfx	{
	background-color: transparent;
	font			: 11px Arial, Helvetica, sans-serif;
	line-height		: 14px;	
	float			: left; 
	margin-right	: 5px; 
	padding-right	: 5px; 
	text-align		: center; 	
	width			: 125px; 	
			}
			
.biopix	{
	background-color: transparent;
	font			: 11px Arial, Helvetica, sans-serif;
	line-height		: 14px;	
	float			: right; 
	margin-right	: 15px; 
	padding-left	: 10px; 	
	text-align		: center; 	
	width			: 160px; 	
			}			
			
.link-list	{
	margin-left		: 0;
	}
	
	
#link-list li	{
	margin-top		: 4px;		
	line-height		: 1.8em;	
	}	
		
li	{
	margin-top		: 4px;		 
	}	

.indent15	{
	padding-left	: 15px;
	padding-right	: 10px;
	background-position: left top;
			}
	
h1, h2, h3, h4, h5, h6, .footer
	{
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-weight		: bold;	
	}

h1	{	
	color			: #000;
	font-size		: 1.5em ; /* 24px	/	16px	*/
	line-height		: 20px;
	margin-top		: 10px;	
	margin-left		: 10px;
	padding-bottom	: 5px;
	}
h2	{	
	color			: #000000;
	font-size		: 16px;
	line-height		: 18px;
	margin-top		: 20px;	
	margin-left		: 10px;
	padding-bottom	: 5px;

	}
h3 	{
	color			: #676735;
	font-size		: 14px;
	line-height		: 16px;	
	margin-top		: 15px;
	margin-bottom	: 0px;
	margin-left		: 10px;	
	} 
h4	{
	color				: #d0d0d0;
	font-size			: 16px;
	font-weight			: bold;
	}
				
h5	{	
	color			: black;
	font-size		: 14px;
	}
		

/*#content img { inline; margin: 9px 12px 2px 0px; float:left; border: 0px; border-color:#333333;}
*/

.nav img {block; text-align: right; border: 0px;}



#content .photoLeft {
	color: #690000;
	float: left;
	margin: 5px 10px 10px 0;
	text-align: center;
}

#content .photoRight {
	color: #690000;
	float: right;
	margin: 5px 0 10px 10px;
	text-align: center;
}

#content .photoCenter {
	color: #690000;
	margin: 10px 0;
	text-align: center;
}

#content .photoCaption {
	font-size: 11px;
	line-height: 140%;
}
		
			
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/library/styles/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/library/gfx/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/library/styles/overlay.png", sizingMethod="scale");
	}

		
hr {
/*	border-top	 : none #666666;
	border-right : none #666666;
	border-bottom: none #666666;
	border-left  : none #666666; */
	background 	 : transparent;
	color		 : #dbe3cc; 
/*	text-indent	 : 10pt; */
	padding		 : 0px;	
	}
	
hr.goldline {
	background 	: transparent;
	color		: #ffd700;
	text-align	: center;
	width		: 80%; 
	}	
	
			
.righttext	{
	float		: right;							
			}
.sigblock {
	align			: center;
	text-align		: center;
		}
		
		
#bottomnote		{
	font			: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight		: normal;	
	margin-top		: 30px;			
			}		
		
.motto {
	align			: center;
	color			: #909090;
	font-size		: 100%;	
	font-style		: italic;	
	font-weight		: bold;		
	text-align		: center;
	margin-top		: 20px;				
		}	

dt {font-weight: bold;}
	
.warnlink	{
	background-color: #eeeccc;
	border			: medium double maroon;
	color			: black;
	font			: 0.9em Verdana, Arial, Helvetica, sans-serif;
	padding			: 1em;
	width			: 96%;
			}			
			




		
				
.note	{
	color			: #000000;
	font	 		: 10px Arial, Helvetica, sans-serif;
	line-height		: 12px;
/*	
	background		: #eff1c9;	
	padding 		: 20px;	
	width			: 90%;		*/
		}
	
			
.notice {	
	position		: absolute;
	left			: 20px;
		}		

.lastmod {
	float			: right;	
	width			: 44%;			
		}
		
			
/*  Table for Definitions format for NSPS pages */
dl { margin : 10px 0 0 10px;}
dd { line-height : 16px;}
dt { line-height : 16px;}

		
		
tr.altrow {
      background-color	: #f0fff0;
	      }				

TD.menu 
			{
	background-color : #ffffff;
			}			
TD.subtitle 
			{
	background-color : #fffacd;
			}
		
/*  Table for Data charts for NSPS Schedule, etc */

td			{
text-align	: left; padding: 5px;
			}
			

td.blue	{
	background-color:#99ccff;
	border			: 1px solid #000;
	vertical-align	: top;	
			}	
td.gold	{
	background-color:#f1f183;
	border			: 1px solid #000;	
	vertical-align	: top;		
			}			
td.white	{
	background-color:#ffffff;
	border			: 1px solid #000;	
	vertical-align	: top;		
			}			
td.green		{
	background-color:#7fe5cc;
	border			: 1px solid #000;	
	vertical-align	: top;		
			}					
			
table.data		{
	color			: #333333;
	font			: 10px Verdana, Arial, Helvetica, sans-serif;
	border			: 1px solid #ffffff;
	margin-top		: 20px;
	padding-left	: 10px;
	padding-right	: 15px;
			}			

th.data			{
	color				: #000000;
	background-color	: #fffacd;
	border-bottom		: 1px solid  #c0c0c0;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;	
	font-weight			: bold;	
	padding-left		: 10px;
	padding-top			: 3px;
	padding-bottom		: 2px;
	text-align			: center;	
			}
			
tr.data	td	{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	text-align			: left;
	border-bottom		: 1px solid #CCCCCC;
	vertical-align		: top;	
			}	
			
			
			





.memo		{
	color			: #333333;
	font			: 10px Verdana, Arial, Helvetica, sans-serif;
	border			: 1px solid #CCCCCC;
	margin-top		: 20px;
	padding-left	: 10px;
	padding-right	: 15px;
			}
TR.memo th	{
	background-color	: #dae2cd;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #CCCCCC;
	font-weight			: bold;
			}
TR.memo TD	{
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #CCCCCC;
	vertical-align		: top;	
			}
			
TR.topic TD	{
	background-color	: #ccff99;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #CCCCCC;
			}			
			
TR.memo A:link 
			{
	color			: #333399;
			}
TR.memo A:visited 
			{
	color			: #993399;
			}
TR.memo A:hover
			{
	color			: blue;
	text-decoration	: underline;
			}

tr.altrow {
      background-color	: #f0fff0;
	      }				

TD.menu 
			{
	background-color : #ffffff;
			}			
TD.subtitle 
			{
	background-color : #fffacd;
			}	
			
		
/*	PERMISS List of Topics - pertopics   */
.pertopics	{
	background		: transparent;
	color			: #666633;	
	font			: 9px Arial, Helvetica, sans-serif;
	padding-top		: 16px;
	text-align		: center;		
	width			: 96%;	
		}
			
/*	used on PERMISS homepage& P-index for Topics    */

.smalllinks	{
	background		: transparent;
	color			: #666633;	
	font			: 9px Arial, Helvetica, sans-serif;
	font-weight		: normal;	
	padding-top		: 16px;
	text-align		: center;		
	width			: 96%;	
		}				
			

	
#footer	{
	background		: transparent;
	color			: #000080;
	font			: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight		: normal;	
	padding-top		: 10px;
	text-align		: center;			
	width			: 850px;	
			}	
.footerlinks{
			}
.footerlinks a:link, 
.footerlinks a:hover, 
.footerlinks a:visited, 
.footerlinks a:active  
			{
	color		: #000080;
	text-decoration: none;
			}			
.footerdate	{
	color			: #000080;
	margin-left		: 80px;	
			}	
	
	

#footer a:link, 
#footer a:hover, 
#footer a:visited, 
#footer a:active  
			{
	background		: transparent;			
	text-decoration	: none;
			}	
			

/* ~~The NEW footer added 03/02/2011 HLJ ~~ */
#contentfooter {
	background:#E2E0F3;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	}
#newfooter {
	background		: transparent;
	color			: #000080;
	font			: 9px Verdana, Arial, Helvetica, sans-serif;
	font-weight		: normal;	
	padding-top		: 2px;
	text-align		: center;			
	width			: 90%;		
	min-width		: 600px;
	max-width		: 960px;
	margin:0 auto;
	position: absolute;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	}
/* ~~miscellaneous float/clear classes~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 5px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 5px;
}
						
						
#newfooter a:link, 
#newfooter a:visited, 
#newfooter a:active  
			{
	background		: transparent;	
	font-weight		: normal;				
	text-decoration	: none;
			}	
			
#newfooter a:hover, 		
			{
	background-color	: #ffff00;
	color				: #800000;
	font-weight			: normal;	
	text-decoration 	: underline;
	}
	
	
	
	
	
	
	
	
	
/*-  MEDIA QUERIES
----------------------------------------------------------------------*/
/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}


	/*
	Nav wrap fix
*/
@media screen and (max-width: 520px) {
 #wrapper 	{ 
		float: left;
		width: 100%;
	}
}

/*
	Tiny
*/
@media screen and (max-width: 360px) {
	#wrapper {
		float:	none;
		margin: none;
	}

#content 	{
	margin-top		: 450px;	
	}
}