/*  portperm.css - redone to match new styles - CPOL redesign stylesheet    - */ 
/*  goes at library/styles level for library and related index pages       - */ 
/*  last modified 08/10/2011 by HLJ       */


body {
background-color: #c2c2c2;
/* background-color: #3d3d3d; */
/* background-color: #7d7d57;	*/
color			: #666666; 
height			: 100%; 
font-size		: 0.75em; 
font-family		: Arial, Helvetica, sans-serif;
line-height		: 14px; 
margin			: 0;
padding			: 0;
width			: 100%; 
} 


		
#wrapper 	{
	background		: white url(/library/gfx/portal/background.gif) no-repeat top right; 
	color			: black;	
	font			: 11px Arial, Helvetica, sans-serif;
	line-height		: 14px;		
	text-align		: left;	
	
margin		: 0;
padding		: 0;
width		: 960px; 
/* min-width: 780px; max-width: 1260px;*/
float		: left;	
}


			
#header 	{			

			}
			
			
#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  - */ 
/*  OLD styles have been bypassed and updated
.colorbar {
	background		: url(/library/gfx/portal/titlebar.gif); 
	color			: #ffffff;
	height			: 57px;		
	margin			: 0px;
	padding			: 0px;	
	vertical-align	: middle;			
		}	

.title {
	color			: #ffffff;
	font			: 26px Verdana, Arial, Helvetica, sans-serif;
	float			: right;	
	height			: 37px;		
	padding			: 0px;	
	padding-right	: 10px;		
	padding-top		: 20px;			
	text-align		: center;	
		}	
	
.people	{
	background		: url(/library/gfx/portal/logobar.gif) no-repeat; 
	float			: right;
	height			: 57px;
	width			: 94px;
	margin-left		: 0;
		}
*/

.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;
		}
		

#content 	{
/*	background		: #f0f0f0;
	border			: 0px solid #ff8c00; */
	color			: black;
	float			: right;
	margin-top		: 12px;	
	margin-bottom	: 10px;		
	padding			: 0 10px 0 10px;
	width			: 700px;
			}	

.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;
					}			
		
									

.bottom-nav	{background-color: transparent; color: black; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  margin-top: 20px;}
		
															
A:link	  	{background-color: transparent; color: #0000FF; font-weight: bold; text-decoration: underline;}
A:visited 	{background-color: transparent; color: #4B0082; font-weight: bold; text-decoration: underline;}
A:active  	{background-color: #FFFF00;     color: #800000; font-weight: bold; text-decoration: none;	  }
A:hover   	{background-color: #FFFF00;     color: #800000; font-weight: bold; text-decoration: none;	  }

.oldweb 	{	display:	none; 	}

	
.header		{font: 13px Verdana, Arial, sans-serif; font-weight: bold;}				
.category	{background-color: #ffffcc; color: black; font: 13px Verdana, Arial, sans-serif; font-weight: bold;	padding: 8px; 
												width: 580px; border: 2px double #ff9933; display: block; margin-top: 10px;}		
												
.content	{color: black; 	font: 11px Verdana, Arial, Helvetica, sans-serif;
							margin-bottom: 40px; margin-left: 20px; margin-right: 20px; margin-top: 20px;	border: 0px solid #ffd700;}						
							
.popwin  	{background-color: #ffffff; color: black; font: 12px Verdana, Arial, Helvetica, sans-serif;
							margin-bottom: 40px; margin-left: 20px; margin-right: 20px; margin-top: 20px;	width: 440px;}						

							


H1	{background-color: transparent; color: #B60309; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 40px; }
H2	{background-color: transparent; color: #00008b; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
H3 	{background-color: transparent;	color: #006400; font: 16px Arial, Helvetica, sans-serif; font-weight: bold;} 
H4	{background-color: transparent; color: #000080; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
H5	{background-color: transparent; color: #D0D0D0; font: 14px Arial, Helvetica, sans-serif; font-weight: bold;}


/* 
h1, h2, h3, h4, h5, h6 	{
	background-color: transparent;
	font-family		: Arial, Helvetica, sans-serif;
	} 
	
h1	{	
	color			: #000;
	font-size		: 18px;
	font-weight		: bold;		
	line-height		: 20px;

	}
h2	{	
	color			: #000000;
	font-size		: 16px;
	font-weight		: bold;		
	line-height		: 18px;
	}
h3 	{
	color			: #565538;
	font-family		: Arial;
	font-size		: 18px;
	line-height		: 20px;	
	font-weight		: normal;		
	margin-top		: 15px;
	margin-bottom	: 0px;
	margin-left		: 4px;	
	} 
h4	{
	color				: #2f4f4f;
	font-size			: 14px;
	font-weight			: bold;
	}
				
h5	{	
	color			: black;
	font-size		: 14px;
	font-weight		: bold;		
	}
*/

.clear 		{clear: both;}
.cfooter  	{float: none;  background-color: #ffffcc; border: 2px double #ff9933; width: 600px; margin-top: 20px; margin-left: 100px; z-index: 1;}			
.refboxl    {float: left;  background-color: #ffffcc; padding: 4px; width:290px; overflow: hidden; z-index: 1;}		
.refboxr    {float: right; background-color: #ffffcc; padding: 4px; width:290px; overflow: hidden; z-index: 1;}		
.reflinks	{color: black; font: 12px Verdana, Arial, sans-serif; text-align : left; padding : 4px; z-index: 1;}
	

blockquote	{background-color: transparent; color: black; font: 12px Verdana, Arial, sans-serif;		}		

.footer		{
	font		: 11px Verdana, Arial, sans-serif; 
	font-weight	: bold;
			}													
			

/*	PERMISS List of Topics - pertopics   */
.pertopics	{
	background		: transparent;
	color			: #666633;	
	font			: 9px Arial, Helvetica, sans-serif;
	padding-top		: 16px;
	text-align		: center;		
	width			: 96%;	
		}

	
table	{ color: black; font-size: 11px;}
th		{background-color: #ffffcc;     color: black; font: 12px Verdana, Arial, Helvetica, sans-serif;
			   font-weight: bold; padding: 6px; text-align: center; vertical-align: top;}
td		{background-color: transparent; color: black; font: 12px Verdana, Arial, Helvetica, sans-serif;
								  padding: 6px; 					vertical-align: top;}	
																	
td.grey		{background-color: #dddddd; color: black; font: 12px Verdana, Arial, Helvetica, sans-serif;
	 																vertical-align: top;}																			
