/***********************************************
Created 10/14/05

common.css defines styles common to all P&P and
newsletter pages.

***********************************************/ 

/* BASIC BODY/LINK/FONT DEFINITIONS*/

body{
	width: 820px;
	background: #000000 url(bg1.PNG) top left repeat;
	border-left: 1px solid #clclcl;
	border-right: 1px solid #clclcl;
	padding: 0px;
	margin: 0px;
	font-family: Arial,sans-serif;
	font-size: 12px; 
	color: #000000;
/*	line-height: 1.166;	*/
	}
#border {
	width: 820px;
	background-color: #888888;
	border-left: .5px solid #888888;
	border-right: .5px solid #888888;
	margin-left: 30px; 
	float: left;
	}



h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%; 
 color: #334d55;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%; 
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%; 
 color: #334d55;
 margin: 0px;
 padding: 0px 0px 6px 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%; 
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

p {
	font-family: Arial, sans-serif;
	color: #000000;
	font-size: 12px;
	margin: 0px 5px 10px 5px;

	}
p.center {
	text-align:center;
	}
	
ul{
	list-style-type: square;
}

li {
	font-family: Arial, sans-serif;
	color: #000000;
	padding-bottom: 10px;
	}
ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

		a {
		text-decoration: none;
		}
		
		a:link  {
		color: 0000ff;
		text-decoration: none;
		}
		
		a:visited  {
			color: #990099;
			text-decoration: none;
			}
		
		a:hover  {
			color: #ffffff;
			background-color: #990099;
			}
		
		a:active  {
			color: #ffffff;
			background-color: #990099;
			} 

table tr td {
	font-size: 10px;
	}
	
/* NAVIGATION DIVISION AND STYLES */
#nav {
	background-color: #ffcc00; 
	border-bottom: thin ridge #000000; 
	border-left: thin outset #ffcf00;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 0px;
	padding-right: 20px; 
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	float: left;
	clear: both;
	}
	p.nav {
		align: left;
		}
	a.nav, a:link.nav, a:visited.nav, a:hover.nav, a:active.nav {
		text-align: center;
		color: #ffffff;
		font-weight: bold;
		padding: 2px 5px 2px 5px; 
		border-top: thin outset #ffcf00;
		border-right: thin outset #ffcf00;
		border-bottom: thin inset #ffcf00; 
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		float: left;
		}
		
		a.nav {
		color: #ffffff;
		background-color: #444444;
		text-decoration: none;
		}
		
		a:link.nav  {
		color: #ffffff;
		background-color: #444444;
		text-decoration: none;
		}
		
		a:visited.nav  {
			color: #clclcl;
			background-color: #444444;
			text-decoration: none;
			}
		
		a:hover.nav  {
			color: #ff6000;
			background-color: #dddddd;
			border-top: thin solid #999999;
			border-bottom: thin solid #999999;
			display: run-in;
			}
		
		a:active.nav  {
			color: #ffffff;
			} 
/*   END NAV */

/*CURRENT DIVISION AND STYLES -- Announcements, Events. For NEW: see #new */
#current {
/*	background-color: #666666;  */
	background-color: #FAF8CC;
	color: #000000;
	border: thin ridge #ffcf00; 
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px; 
	padding-top: 4px;
	padding-bottom: 10px;
	width: 200px;
	float: right;
	clear: right;
	}
	h1.current {
/*		color: #ffffff; */
/*		background-color: #666666; */
		font-weight: bold;
		font-size: 10px;
		padding-bottom: 3px;
		}
	p.current {
		color: #000000;
		font-size: 14px; 
/*		font-weight: bold; */
		padding-left: 10px;
		padding-bottom: 3px;
		}

	a.current, a:link.current, a:visited.current, a:hover.current, a:active.current {
		color: blue;
		}
		
		a:visited.current  {
			color: blue;
			}
		
		a:hover.current  {
			color: blue;
			}
		
		a:active.current  {
			color: blue;
			} 

/* NEW ITEMS DIVISION */

#new {
	background-color: #fffff; 
	margin-left: 0px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 5px; 
	padding-top: 4px;
	padding-bottom: 10px;
	width: 200px;
	float: right;
	clear: right;
	
	}
#new h1 {
/*	color: #ffcf00; */
	color: black;
/*	background-color: #666666;  */
	font-size: 140%;
	font-weight: bold;
	}

/* End of NEW */
	




/*BASIC PAGE DIVISIONS, I.E. HEADER, NAV, FOOTER*/

#header {
	background: #ffffff url(pp_logo.PNG) top left no-repeat;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 14px;
	border-bottom: thin solid #000000;
	float: left;
	clear: both;
	width: 100%;
	}

	
#maincontainer {
	background-color: #ffffff;
	margin-left: 1px;
	margin-right: 1px; 
	padding-left: 10px;
	padding-right: 10px; 
	float: left;
	clear: both;
	width: 100%;
	}
	
.container550 {
	background-color: #ffffff;
	padding-left: 75px;
	padding-right: 5px;
	width: 550px;
	float: left;
	}

.container100 {
	background-color: #ffffff;
/*	margin-left: 80px;*/
	padding-left: 75px;
	padding-right: 5px;
	width: 280px;
	float: left;
	}
	
.container50left {
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
	width: 384px;
	float: left;
	clear: left;
	}

.container50right {
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
	width: 384px;
	float: left;
	clear: right;
	}
.container33 {
	background-color: #ffffff;
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	width: 252px;
	float: left;
	}

.container25 {
	background-color: #ffffff;
	margin-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	width: 200px;
	float: left;
	}

#footer {
	background-color: #ffcc00;
	border-top: thin groove #000000; 
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	float: left;
	clear: both;
	}
	
	#copyright {
		margin: 0px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		color: #ffffff;
		}
	a:link.foot  {
	color: #eeeeee;
	text-decoration: none;
	}