/* CSS Properties for pcc-services */
body {
	height: 100%;
	background: #002844;
	}
.hide 
	{
	display: none;
	}
	
/* encapsulate sets the page width and centers it */
#encapsulate {
	background: #002844;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

/* body_window sets the wide rounded corners and page background */
.body_window {
	display: block;
	}
.body_window * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #ffffff;
	}
.body_window1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #6d8494;
	border-right: 1px solid #6d8494;
	background: #bfc9d0;
	}
.body_window2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #193d56;
	border-right: 1px solid #193d56;
	background: #ced6db;
	}
.body_window3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #ced6db;
	border-right: 1px solid #ced6db;
	}
.body_window4 {
	border-left: 1px solid #6d8494;
	border-right: 1px solid #6d8494;
	}
.body_window5 {
	border-left: 1px solid #bfc9d0;
	border-right: 1px solid #bfc9d0;
	}
.body_windowfg {
	background: #ffffff;
	}

/* bufferzone puts whitespace around the edges*/
#bufferzone {
	padding: 10px;
}

/* These set the Logo Background and Title/Subtitle */
#main_logo {
	width:970px;
	height:120px;
	background-image: url(/site_images/logo_back.jpg);
	background-repeat: no-repeat;
	}
#title h1 {
	font-family: sans-serif;
	font-size: 26px;
	margin-top: 0px;
	color: white;
	padding: 20px 0px 0px 140px;
	margin-bottom: 0px;
	}
#title h2 {
	font-family: sans-serif;
	margin-top: 0px;
	color: white;
	padding: 3px 0px 0px 160px;
	font-size: 15px;
	}
#title h3 {
	font-family: sans-serif;
	font-size: 32px;
	margin-top: 0px;
	color: white;
	padding: 20px 0px 0px 140px;
	margin-bottom: 0px;
	}
#title h4 {
	font-family: sans-serif;
	margin-top: 0px;
	color: white;
	padding: 3px 0px 0px 160px;
	font-size: 15px;
	}
	
/* The following are for the top horizontal menu */
#menu_body {
	position: relative;
	background-image: url(/site_images/menubackgrnd.jpg);
	background-repeat: no-repeat;
	left: 120px;
	top: -40px;
	}
.main_menu {
   position: relative;
   height: 29px;
   width: 825px;
   padding: 15px;
   margin: 10px 0px 0px 0px;
   overflow: hidden;
 	text-align: center;
	}
 .main_menu li {
	float: left;
	list-style: none;
	}
.main_menu li.back {
	border: 1px solid #000;
	background-color: #002844;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
	}
.main_menu li a {
   font: bold 14px arial;
   text-decoration: none;
   color: #ffffff;
   outline: none;
   text-align: center;
   top: 7px;
   text-transform: uppercase;
   letter-spacing: 0;
   z-index: 10;
   display: block;
   float: left;
   height: 30px;
   position: relative;
   overflow: hidden;
   margin: auto 10px;
	}
.main_menu li a:hover, .main_menu li a:active, .main_menu li a:visited {
	border: none;
	} 

/* CSS Properties for the Left Menu */
/* left_menu is for the container */
#left_menu_col {
	margin-top: -20px;
	float: left;
	width: 200px;
	}
#left_menu_col img {
	border: 0;
	}
#left_menu_col h3 {
	font-size: 18px;
	color: #005999;
	margin-bottom: 0px;
	text-indent: 5px;
	}
#left_menu_content {
	padding: 0px 14px 0px 14px;
	}
.left_menu {
	display: block;
	}
.left_menu * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #005999;
	}
.left_menu1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #91b74a;
	border-right: 1px solid #91b74a;
	background: #3f8276;
	}
.left_menu2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #e5ee1c;
	border-right: 1px solid #e5ee1c;
	background: #30787e;
	}
.left_menu3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #30787e;
	border-right: 1px solid #30787e;
	}
.left_menu4 {
	border-left: 1px solid #91b74a;
	border-right: 1px solid #91b74a;
	}
.left_menu5 {
	border-left: 1px solid #3f8276;
	border-right: 1px solid #3f8276;
	}
.left_menufg {
	background: #005999;
	}
.myleftmenu {
	margin: 0;
	padding: 0;
	width: 170px; /*width of menu*/
	border: 1px solid black;
	}
.myleftmenu a.menuitem {
	background-color: #052a44;
	font: bold 14px sans-serif;
	color: white;
	display: block;
	position: relative;
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 1px solid black;
	}
.myleftmenu a.menuitem:visited, .myleftmenu .menuitem:active {
	color: white;
	}
.myleftmenu a.menuitem .statusicon {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}
.myleftmenu a.menuitem:hover {
	background-color: #005999;
	}
.myleftmenu div.submenu {
	background: white;
	}
.myleftmenu div.submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
/* submenu item properties */
.myleftmenu div.submenu ul li {
	border-bottom: 1px solid black;
	}
.myleftmenu div.submenu ul li a {
	display: block;
	font: normal 13px sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}
.myleftmenu div.submenu ul li a:hover {
	background: #005999;
	color: white;
	}

/* CSS Properties for the Primary Content Window */
#primarycontent {
	float: left;
	padding: 0px 25px 25px 40px;
	width: 700px;
	margin-top: -35px;
	}
#primarycontent p	{
	text-align: justify;
	text-indent: 2em;
	margin-top: 0;
	margin-bottom: 1em;
	color: #000;
	font-family: sans-serif;
	font-size: 0.8em;
	}
#primarycontent a	{
	color: #0E3A7D;
	text-decoration: none;
	}
#primarycontent img {
	border: 0;
	}
#primarycontent h1 {
	color: #002844;
	font-family: serif;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	}
#primarycontent h2 {
	color: #00528c;
	font-family: serif;
	font-size: 1.5em;
	font-weight: bold;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 2px #dedede;
	margin-top: 1em;
	margin-bottom: 0.25em;
	clear: left;
	}
#primarycontent h3{
	color: #005999;
	font-family: serif;
	font-size: 1.2em;
	margin-top: 0em;
	margin-bottom: .3em;
	text-indent: 1em;
	}
#primarycontent li	{
	font-family: sans-serif;
	color: #000;
	font-size: 0.8em;
	margin-bottom: 5px;
	}
#primarycontent th {
	color: #000;
	font-family: sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}
#primarycontent td {
	color: #000;
	font-family: sans-serif;
	font-size: 0.8em;
	}
#primarycontent td p{
	text-indent: 2em;
	margin-top: 0;
	margin-bottom: 1em;
	color: #000;
	font-family: sans-serif;
	font-size: 1em;
	}
#primarycontent dt {
	color: #000;
	font-family: sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}	
#primarycontent dd {
	font-family: sans-serif;
	color: #000;
	font-size: 0.8em;
	margin-bottom: 1em;
	}
#primarycontent .imgpara {
	text-align: center;	
	text-indent: 0px;
	margin: 10px 0px 10px 0px;
	font-size: .8em;
	}	
#primarycontent .articletoc {
	border-top: 1px solid black;
	padding-top: 5px;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	width: 500px;
	text-align: left;	
	margin-left: 90px;
	margin-bottom: 30px;
	font-size: 13px;
	list-style: none;
}	
#primarycontent .articletoc a {
	font-weight: bold;
	color: #112037;
	} 	
#primarycontent .articletoc li {	
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	}	
#primarycontent .articletoc li .active {	
	color: #185c11;
	text-decoration: underline;
	}	
#primarycontent .articletoc a:hover {	
	color: #608F1B
	}
#primarycontent .proscons {
	font-weight: bold;
	margin-left: 50px;
	margin-bottom: 20px;
	font-size: 18px;
	} 	
#primarycontent .proscons li {
	margin-left: 50px;
	font-weight: normal;
	font-size: 14px;
	}
#primarycontent code {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	}
#primarycontent .ul_style ul {
	text-align: justify;	
	margin: 10px 40px 12px 40px;
	font-size: .9em;	
	}
#primarycontent .ul_style ul li {
	margin-bottom: 12px;
	}	

/* These CSS Properties are used when needing pages with 2 Columns */
#left60 {
	float: left;
	width: 61%;
	margin-right: 1%;
	margin-top: 5px;
	margin-bottom: 0px;
	}
#right40 {
	float: right;
	width: 35%;
	margin-left: 1%;
	margin-top: 5px;
	margin-bottom: 0px;
	}
#right40 h2 {
	font-size: 18px;
	margin: 0px;
	color: white;
	text-align: center;
	text-indent: 0px;
	border-bottom: 0px;
	text-decoration: none;		
	}
#right40 hr {
	width: 80%;
	color: white;
	margin: 1px auto 2px auto;
	text-align: center;
	}
#right40 p {
	font-size: 12px;
	padding: 4px 10px 4px 10px;
	color: white;
	text-indent: 0px;
	text-align: left;
	margin: 0px;
	}
#right40 a {
	color: white;
	}
#right40 a:hover {
	color: gray;
	}
#clear {
	clear: both;
	}

/* CSS Properties for the Google Ad within an Article */
#widebar {
	margin-left: -15px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	}

/* CSS Properties for the Google Ad above the Footer */
#lower_box {
	text-align: right;
	margin: 20px;
	}

/* old CSS Properties disabling to see if they cause an issue

#rightcol {
	float: right;
	width: 5px;
	text-align: center;
	margin: 0;
	}

#rightcol h2 {
	color: #005999;
	margin: 0px;
	font-family: sans;
	font-size: 22px;
	text-align: center;
	}
	
#rightcol p {
	text-align: center;
	font-size: 12px;
	}
*/

/* CSS Properties for the Footer */
#footer_img {width:970px;
	height:50px;
	background-image: url(/site_images/footer_background.jpg);
	background-repeat: no-repeat;
	clear: both;
	}
#footer p {	
	font-family: sans-serif;
	margin-top: 0px;
	font-size: 15px;
	color: white;
	padding: 1px 0px 0px 40px;
	margin-bottom: 0px;
	text-align: center;
	}
#footer a {
	font-weight: bold;
	color: white;
	text-decoration: none;
	}


/* Youngevity Ad Stuff */
#youngevity {
	padding-bottom: 10px;
	}
#youngevity table {
	width: 200px;
	border-spacing: 0px;
	padding: 0px;
	border: 2px solid #005999;
	background: white;
	}
#youngevity a {
	text-decoration:none;
	color: #0E3A7D;
	}
#youngevity img {
	border: 0;
	}
#youngevity a:visited {
	text-decoration:none;
	color: #0E3A7D;
	}	
#youngevity h2 {
	color: #00528c;
	font-family: serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	}
#youngevity h3 {
	color: #00528c;
	font-family: serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	}
#youngevity h4 {
	font-family: sans;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	}
#youngevity p {
	color: black;
	font-family: sans;
	font-size: 9px;
	font-weight: normal;
	text-align: justify;
	margin: 0px 3px 0px 3px;
	}
#youngevity hr {
	height: 1px;
	color: #dedede;
	width: 80%;
	}
	

/* Various Colored CSS Rounded Corner Boxes */

	.darkredbox{display:block;}
	.darkredbox *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#610000}
	.darkredbox1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #bb9191;
	  border-right:1px solid #bb9191;
	  background:#883f3f}
	.darkredbox2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #efe5e5;
	  border-right:1px solid #efe5e5;
	  background:#7f3030}
	.darkredbox3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #7f3030;
	  border-right:1px solid #7f3030;}
	.darkredbox4{
	  border-left:1px solid #bb9191;
	  border-right:1px solid #bb9191}
	.darkredbox5{
	  border-left:1px solid #883f3f;
	  border-right:1px solid #883f3f}
	.darkredboxfg{
	  background:#610000}

	.lightgreenbox{display:block}
	.lightgreenbox *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#6b8f47}
	.lightgreenbox1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #bfceaf;
	  border-right:1px solid #bfceaf;
	  background:#90ab75}
	.lightgreenbox2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #f0f3ec;
	  border-right:1px solid #f0f3ec;
	  background:#87a469}
	.lightgreenbox3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #87a469;
	  border-right:1px solid #87a469;}
	.lightgreenbox4{
	  border-left:1px solid #bfceaf;
	  border-right:1px solid #bfceaf}
	.lightgreenbox5{
	  border-left:1px solid #90ab75;
	  border-right:1px solid #90ab75}
	.lightgreenboxfg{
	  background:#6b8f47}

	.yellowbox{display:block}
	.yellowbox *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#E5B800}
	.yellowbox1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #f3e091;
	  border-right:1px solid #f3e091;
	  background:#ebc93f}
	.yellowbox2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #fcf7e5;
	  border-right:1px solid #fcf7e5;
	  background:#e9c530}
	.yellowbox3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #e9c530;
	  border-right:1px solid #e9c530;}
	.yellowbox4{
	  border-left:1px solid #f3e091;
	  border-right:1px solid #f3e091}
	.yellowbox5{
	  border-left:1px solid #ebc93f;
	  border-right:1px solid #ebc93f}
	.yellowboxfg{
	  background:#E5B800}	  
	 
	.orangebox{display:block}
	.orangebox *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#B23600}
	.orangebox1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #dda891;
	  border-right:1px solid #dda891;
	  background:#c5683f}
	.orangebox2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #f7eae5;
	  border-right:1px solid #f7eae5;
	  background:#c05c30}
	.orangebox3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #c05c30;
	  border-right:1px solid #c05c30;}
	.orangebox4{
	  border-left:1px solid #dda891;
	  border-right:1px solid #dda891}
	.orangebox5{
	  border-left:1px solid #c5683f;
	  border-right:1px solid #c5683f}
	.orangeboxfg{
	  background:#B23600}
	  
	.darkbluebox{display:block}
	.darkbluebox *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#002844}
	.darkbluebox1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #91a2ae;
	  border-right:1px solid #91a2ae;
	  background:#3f5d72}
	.darkbluebox2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #e5e9ec;
	  border-right:1px solid #e5e9ec;
	  background:#305067}
	.darkbluebox3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #305067;
	  border-right:1px solid #305067;}
	.darkbluebox4{
	  border-left:1px solid #91a2ae;
	  border-right:1px solid #91a2ae}
	.darkbluebox5{
	  border-left:1px solid #3f5d72;
	  border-right:1px solid #3f5d72}
	.darkblueboxfg{
	  background:#002844}
	  
	.lightgraybox{display:block}
	.lightgraybox *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#cccccc}
	.lightgraybox1{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #e9e9e9;
	  border-right:1px solid #e9e9e9;
	  background:#d8d8d8}
	.lightgraybox2{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #f9f9f9;
	  border-right:1px solid #f9f9f9;
	  background:#d5d5d5}
	.lightgraybox3{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #d5d5d5;
	  border-right:1px solid #d5d5d5;}
	.lightgraybox4{
	  border-left:1px solid #e9e9e9;
	  border-right:1px solid #e9e9e9}
	.lightgraybox5{
	  border-left:1px solid #d8d8d8;
	  border-right:1px solid #d8d8d8}
	.lightgrayboxfg{
	  background:#cccccc}