body {
	background: #616161;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 770px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
	text-align: center;
}

/* Overrides */
body li, body p, body td {
	font-size: 11px;
}

body li {
	padding: 0;
}
/* END Overrides */

/* Page definitions */
img {
	border: 0;
}

a {
	color: #666666;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

a:hover {
	color: #EAB719;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

#page-border {
	width: 770px;
	margin: 0 auto;
	background-color: #fff;
}

/* END Page definitions */


/* Logo and Search Area */
#top-of-page {
	height: 116px;
	width: 100%;
	margin: 0;
}

#top-corner {
	position: relative;
	height: 6px;
}

#top-corner div {
	height: 6px;
}

#top-of-page img.icon {
	margin: auto 2px -2px auto;
}

#logo {
	float: left;
	height: 77px;
	width: 45%;
	padding-left: 10px;
	text-align: left;
}

#top-tools {
	float: right;
	height: 77px;
	width: 45%;
	padding-right: 21px;
	text-align: left;
}

#site-tools {
	height: 30px;
	width: 100%;
}

#site-tools ul {
	float: right;
	margin: 0 -16px 0 0;
	height: 30px;
	width: auto;
	white-space: nowrap;
	display: table; /* Opera fix */
	z-index: 8;
}

#site-tools ul > li {
	background: none;
} /* Remove separator from first item in standards compliant browsers */

#site-tools li + li {
	background: url("images/separator_site_tools.gif") no-repeat 0 3px;
} /* Insert separator on all but first element */

#site-tools li {
	color: #5A5F65;
	background: url("images/separator_site_tools.gif") no-repeat 0px 3px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 16px;
	font-size: 11px;
}

#site-tools li a {
	color: #53606D;
}

#site-tools li a:hover {
	color: #EAB719;
}

#site-tools li li a {
	color: white;
}

#site-tools li li a:hover {
	color: white;
}

/* ------------------------------------------------------------------------- */

#search {
	height: 47px;
	width: 100%;
	text-align: right;
	font-size: 0px;
}

#search form {
	overflow: hidden;
	height: 21px;
	margin: 0;
}

#search input.searchterms, input.subscribe {
	border: 1px solid #5A5F65;
	height: 12px;
	width: 80px;
	font-size: 11px;
	bottom: -2px;	
}

#search input.searchterms + button {
	position: relative;
	top: 0px;
	overflow: hidden; /* Used to improve look in Opera, caused by Mozilla bug fix *//* Used to improve look in Opera, caused by Mozilla bug fix */
}

#search input.searchterms + button > img.mozfix {
	margin: -1px 0 0 -3px; /* Mozilla bugfix. Breaks Opera (and probably Safari) */
}

#search button {
	border: 0;
	margin: 0;
	padding: 0px;
	width: 35px;
	height: 16px;
	font-size: 10px;
	color: #666;
}

#search div {
	margin-top: 0px;
	font-size: 9px;
	color: #959FA7;
}

#search div a {
	color: #959FA7;
}

#search div a:hover {
	color: #EAB719;
}
/* END Logo and Search Area */


/* Primary Navigation */
#primary-navigation {
	clear: left;
	background: url("images/primary_navigation_background_G.gif") repeat-x #339933;
	margin: 0 21px;
	height: 28px;
	padding: 0px;
	position: relative;
	text-align: left;
	z-index: 1;
}

#primary-navigation ul {
	margin: 0;
	padding: 0;
}

#primary-navigation li {
	float: left;
	display: block;
	padding: 5px 13px 5px 13px;
	border-left: 1px solid #B7CDE1;
	height: 18px;
	position: relative;
	z-index: 5;
}

#primary-navigation li.edge {
	padding: 5px 15px 5px 15px;
}

#primary-navigation li a {
	font-family: arial, franklin gothic medium cond,sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: white;
	text-transform: uppercase;
	height: 18px;
}

#primary-navigation li div, 
#primary-navigation li ul, 
#primary-navigation li li {
	width: 150px;
    color:green;
}

#primary-navigation li div {
	position: absolute;
	left: 0px;
	top: 28px;
	padding: 0 0 3px;
	margin: 0;
	display: none;
}

#primary-navigation li.edge div {
	left: auto;
	right: -1px;
	top: 28px;
}

#primary-navigation li.edge li {
	text-align: right;
}

#primary-navigation li ul {
	background: url("images/primary_navigation_dropdown_background.gif") repeat-x #707070;
	padding: 0 0 14px;
	margin: 0;
	display: table; /* Mozilla, Opera background fix *//* Mozilla, Opera background fix */
}

#primary-navigation li li {
	display: block;
	float: left;
	padding: 0;
	margin: 10px 0px -10px;
	border-left: none;
	height: 30px;
}

#primary-navigation li li a {
	display: block;
	padding: 6px 15px 3px;
	margin: 0px 0px;
	text-transform: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#primary-navigation li li a img {
	vertical-align: middle;
}

#primary-navigation li li:hover {
	background: none transparent;
}

#primary-navigation a:hover {
	text-decoration: none;
}

#primary-navigation li li a:hover {
	text-decoration: none;
	background: #474747;
}

#primary-navigation li:hover div, #primary-navigation li.over div {
	display: block;
}

#primary-navigation li:hover, 
#primary-navigation li.over, 
#primary-navigation li.active {
	background: url("images/primary_navigation_background_active.gif") repeat-x #339933;
}

/* Code for removing the primary navigation */
.nonav #top-of-page {
	height: 77px;
}

.nonav #content {
	
}
/* END Primary Navigation */


#top_news {
	text-align: left;
	width: 100%;
	margin: 0 6px 1px 6px;
	_margin: 0 6px 0 6px;
	float: left;
}

#highlights {
	text-align: left;
	width: 30%;
	margin: 0 6px 0 6px;
	float: left;
}

#customer_spotlight {
	text-align: left;
	width: 100%;
	margin: 0 10px 0 6px;
	float: left;
}

div.callout_content {
	margin: 7px 0 0 0;
	padding: 13px 16px;
	border-top: 1px solid #CACAC9;
	
}

div.callout_content blockquote {
	margin: 0;
}

div.callout_content blockquote p {
	margin: 12px 0 0;
}

div.callout_content blockquote cite {
	display: block;
	margin: 6px 0;
	color: #84848B;
	text-align: right;
}

div.callout_content p {
	margin: 22px 0 0px;
}

div.callout_content a.citation {
	color: #649CC6;
	font-weight: bold;
	text-decoration: underline;
}

div.callout_content a.citation:hover {
	color: #EAB719;
	text-decoration: underline;
}

div.callout_content .header {
	margin: 0 0 12px;
}

div.callout_content .logo {
	margin-right: -5px;
}

div.callout_content .logo img {
	margin: 0 5px 0 0px;
}

ul.callout_content {
	padding: 0;
	list-style-type: none;
	margin: 8px 0 0 0;
}

ul.callout_content li {
	display: block;
	width: 100%;
	margin: -1px 0;
	padding: 8px 0;
	border-top: 1px solid #CACAC9;
	border-bottom: 1px solid #CACAC9;
}

#top_news ul.callout_content a.news {
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: -8px 0;
	color: #339966;
}

#top_news ul.callout_content a.news:hover {
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: -8px 0;
	background: #EFF7FF;
}


/* Used in Logo listing layout. Gives the 4-column line-separated order. */
li.inline {
	float: left;
	display: block;
	width: 110px;
	height: 120px;
	padding: 0 10px 0 10px;
	margin-top: -3px;
	text-align: center;
	border-right: 1px solid #dedede;
}

/* END Homepage Definitions */

/* Footer */
#footer {
	clear: both;
	width: 100%;
	height: 66px;
	margin: 3em 0 0;
	font-size: 10px;
	color: #A9AAAA;
	background: url("images/background_footer.gif") repeat-x;
}

#footer-corner {
	height: 11px;
}

#footer-corner div {
	height: 11px;
}

#footer div.inner {
	/* This is required for IE 5.5 */
	padding: 30px 16px 24px;
}

#footer p {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 10px;
}

#footer ul {
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
}

#footer ul > li {
	background: none;
} /* Remove separator from first item in standards compliant browsers */

#footer li + li {
	background: url("images/separator_site_tools.gif") no-repeat scroll 0pt 3px
} /* Insert separator on all but first element */

#footer li {
	color: #53606D;
	
	display: block;
	float: left;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 16px;
	font-size: 10px;
}

#footer a {
	color: #A9AAAA;
}

#footer a:hover {
	color: #EAB719;
}

/* END Footer */

/* Layout */

#content {
	text-align: justify;
	float: left;
	padding-left: 21px;
	padding-right: 21px;
}

#content p, #content li, #content td {
	font-size: 10pt;
}

#mainpage_content {
	text-align: justify;
	float: left;
	margin: 0 21px 0 21px;
}

#mainpage_content p, #mainpage_content li, #mainpage_content td {
	font-size: 10pt;
}

/* END Layout */


/* Rounded Corners */
.upper-corners, .lower-corners {
	
	height: 6px;
	width: auto;
	position: relative; /* Needs to be relative instead of absolute for mozilla */
}

.upper-corners *, .lower-corners * {
	
	height: 6px;
	width: auto;
	position: relative;
}

.lower-corners {
	
	clear: both;
	margin: 0 0 5px 0;
}

/* END Rounded Corners */

	
/* Style */
#content a {
	color: #4073DB;
}

#content a:hover {
	color: #EAB719;
}

#content p {
	margin: 4px 0 18px;
}

h1 {
	font-size: 21px; /* Used in div.login */
}

h2 {
	font-size: 16px; /* Used in div.login */
}
 
h3, span.h3 {
	/* font-size: 12px; (goatboy) */
	font-size: 13px;
	color: #454545;
	margin: 10px 0 0;
}

h4 {
	/* font-size: 11px; (goatboy) */
	font-size: 12px;
	margin: 10px 0 4px;
}

h5 {
	/* font-size: 11px; (goatboy) */
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
}

hr {
	clear: left;
	height: 1px;
	border: none;
	border-top: 1px solid #C4CED4;
	margin: 8px 0 12px;
}

#content ul {
	
	margin: 0 0 20px 12px;
	padding: 0;
}

#content li {
	margin-bottom: 4px;
}

#content ol, #content ol li {
	list-style-image: none;
}

#content ol ul, #content ol ul li {
	
}

/* Showcase Table */

#showcase {
	padding: 0;
	margin-top: 10px;
}

#showcase *.image {
	vertical-align: top;
	padding: 10px 10px 0 0;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}

#showcase *.description {
	padding-left: 10px;
	border-top: 1px solid #D4D4D4;
}

#showcase *.description p {
	font-size: 12px;
}

#showcase.plain *.image {
	border-top: 0;
	border-right: 0;
}

#showcase.plain *.description {
	border-top: 0;
}

#showcase th {
	color: #454545;
	height: 28px;
	padding: 0 12px;
	font-size: 12px;
	text-align: left;
}

#showcase h4 a {
	color: #000000;
}


	/* Login Page */
	div.login {
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
}

	div.login .inner {
	margin: -6px -2px -6px 0px;
	padding: 22px 1px;
	position: relative;
	left: -1px;
	width: 100%;
	
}

	div.login h1 {
	margin-bottom: 25px;
}

	div.login h5 {
	font-weight: bold;
	font-style: normal;
}

	div.login form {
	margin: 0 auto;
	padding: 0 20px;
	width: 525px;
	height: 260px;
	border-top: 1px solid #ECEAEA; /* border matches BG color, required due to moz bug *//* border matches BG color, required due to moz bug */
}

	div.login div.row {
	clear: both;
	padding: 0;
	margin: 0;
	height: 28px;
}

	div.login form div.heading {
	display: block;
	float: left;
	width: 166px;
	margin: 0 16px 0 0;
	padding: 4px 0;
	text-align: right;
	font-weight: bold;
}
	div.login form input {
	width: 204px;
	float: left;
	border: 1px solid #A5ACB2;
	height: 18px;
	background: white;
}
	div.login form div.extra {
	margin: 0 8px;
	float: left;
	padding: 4px 0;
}
	div.login form div.buttons {
	width: 206px;
	margin: 0 0 0 182px;
	text-align: right;
}
	div.login form button {
	position: relative;
	top: 3px;
	background: transparent;
	padding: 0;
	margin: 0 0 0 10px;
	border: none;
}
	/* END Login Page */

	/* Table styles */
	#content table.comparison, 
	#content table.general {
	border-collapse: collapse;
	margin: 10px 0 0;
	padding: 0;
	border-bottom: 1px solid #D4DBDF;
}
	#content table.comparison th.firstcase {
	background-color: #B2B4B5;
	border-right: 1px solid white;
}
	#content table.comparison th.secondcase {
	background-color: #91ACC7;
	border-left: 1px solid white;
}
	#content table.comparison th.firstcase, 
	#content table.comparison th.secondcase {
	color: white;
	text-align: center;
	width: 35%;
	height: 31px;
	border-top: 6px solid #8CBAD9;
	font-size: 12px;
}

	#content table.basic {
	border-left: 1px solid white;
	border-collapse: collapse;
	margin: 8px 0 0;
	padding: 0;
}

	#content table.basic th {
	color: #454545;
	height: 28px;
	border-bottom: 1px solid #DADADA;
	padding: 0 12px;
	font-size: 12px;
	text-align: left;
}

	#content table.basic td {
	border-left: 1px solid #DADADA;
	padding: 5px 5px;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
}

	#content table.basic tr.endgroup td {
	background: #EEF4F8;
}

	#content table.basic tr > td {
	border-left: none;
}

	#content table.basic tr > td + td {
	border-left: 1px solid #DADADA;
}
	/* END Table styles */
/* END Content */

#features.inner {
	background-color: #D4DBDF;
}

#features a { color: #57687A; }

#features .header {
	background-color: #8397AA;
	margin-top: 0;
}

#features li {
/*	border-bottom: 1px solid white; */
}

#features .icon {
	right: 5px;
	margin-top: 5px;
}


#content a.nav {
	color: #384047;
}

#content a.navon {
	color: #384047;
}
/* END Secondary Nav */

/*------------------------------------------------------------------------------- */
/*  New Styles & Manual Overrides Section  ( karri )                            */
/*------------------------------------------------------------------------------ */

/*  Manual overrides  (defined elsewhere in web.css, modified here to preserve history)  */
#sites li ul, #sites li li {
	width: 190px;
}

h2, h1 {
	font-weight: 700;
	color: #424242;
	margin: 10px 0 5px;
}

h1 {
font-size: 17px;
}

h2 {
font-size: 15px;
}
/*  END  Manual overrides */

/* New Styles */
a.openpopup {
	
	padding: 3px 19px 0 0;
}
a.openpdf {
	
	padding: 3px 19px 0 0;
}

a.openflash {
        
        padding: 3px 19px 0 0;
}

.yw {
	color: #947312;
}

.gy {
	color: #777777;
}

.rd {
	color: #990000;
}

.bl {
	color: #339966;
}



.rule {
	border-bottom: 1px solid #C4CED4;
	padding: 0 0 2px 0;
}
#content table.basic td.more {
	border-top: 1px solid #DADADA;
	padding: 5px 10px;
	text-align: right;
	font-size: 11px;
}

#content table.basic td.thumb {
	vertical-align: top;
}

#rcallout_content, #content .rcolumn {
	width: 50%;
	float: right;
	margin: 13px 0 13px 16px;
}

.rcolumn blockquote {
	
	/*border-top: 6px solid #8CBAD9; */
}

.tiny {
	font-size: 11px;
	color: #777777;
	background: transparent;
}

#content *.top {
	font-size: 10px;
	float: right;
	margin: 0;
	padding-left: 11px;
	
}

#content dt {
	font-weight: 700;
	font-size: 10pt;
	margin-top: 10px; 
	padding-top: 5px;
}

#content dl {
	margin: 0 0 20px 12px;
}

#content dd {
	margin: 4px 0 4px 10px;
}

/* styles for in page components */
 .features    {background: #ECF2F9; border: 0; border-collapse: collapse;}
 .features td {border: 1px solid #FFFFFF; padding: 10px;}
/* Don't know who added these last two styles! (karri) */


/* ************************************************************* */
/* MODIFICATION FOR HOME PAGE WITH NEW PLUG IN Cameron */

#top_news {
	text-align: left;
	width: 100%;
	margin: 0 6px 0 6px;
	_margin: 0 6px 0 6px;
	float: left;
}

ul.news_column {
	padding: 0;
	list-style-type: none;
	margin: 8px 0 0 0;
}

ul.news_column li {
	display: block;
	width: 100%;
	margin: -1px 0;
	padding: 8px 0;
	border-top: 1px solid #CACAC9;
	border-bottom: 1px solid #CACAC9;
}

ul.news_column a {
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: -8px 0;
	color: #339966;
}

ul.news_column a:hover {
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: -8px 0;
	background: #EFF7FF;
}

ul.news_column a p.date {
	margin: 0;
	padding: 0;
	color: #A9AAAA;
}

ul.news_column a p.author {
	margin: 0;
	padding: 0;
}

ul.news_column a p.link {
	margin: 0 21px 0 0;
	padding: 0;
}

#shaded_columns {
	color: #666666;
	background-color: #EEEFF0;
	border-collapse: collapse;
	border: 1px solid #D4DBDF;
	border-top: 6px solid #8CBAD9; 
	margin: 10px 0;
	vertical-align: top;
	padding: 1em 1.5em;
	font-size:11px;
	float: left;
	width: 510px;
	_width: 525px;

}



/* MainPageShowcase Table */

#MainPageShowcase {
	padding: 0;
	text-align: left;
	margin: 10px 21px 10px 21px;
	_margin: 9px 11px 9px 11px;
}

#MainPageShowcase *.image {
	vertical-align: top;
	padding: 10px 10px 0 0;
}

#MainPageShowcase *.description {
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	text-align: justify;
}

#MainPageShowcase *.description p {
	font-size: 11px;
	text-align: justify;
}

#MainPageShowcase.plain *.image {
	border-top: 0;
	border-right: 0;
}

#MainPageShowcase.plain *.description {
	border-top: 0;
}

#MainPageShowcase th {
	color: #454545;
	height: 28px;
	padding: 0 12px;
	font-size: 12px;
	text-align: left;
}

#MainPageShowcase h4 a {
	color: #000000;
}

/* End MainPageShowcase Table */

#Bottom_Border_TD {
	text-align: justify;
	/*border-bottom: 1px solid #C1BFBF;*/
}

#Left_Right_Border_TD {
	border-top: 1px solid #C1BFBF;
	vertical-align: top;
	text-align: justify;
	border-bottom: 1px solid #C1BFBF;
}

#Background_TD {
	text-align: justify;
	
}

div.customer_logo{
	margin: 0 25px 25px 25px;

	background: #F9FFF9;
}