body {
	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	font-size: 12px;
	/*background:url(images/background_fade_tile.jpg) repeat top;*/
	background: #4e4e4e;
	text-align: center;
	margin: 0;
	color:#333333;
	
}

h1,h2{
	margin-top:0px;
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 1.5em;
	color:#cc3333;
	/* color:#ed3729; systemental red */ 
	/*margin-bottom: 10px;*/
}

p{

	color:#333333;
	margin: 0 0 10px 0;

}
A:link, a:visited	{	
	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	text-decoration:	underline;
	color:#cc3333;
	}	
a:active 
{
 	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	text-decoration:	underline;
	color:#cc3333;
}
a:hover 
{
 	font-family: Verdana, Helvetica,  Geneva, Arial, sans-serif;
	text-decoration:underline;
	color:#cc3333;
}
td, tbody td {
	
	font-size: 12px;
}

th, tbody th {
		
	font-size: 12px;
}


.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;
	vertical-align:text-top;
	
}
.quote{
	padding-left:20px; 
	padding-right:40px; 
	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:normal; 
	font-size:1.2em;
	text-align:center;
}
.quote-who{
	text-align:right; 
	color:#666666;
}
/* 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:350; 
	visibility:hidden; 
	left:300; 
	background:white; 
	border:1px solid black; 
	width:300; 
	padding:10;
	
}

.poplink, .poplink a:link, .poplink a:visited, .poplink a:active, .poplink a:hover{
	border-bottom: 3px #cc3333 double;
	line-height: 1.5em;
	cursor: hand;
	color: #ed3729;
	
}
/*
 Learning Center styles
*/
.ContentDate
{
	font-size: 10px;
	color: #666666;
}
.ContentMore
{
	font-size:11px;
}
.ContentTitle
{
	font-size:12px;
	font-weight:600;
	color:#DA343C;
	margin-top:10px;
}
.ContentSubtitle
{
	font-size:13px;
	font-style: italic;
	font-weight:600;
	color:#333333;
	text-align:left;
	padding-left: 10px;
}
.ContentBody
{
	margin-left:20px;
	font-size:12px;
	margin-top: 5px;
}
.ContentRightArea
{
	margin-left:20px;
	font-size:12px;
	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: 190px;
	margin: 0px 0px 0px 30px;
	float:right;
	clear:left;
	
}
#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_redline.jpg) no-repeat top;
	height: 30px;
	padding-right: 40px;
	/*
	padding-top:5px;*/
	line-height: 28px;
	text-align:right;
	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:28px;
	
}
#mainbody{
	width: 480px;
}
#footer{
	
	clear:both;
	background-color:#f1f1f1;
	height: 25px;
	width:774px;
	margin-left:13px;
	margin-top: 50px;
	color: #666666;
	font-size: 9px;
	border-bottom: 1px solid #9f9f9f;

}
/* specific divs */

#topnav a:active, #topnav a:visited, #topnav a:link{
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight:400;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
}

#topnav a:hover{
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight:400;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	text-decoration:underline;
}
#topnav span{
 	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight:400;
	color:#ffffff;
 	text-align:center;
}
#linkList ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	}
#linklist li h3{
	font-family: Helvetica, Arial, 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;
}
@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.systemental.com" attr(href) ") ";
   }
	
	td, th, p, ul li,  .ContentBody, .ContentBody span
	{
	
		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:#DA343C;
		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;
	}

}