body {
	/*background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position:top;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#336799;
}
.body-bg1 {
	background-image:url(images/body-bg3.jpg);
	background-repeat:repeat-y;
	background-position:top;
	}
.body-bg2 {
	background-image:url(images/body-bg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
.banner-bg {
	background-image:url(images/top-banner-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}
.but-bg {
	background-image:url(images/but-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

/*tj added this bg-tab for the tab on the products page....*/	
.bg-tab {
	background-image:url(images/tab1.gif);
	
}

.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#414040;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	display:block;
	height:22px;
	padding-top:7px;
	margin:0px;
	font-size:11px;
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;
	}
.menu:hover {
	background-image:url(images/but-hover-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#FFFFFF;
	cursor:pointer;
	}

/*tj added this bg-tab for the tab on the products page....*/	
.menu-tab {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#414040;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	display:block;
	height:22px;
	padding-top:9px;
	margin:0px;
	font-size:11px;
	cursor:pointer;
	text-align:center;
	
	}	
	

.menu2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	display:block;
	height:24px;
	padding-top:5px;
	margin:0px;
	font-size:12px;
	background-image:url(images/but-hover-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#FFFFFF;
	cursor:pointer;
	}
/*.menu2:hover {
	background-image:url(images/but-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#006600;
	cursor:pointer;
	}*/
/*------------------------------------------------------------------body-area*/

.body-contents {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	}
.heading1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	}
.body-contents a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	}
.body-contents a:hover {
	text-decoration:none;
	}
.read-more {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	background-image:url(images/read-more.jpg);
	background-repeat:repeat-x;
	background-position:center;
	padding-top:4px;
	height:22px;
	width:94px;
	margin:0px;
	display:block;
	cursor:pointer;
	}
.read-more:hover {
	cursor:pointer;
	background-image:url(images/read-more-hover.jpg);
	background-repeat:repeat-x;
	background-position:center;
	}
.right-panel {
	background-image:url(images/right-panel-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px;
	}
.right-panel2 {
	background-image:url(images/right-panel-footer.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}
.right-panel-but1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
	background-image:url(images/white-but.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:7px;
	width:103px;
	height:26px;
	margin:0px;
	display:block;
	cursor:pointer;
	}
/*.right-panel-but1:hover {
	background-image:url(images/green-but.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	color:#FFFFFF;
	}*/
.right-panel-but2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	background-image:url(images/green-but.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:14px;
	width:103px;
	height:19px;
	margin:0px;
	display:block;
	cursor:pointer;
	}
.right-panel-but2:hover {
	background-image:url(images/green-but-hover.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	font-weight:normal;
	padding-top:7px;
	height:26px;
	}
	


/*------------------------------------------------------------------footer-area*/

.footer-area {
	background-image:url(images/footer.jpg);
	background-position: 1px 0px;
	background-repeat: no-repeat;
	width: 880px;
	height: 44px;
	*height: 63px;
	color: #fff;
	font-family: 'trebuchet ms';
	text-align: center;
	font-size: 0.75em;
	padding-bottom: 2px;
	*padding-bottom: 1px;
	position: relative;
	top: 0px;
	left: 0px;
}

body.home .footer-area { background-position: 2px 0px; *background-position: 0px 0px; }

.footer-area { *background-position: 0px 0px; *left: -11px; *height: 43px; }

.footer-contents {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	}
.footer-area-shadow {
	background-image:url(images/footer-shadow.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
.frame {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	background-color:#eeeeee;
	border:#cccccc solid 1px;
	width:200px;
	height:18px;
	}
.frame2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#797979;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	background-color:#eeeeee;
	border:#cccccc solid 1px;
	width:200px;
	height:100px;
	overflow:auto;
	}
.button{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background-color:#000000;
	border:0;
	width:70px;
	height:20px;
	cursor:pointer;
	}
.button:hover {
	cursor:pointer;
	background-color:#666666;
	}




/* New Styles - AMN */

#header
{
	width: 935px;
	*width: 935px;
	height: 227px;
	background: url(images/marketing-bg.gif) 1px 0px no-repeat;
	*background-position: 1px 0px;
	padding-top: 3px;
	*padding-left: 1px;
	
}

body.home #header { background-position: 1px 0px; *background-position: 1px 0px; }

#container
{
	width: 900px;
	*width: 925px;
	margin-left: 26px;
	*margin-left: 55px;
	*margin-right: 10px;
	margin-top: 0px;
	text-align: left;
	font-family: "trebuchet ms";
	font-size: 0.85em;
	background: url(images/sidebar-bg.jpg) 600px 0px repeat-y;
	float: left;
}

#content
{
	width: 555px;
	padding: 0px 25px 25px 20px;
	float: left;
}

#content-header
{
	width: 555px;
	padding: 0px 0px 0px 0px;
	float: left;
}


#content h1
{
	color: #01447b;
	font-size: 1.35em;
	margin: 15px 0px 5px 0px;
	padding: 0px;
}

#content h4
{
	color: #01447b;
	font-size: 1.35em;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}


#content h2
{
    color: #333;
    font-size: 93%;
    line-height: 1.33em;
    text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}

#content h5
{
    color: #333;
    font-size: 93%;
    line-height: 1.33em;
    text-transform: lowercase;
	margin: 0px 0px 3px 0px;
}
            
#content h3
{
    color: #000;
    font-size: 85%;
    font-weight: bold;
    margin: 0 0 3px 0;
}

#content p
{
    color: #333;
    font-size: 80%;
    line-height:  1.45em;
    margin: 0 0 13px 0;
}

#content p.large { font-size: 110%; line-height: 2em; margin-top: 15px; }

#content p.medium { font-size: 105%; line-height: 1.5em; margin-top: 5px; }

.center { text-align: center; }

#content strong { font-weight: bold; }
#content ul { margin: 0 0 10px 0; }
#content ul { _margin-left: 50px; *margin-left: 50px; }

#content li
{
    color: #333;
    font-size: 100%;
    line-height: 1.45em;
    padding: 0 0 5px 10px;
}

#content ul ul
{
    margin-bottom: 0;
    margin-left: 25px;
}

#content ul ul li
{
    font-size: 100%;
    padding-bottom: 0px;
    margin-top: 5px;
}

#content ol
{
    list-style-type: decimal;
    margin: 0 0 10px 29px;
}

#content ol.upper-roman { list-style-type: upper-roman; }
#content ol.lower-roman { list-style-type: lower-roman; }
#content ol.upper-alpha { list-style-type: upper-alpha; }
#content ol.lower-alpha { list-style-type: lower-alpha; }

#content ol li
{
    background: none;
    padding-left: 0;
}

#content ol ol
{
    list-style-type: lower-alpha;
    margin-top: 5px;
    margin-bottom: 0px;
}       

#content ol ol li { font-size: 100%; }
#content ol ol ol { list-style-type: lower-roman; }       
#content ol ul { margin: 5px 0 0px 10px; }

#content ol ul li
{
    font-size: 100%;
    padding: 0 0 5px 10px;
}

#content ul p, #content ol p
{
    font-size: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
}

#content dl { font-size: 80%; }
#content dl dt { font-weight: bold; }

#content dl dd
{
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 1.45em;
}

#content dl ul { margin-top: 5px; margin-bottom: 0px; }
#content dl ul li, #content dl dd p { font-size: 100%; }
#content dl dd p { margin-bottom: 0px; margin-top: 10px; }
#content dl dd ol { font-size: 115%; margin-top: 10px; }

#content blockquote
{ 
	margin: 0px 15px; 
	padding: 10px 15px; 
	font-size: 80%;
	font-style: italic; 
	line-height: 1.45em; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc;
	z-index:
}

#content img.imgright
{
	float: right;
	margin: 0px 0px 15px 15px;
}

#content img.imgleft
{
	float: left;
	margin: 0px 15px 15px 0px;
}

#content form { margin-top: 15px; }

/* Center Content Modules */

/* Highlight */

.highlight
{
	background: url(images/bg-color.gif) #fff 0px 1px repeat-x;
	padding: 20px 0px 0px 0px;
	margin-bottom: 10px;
}

.highlight-bottom
{
	background: url(images/bg-color-bottom.gif) bottom left repeat-x;
	height: 15px;
}

.highlight h2
{
	color: #036 !important;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 20px 5px 20px;
	font-size: 80% !important;
}

.highlight p
{
	font-size: 80% !important;
	padding: 0px 20px !important;
	margin-bottom: 5px !important;
}

.highlight .environmental { background: url(images/icons/env-center.gif) 15px 0px no-repeat; }
.highlight .solutions { background: url(images/icons/solutions-center.gif) 15px 0px no-repeat; }
.highlight .testimonial { background: url(images/icons/testimonial-center.gif) 15px 0px no-repeat; }


.highlight .environmental,
.highlight .solutions,
.highlight .testimonial { padding-left: 40px; }



/* Sidebar */

#sidebar
{
    float: left;
    width: 249px;
	*width: 297px;
	padding: 0px 12px 0px 12px;
}

#sidebar .tab
{
		float: right;
		width: 48px;
		height: 50px;
		position: relative;
		top: 0px;
		right: -48px;
		*right: 0px;
		margin-top: 12px;
}

#sidebar .testimonial .tab { background: url(images/icons/testimonial-tab.gif) top left no-repeat; }
#sidebar .solutions .tab { background: url(images/icons/solutions-tab.gif) top left no-repeat; }
#sidebar .environmental .tab { background: url(images/icons/env-tab.gif) top left no-repeat; }
#sidebar .news .tab { background: url(images/icons/news-tab.gif) top left no-repeat; }

#sidebar .testimonial
{
	background: url(images/bq-top.gif) 10px 50px no-repeat;
}

#sidebar .testimonial,
#sidebar .environmental,
#sidebar .solutions,
#sidebar .news,
#sidebar .callout
{
	margin: 0px 0px 12px 0px;
}

#sidebar .solutions { margin: 0px; }

#sidebar .environmental,
#sidebar .news,
#sidebar .callout
{
	background: url(images/callout-line.jpg) 7px bottom no-repeat;
	padding-bottom: 5px;
}

#sidebar .callout { padding-left: 7px; padding-right: 7px; width: 235px; }

#sidebar .testimonial h2,
#sidebar .solutions h2,
#sidebar .environmental h2,
#sidebar .news h2
{
	background: url(images/sidebarh2-bg.jpg) #666 top left no-repeat;
	font-size: 0.75em;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 45px 0px;
	padding: 19px 7px 7px 7px;
	width: 235px;
	letter-spacing: 0.1em;
}

#sidebar .solutions h2 { margin-bottom: 0px !important; }

#sidebar .environmental h2,
#sidebar .news h2 { margin-bottom: 14px !important; }

#sidebar .environmental h3,
#sidebar .callout h2
{
		color: #030;
		text-transform: uppercase;
		margin: 0px;
		padding: 10px 7px 7px 7px;
		font-size: 0.8em;
		background: url(images/callout-line.jpg) 7px 0px no-repeat;
}

#sidebar p
{
		margin: 0px 20px;
		color: #333;
		font-size: 0.8em;
		line-height: 1.45em;
}

#sidebar .testimonial p { margin: 0px 20px !important; width: 210px; }

#sidebar .environmental p { margin: 0px 15px 10px 15px !important; }

#sidebar .news p { margin: 0px 15px 10px 15px !important; width: 220px; padding-bottom: 10px; }

#sidebar .callout p { margin: 0px 8px 10px 8px !important; }

#sidebar .testimonial p.right
{
		margin-top: -15px;
		background: url(images/bq-bottom.gif) top right no-repeat;
		text-align: right;
		padding-top: 37px;
		margin-right: 10px;
		padding-right: 10px;
}

.students,
.teachers,
.administrators { margin: 2px 2px 0px 2px; width: 245px; }

.students, .administrators { background-color: #cde9d6; }
.teachers { background-color: #b4daf6; }

.students h3,
.teachers h3,
.administrators h3
{
		font-style: italic;
		margin: 0px;
		padding-top: 20px;
		padding-left: 12px;
}

.students h3, .administrators h3 { background: url(images/students-line.jpg) 12px 12px no-repeat; color: #030; }
.teachers h3 { background: url(images/teachers-line.jpg) 12px 12px no-repeat; color: #036; }

.students img,
.teachers img,
.administrators img
{
		float: left;
		border: 1px solid #aaa;
		margin: 6px 6px 6px -30px;
}

.students ul,
.teachers ul,
.administrators ul
{
		color: #333;
		font-size: 0.85em;
		line-height: 1.45em;
		margin: 5px 10px 0px 15px;
		padding-bottom: 10px;
}

.students ul,
.teachers ul,
.administrators ul { _margin-left: 55px; *margin-left: 55px; }

.students ul li,
.teachers ul li,
.administrators li { padding-bottom: 4px; }




/* tjl added for comparison table */

table.compare {
	width:90%;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	margin:1em auto;
	border-collapse:collapse;
	}

caption.compare {
	color: #414040;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}
	
tr.even td	{
	background:#fefefe;
	
	
}
	
tr.odd td	{
	background:#e6e6e6;
	
	}
tr.odd .column1	{
	background:#e6e6e6;
	width:200px;
	padding-left:8px;
	}
tr.odd .column1-large	{
	background:#e6e6e6;
	width:400px;
	padding-left:8px;
	}
.column1	{
	background:#f9fcfe;
	width:200px;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	color: #1a1a1a;
	font-size:.80em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	/*caption-side:top;*/
	text-align:left;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	}
	
.column1-large	{
	background:#f9fcfe;
	width:500px;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	color: #1a1a1a;
	font-size:.80em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	/*caption-side:top;*/
	text-align:left;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	}
	
tr.odd .column2	{
	background:#f4f9fe;
	width:400px;
	}	
.column2	{
	background:#f9fcfe;
	width:400px;
	}
	
td.compare {
	color:#678197;
	font-family:Arial, Helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	padding:.3em 1em;
	text-align:center;
	}

td.compare-assumptions {
	color:#678197;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	padding:.3em 1em;
	text-align:left;
	}
td.compare-feat {
	color:#678197;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px solid #000000;
	border-bottom:0px solid #000000;
	border-left:1px solid #000000;
	padding:.3em 1em;
	text-align:left;
	font-size:14px;
	}
	
td.compare-feat-bot {
	color:#678197;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:0px solid #000000;
	border-left:1px solid #000000;
	padding:.3em 1em;
	text-align:left;
	font-size:14px;
	}

th.compare {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #000000;
	border-left:1px solid #000000;
	padding:.3em 1em;
	}
	
thead th.compare {
	background:#e6e6e6;
	text-align:center;
	font:bold 1.2em/1.3em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#000000
	}	
tfoot th.compare {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th.compare strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th.compare em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}		

