/*------------ CSS DOCUMENT FOR PJQ SITE ----------------*/
					/*------------ STYLE SHARED BY ALL PAGES ----------------*/
					/*------------BODY, CONTAINER, HEADER AND NABAR ---------*/
					
					
					
				
	/*  all the default margins and padding of a browser disappear */
	*{
		margin: 0;
		padding: 0;
	}
	
	* html {
		height:100%;}/* correction for ie6 and under*/
	
	 html, body{
		height:100%;} /* sktech the BG all the way down for all browsers */
			
	body{
	color: #000;
	background: #333;
	margin:0;
	padding:0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
		}
	
		
/*---------------------------------
	CLEARFIX CODE
--------------------------------*/

	.clearfix:after{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	} 
	
	* html .clearfix {
		height: 1%;
	}
/*--------------------
	 MAIN LAYOUT    
-------------------------- */


	.container{
		position:relative;
		width:950px;
		background: url(../images/BG_Torn_Paper_950_CC0000.jpg) repeat-y;
		text-align: center;
		margin: 0 auto;
		border: 0px solid #CC0066;
		min-height:100%;
		height:auto; /* for Mozilla */
		padding-bottom:55px; 
		}
	
	.header{
		
		height:150px;
		width: 700px;
		clear:both;
		margin: 0 auto;
		border: 0px solid #CCFF66;
		}
/*-------------------------
		NAME STYLE
-------------------------*/


	.plume{
		float:left;
		width: 22px;
		left:5px;
		padding-bottom:5px;
		border:0px solid #000;
		}

	
/*------------------------------
  		NAVIGATION STYLE
----------------------------- */
	.nabar{
	clear:both;
	float:left;
	width:100%;
	border:0px solid #fff;
	
	}
	

   .nabar ul {
    clear:left;
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
	}
	
	.nabar ul li {
	margin:0;
	padding:0;
	border: 0px solid #000;
	display: inline;
	list-style:none;
	}
	
	.nabar  li a{  /* ie 6 DOES NOT LIKE IT, does not show the color, need to add link, visited etc...*/
	display:block;
	float:right;
	margin:0 0 0 8px;
	padding:3px 8px;
	text-align:center;
	color:#FFFF33;
	text-decoration:none;
	position:relative;
	right:8px;
	font: bold .65em Arial, Helvetica, sans-serif;
		}
		
	.nabar li a:hover {
	
	color:#FFCC00;
	font-weight: bold;
	}
	.nabar  li a.active,
	.nabar  li a.active:hover {
	
		color:#fff;
		font-weight:bold;
	}
	
	
/*---------------------------
		FOOTER STYLE
-----------------------------*/
	.footer{
	position:absolute;
	bottom:0;
	left:0;
	height:1.5em;
	width: 950px;
	font: italic .5em Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	border: 0px solid #CCFF66;
	
	}
	
	
/*-------------------------
ENFIN AND LEGAL
------------------------------*/

	.enfin,
	.legal{
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFF33;
	}
	.enfin,
	.legal, a:link {
		color: #FFFF33;
		text-decoration: none;
	
	}
	
	.enfin,
	.legal, a:visited {
		color: #FFFF33;
		text-decoration: none;
			
	}
	
	.enfin a:hover {
	text-decoration: none;
	color: #ccc;	/*yellow */
	font-weight: bold;
	}	
	.legal a:hover {
		text-decoration: none;
		color: #ccc;	/*red */
	}	
	
	/*---------------------------*/