﻿body {
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	/*background:url(images/background_fade_tile.jpg) repeat top;
	
	background: #7f7fcc;
	*/
	background: #4e4e4e;
	text-align: center;
	margin: 0;
	color:#333333;
	
}
h1, h2, h3, h4, h5, h6{
	margin-top:0px;
	font-family:  Arial, Calibri, Helvetica, Verdana, Geneva, sans-serif;
}
h1{
	
	font-size: 1.7em;
	color:#353783;
	/* color:#ed3729; systemental red */ 
	/*margin-bottom: 10px;*/
}
h2{
	font-size:1.5em;
	color:#353783;
	margin-top: 15px;
	margin-bottom: 0px;
}
h3{
	margin-top: 20px;
	font-size:1.4em;
	color:#353783;
}
h4{
	font-size:1.3em;
	margin-bottom:5px;
}
ul li{
	padding-bottom: 5px;
}
p{

	color:#333333;
	margin: 0 0 10px 0;

}
A:link, a:visited	{	
	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	text-decoration:	underline;
	color:#353783;
	}	
a:active 
{
 	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	text-decoration:	underline;
	color:#353783;
}
a:hover 
{
 	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	text-decoration:underline;
	color:#353783;
}
td {
	
	font-size: 12px;
	vertical-align: top;
}

th {
		
	font-size: 12px;
}

blockquote{
	margin:0 15px 0 15px;
	padding:0 15px 0 15px;
	background:#EAEAF1 url("images/apostrophe.gif") no-repeat 5px 5px;
	color:#00004E;
	text-align:left;
}
blockquote p{
	/*margin: 1.5em 2em 0 1.5em;*/
	font-style:normal;
	padding:10px 0 0 35px;
	color:#00004E;
	text-decoration:none;
}
blockquote div{
	text-align:right;
	text-decoration:none;
}
blockquote a:link, blockquote a:visited{
	text-decoration:none;
	color:#00004E;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.BigBold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold
}
.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}


.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
.GridTable table{
	border-collapse:collapse;
	margin-right: 20px;
}
.GridTable table tr td, .GridTable table tr th{
	border: 1px solid black;
	padding: 5px;

	
}
.quote{
	padding-left:20px; 
	padding-right:40px; 
	font-style:normal;
	text-align:center; 
	margin-top:30px; 
	margin-bottom:30px
}

.margin-quote{

	border-top: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
	margin-bottom: 20px;
	margin-top:20px;
	padding: 5px;
}
.quote-body{
	font-style:italic; 
	font-size:1.2em;
	text-align:center;
}
.quote-who{
	text-align:right; 
	color:#666666;
}
/* faq page */
.question{
	margin-left:10px;
	font-weight:bold;
}
.answer{
	margin: 5px 15px 20px 25px;
	line-height:inherit;
	
}
/* projects and services page */

.servicename {
	float: left;
	width: 380px;
	padding-left: 5px;
	display: block;
}
.servicelink {
	float: left;
	padding-left: 5px;
	display: block;
}
.ServiceCategory {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}

.popup{
	position: absolute; 
	top:350px; 
	visibility:hidden; 
	left:300px; 
	background:white; 
	border:1px solid black; 
	width:300px; 
	padding:10px;
	
}

.poplink, .poplink a:link, .poplink a:visited, .poplink a:active, .poplink a:hover{
	border-bottom: 3px #353783 double;
	line-height: 1.5em;
	cursor: hand;
	color: #ed3729;
	
}
.privacyblock{
	position: absolute; 
	top:225px; 
	left:85px; 
	visibility:hidden; 
	background:white; 
	border:1px solid black; 
	height: 150px; 
	width:300px; 
	padding:10px;
}
.separator{
	/*
	border-bottom:1px solid #ffc800;
	*/
	border-bottom:1px solid #353783;
}
.formframe{
	border:1px solid #666666; 
	background-color:#f1f1f1; 
	padding:4px; 
	width:95%; 
	margin-left:20px;
}
/*
	form Validator
*/
.tfvHighlight
{
	color: red;
}
.tfvNormal
{
	color: black;
}
/*
 Learning Center styles
*/
.ContentDate
{
	font-size: 10px;
	color: #666666;
}
.ContentMore
{
	font-size:11px;
}
.ContentTitle
{
	font-size:14px;
	font-weight:600;
	color:#353783;
	margin-top:10px;
}
.ContentSubtitle
{
	font-size:13px;
	font-style: italic;
	font-weight:normal;
	color:#333333;
	text-align:left;
	padding-left: 10px;
}
.ContentBody
{
	margin-left:20px;
	font-size:11px;
	margin-top: 5px;
}
.ContentRightArea
{
	margin-left:20px;
	font-size:11px;
	text-align:right;
	vertical-align:top;
}

/* main divs */
#container{
	position: relative;
	margin: 0 auto;
	background:url(images/center_shadow.png) repeat-y center;
	width:800px;
	text-align: left;
}

#linklist {
	width: 150px;
	margin: 0px 0px 0px 30px;
	float:right;
	clear:left;
	
}
#linklist h3{
	margin-top: 20px;
	margin-bottom:5px;
}
#linklist ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	}
#linklist li h3{
	font-family: Arial, Helvetica,  Verdana, sans-serif;
	/*font-size:13px;
	font-weight:bold;*/
	margin-bottom:0px;
	
}
#linklist li{
	margin-bottom:20px;
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
	color:#333333;
}
#intro { 
	width:774px;
	
}
#pageHeader {
	background:url(images/systemental_logo.jpg) no-repeat center left;
		
	height:75px;
	margin-left: 20px;
	width:774px;
	
}

#topnav{
 	background:url(images/navbar_w_line.png) no-repeat top;
	height: 30px;
	padding-right: 40px;
	/*
	padding-top:5px;*/
	line-height: 25px;
	text-align:left;
	display:block;
	vertical-align:bottom;

}
#homeimage{
	background:url(images/homepage_images_no_red.jpg) no-repeat top;
	height:215px;
	
}
#content{
	margin-left: 45px;
	margin-right:45px;
	padding-top:15px;
	
}
#mainbody{
	width: 510px;
}
#footer{
	
	clear:both;
	/*
	background-color:#FFe566;
	*/
	background:#f1f1f1;
	height: 25px;
	width:774px;
	margin-left:13px;
	margin-top: 50px;
	/* color: #ffffff; */
	font-size: 9px;
	border-bottom: 1px solid #9f9f9f;

}
/* 
	specific divs 
*/

/* 
	LEVEL ONE PAGE NAV
*/
ul.dropdown                         { position: relative; list-style: none; font-size: 10px  }
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; background: #000; color:#ffffff }
ul.dropdown a:link, 				
ul.dropdown a:visited{
	color:#ffffff;
	text-decoration:none;
}
ul.dropdown a:active{
	color: #ffffff;
}
ul.dropdown a:hover		            { color: #ffffff; text-decoration:none; }

ul.dropdown li a                    { display: block; padding: 0px 8px; border-right: 1px solid #333;
	 								  color:#FFFFFF; }
	 								  
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover               { 
/*	background: #353783; */
	background:#F1b70c;  
/*	background:#3399FF; */
	color: #ffffff; 
	position: relative; 
}
ul.dropdown li.hover a              { color: #000000; }

/* 
	LEVEL TWO PAGE NAV #f3d673
*/
ul.dropdown ul { 
	width: 200px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	margin:0; 
	padding:0; 
	list-style: none;  
}
ul.dropdown ul li { 
	font-weight: normal; 
	background:#F8F8F8; 
	color: #ffffff; 
	border-bottom: 1px solid #ccc; 
	float: none; 
}		  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ 
	border-right: none; 
	width: 100%; 
	height:100%;
	display: inline-block;
} 
ul.dropdown ul li a:visited{
	color:#000000;
}
ul.dropdown ul li a:hover{
	color:#ffffff;	
}
}
/* 
	LEVEL THREE NAV
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* END PAGE NAV */


@media print
{
	#topnav{
		display:none;
	}
	body{
		font-size:14pt;
		
		BACKGROUND: white;

	}
	a:link, a:visited {
		color: #520;
		background: transparent;
		font-weight: bold;
		text-decoration: underline;
	}
	h1, h2, h3, h4, h5, h6{
		font-size: 16pt;
		font-weight: bold;
		
	}
	.ContentBody a[href^="/"]:after {
   		content: " (http://www.leanprojectmanager.com" attr(href) ") ";
   }
	
	td, th, p, ul li,  .ContentBody, .ContentBody span, #main, #mainbody
	{
	
		width: auto;
		border: 0;
		margin: 0 5%;
		padding: 0;
		float: none !important;
		background: transparent;
		FONT-FAMILY: times,serif;
		FONT-SIZE: 14pt;
		FONT-WEIGHT: normal;
		padding-bottom: 10px;
				
	}
	table{
		background: white;
	}
	td
	{
		background: white;
	}
	b, strong, th{
		FONT-SIZE: 14pt;
		font-weight: bold;
	}
	em{
		FONT-SIZE: 14pt;
		FONT-WEIGHT: normal;
		font-style:italic;
	}
	.ContentBody a:link:after, .ContentBody a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }

	th.cellbordersright span
	{
		font-size:16pt;
		
	}
	.ContentTitle
	{
		font-size:16pt;
		font-weight:600;
		color:#353783;
		margin-top:10px;
		
	}
	.ContentSubtitle
	{
		font-size:16pt;
		font-style: italic;
		font-weight:600;
		color:#333333;
		text-align:left;
		padding-left: 10px;
	}
	.ContentDate
	{
		font-size: 12pt;
		color: #666666;
	}

}
