/* Clickfox CSS */
/* 007381 */
/* Reset default positioning values */

@import "/css/reset.css";
/*************** Layout */


html, body {
	/*background: #ffffff url('/image/bg.jpg') center top repeat;*/
}

.clickable {
	cursor:pointer;	
}

div.spacer {
	clear:both;
	margin-bottom:5px;	
}

#wrapper {
	width:986px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	visibility:hidden;
}
#wrapperOuter {
	float: left;
	display: inline;
	width: 976px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-bottom:15px;
	background-color: white;
	border:1px solid #d7d7d7!important;
}
#wrapperInner {
	float: left;
	display: inline;
	width: 976px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#header {
	width: 960px;
	height: auto;
	margin: 0px;
	padding:0px;
}

#logo {
	float: left;
	margin: 0px;
	width: 400px;
	height: auto;
}

#tagline {
	float: right;
	width: 400px;
	height: auto;
	margin: 40px 14px 0px 0px;
	text-align: right;
}

#tagline img {
	padding:0px;
	margin:0px; 
	border:none;
	display:inline;
}

#tagline #submitNewsletter {
	padding:0px;
	margin: 3px 0px -3px 4px; 
	border:none;
	display:inline;
	float:right;
}

#tagline a img {
	display:inline;
	padding:0px;
	margin:0px; 
	border:none;
}
	

#tagline input.text {
	width:160px;
	height:15px;
	color:#f60;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	padding: 4px 0px 2px 8px;
	border:#ddd 1px solid;
	margin: 3px 0px 0px 0px;
}


/*************** Nav (Basic Layout) */

#nav {
	float: left;
	display: inline;
	width: 976px;
	height: auto;
	margin: 0px 0px 0px 7px;
	/*background: url('/image/nav_bg.gif') repeat-x;*/
	z-index: 1;	
}

#nav ul {
	width: 976px;
	height: 30px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}
#nav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 1;
}

#nav ul li.left {
	float: left;
	display: none;
	width: 0px;
	height: 30px;
	background: url('/image/nav_left.gif') left top no-repeat;
}
#nav ul li.right {
	float: right;
	display: none;
	width: 0px;
	height: 30px;
	background: url('/image/nav_right.gif') left top no-repeat;
}

#nav ul li img.inactive {
	position: absolute;
	top: 31px;
	z-index: 2000;
}
#nav ul li img.active {
	position: absolute;
	top: 31px;
	z-index: 2001;
}
/*************** Nav (Link Styles) */

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {
	display: block;
	position: relative;
	width: auto;
	height: 33px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #666666;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 200; /* This line resolved the IE7 z-index bug! */
}

#nav ul li#navSolu a {
	width: 139px;
	background-image: url('/image/main_nav_01.gif');
}
#nav ul li#navPart a {
	width: 120px;
	background-image: url('/image/main_nav_02.gif');
}
#nav ul li#navCust a {
	width: 120px;
	background-image: url('/image/main_nav_03.gif');
}
#nav ul li#navReso a {
	width: 120px;
	background-image: url('/image/main_nav_04.gif');
}
#nav ul li#navAbou a {
	width: 120px;
	background-image: url('/image/main_nav_05.gif');
}
#nav ul li#navCont a {
	width: 120px;
	background-image: url('/image/main_nav_06.gif');
}

#nav ul li#navBenc a {
	width: 221px;
	background-image: url('/image/main_nav_07.gif');
}

/* top level navigation rollover styles */
#nav ul li#navSolu a:hover {
	width: 139px;
	background-image: url('/image/main_nav_01-over.gif');
}
#nav ul li#navPart a:hover {
	width: 120px;
	background-image: url('/image/main_nav_02-over.gif');
}
#nav ul li#navCust a:hover {
	width: 120px;
	background-image: url('/image/main_nav_03-over.gif');
}
#nav ul li#navReso a:hover {
	width: 120px;
	background-image: url('/image/main_nav_04-over.gif');
}
#nav ul li#navAbou a:hover {
	width: 120px;
	background-image: url('/image/main_nav_05-over.gif');
}
#nav ul li#navCont a:hover {
	width: 120px;
	background-image: url('/image/main_nav_06-over.gif');
}

#nav ul li#navBenc a:hover {
	width: 221px;
	background-image: url('/image/main_nav_07-over.gif');
}


#nav ul li a span {
	display: none;
}

#nav ul li ul {
	float: none;
	position: absolute;
	left: -1px; /* Set 1px less than menu width */
	top: 32px;
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	width: 180px; /* Width of Menu Items */
  	height: auto;
	display: none;
	*opacity: 0.95;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
}
#nav ul li#navSolu ul {
	left: 20px;
}
#nav ul li#navPart ul {
	left: 0px;
}
#nav ul li#navCust ul {
	left: 0px;
}
#nav ul li#navAbou ul {
	left: 0px;
}
#nav ul li#navReso ul {
	left: 0px;
}

#nav ul li#navCust ul {
	left: 0px;
}

#nav ul li#navBench ul {
	left: 0px;
}


#nav ul li ul.dd1,
#nav ul li ul.dd2,
#nav ul li ul.dd3,
#nav ul li ul.dd4, 
#nav ul li ul.dd5,
#nav ul li ul.dd6 {
	background: #eee;
	border: #999 1px solid;
}
#nav ul li ul li {
	float: none;
	margin: 0px;
	background:#eee;
}
/*************** Nav (Dropdown Link Styles) */


#nav ul li ul li a,
#nav ul li ul li a:link, 
#nav ul li ul li a:visited, 
#nav ul li ul li a:active, 
#nav ul li ul li a span {
	display: block;
	width: 165px;
	height: auto;
	color: #360;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	border:none; /*#999 1px solid;*/
	border-left:0px;
	background:#eee;
	background-image:none;
	text-align:left;
	padding-left:15px;
}
#nav ul li#navHome ul li a, 
#nav ul li#navSolu ul li a, 
#nav ul li#navPart ul li a, 
#nav ul li#navCust ul li a, 
#nav ul li#navReso ul li a, 
#nav ul li#navAbou ul li a, 
#nav ul li#navCont ul li a {
	width: 165px;
	background:#555;
	background-image:none;
	color:#fff;
}


/*************** Nav (Hover Styles) */

#nav ul li a.here,
#nav ul li a.here:link, 
#nav ul li a.here:visited, 
#nav ul ul li a.here:link, 
#nav ul ul li a.here:visited {
	color: #f60;
	font-style:normal;
	font-weight:normal;
	text-decoration: none;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #666666;
	background-position: bottom;
}

#nav ul li ul li a:hover, 
#nav ul li#navHome ul li a:hover, 
#nav ul li#navSolu ul li a:hover, 
#nav ul li#navPart ul li a:hover, 
#nav ul li#navCust ul li a:hover, 
#nav ul li#navReso ul li a:hover, 
#nav ul li#navAbou ul li a:hover, 
#nav ul li#navCont ul li a:hover {
	color: #f60;
	font-weight:normal;
	text-decoration: none;
	background:#eee;
	text-align:left;
	padding-left:15px;
	width:165px;
	border: none; /*#fff 1px solid;*/
}
/*************** Nav (Fix IE. Hide from IE Mac) */

* html body #nav ul li {
	float: left;
	height: 1%;
	z-index: 1;
}
* html body #nav ul li ul li {
	float: left;
	height: 1%;
	z-index: 150;
}
* html body #nav ul li a {
	height: 1%;
	z-index: 1;
}
* html body #nav ul li ul li a {
	height: 1%;
	z-index: 150;
}
/*************** Nav (The Magic) */



#nav ul li:hover ul, 
#nav ul li a:hover ul, 
#nav ul li.over ul {
	display: block;
}

/*************** Content */

div.content {
	float: left;
	display: inline;
	width: 976px;
	height: auto;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	min-height: 400px;
	height: auto !important;
}
div.content.branded.green {
	background: url('/image/content_bg_green.jpg');
}
#branding {
	float: left;
	display: inline;
	width: 700px;
	height: 70px;
	margin: 15px 0px 0px 35px;
}
/*************** Homepage */



#home {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	margin: -6px 10px 12px 10px;
	
}

#home #home_banner {
	margin: 0px 0px 0px 17px;
	border:#ccc 1px solid;
	padding: 0px;
	height:297px;
	width: 918px;
	background:url(../image/home_flash_back.jpg) no-repeat;
}

#homeBuckets {
	float: left;
	display: inline;
	width:976px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 14px 34px 0px 34px;
	
}
div.bucket {
	float: left;
	display: inline;
	width: 180px;
	height: auto;
	margin: 8px 38px 0px 0px;
}
div.bucket.last {
	margin: 0px;
}
div.bucket h1, div.bucket h2, div.bucket h3, div.bucket h4, div.bucket p, div.bucket div.list {
	width: 180px;
	margin-bottom:8px;
}

div.bucket h3 {
	text-transform:uppercase;
	color:#666;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}

div.bucket h1.h2 {
	/*border-bottom: solid 1px #cccccc;*/
  	margin: 0px 0px 8px 0px;
}

div.bucket p.h2 {
	/*border-bottom: solid 1px #cccccc;*/
  	margin: 0px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
div.bucket p.h2 img {
	float: left;
	margin: 0px;
	padding: 0px;
}
div.bucket p.h2 a {
	text-decoration: none;
	line-height: 12px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	letter-spacing: 0px;
}
div.bucket p.h2 a:hover, div.bucket p.h2 a:active {
	text-decoration: underline;
}
div.bucket div.items {
	float: left;
	display: inline;
	width: 180px;
	height: 208px;
	margin: 10px 0px 8px 0px;
	padding: 0px;
}
div.bucket div.items p.text {
	height:50px;
}
div.bucket div.items a:link, div.bucket div.items a:visited {
	font-weight: bold;
	text-decoration: none;
}
div.bucket div.items a:hover, div.bucket div.items a:active {
	text-decoration: underline;
}
div.bucket div.items a.grey:link, div.bucket div.items a.grey:visited {
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}
div.bucket div.items a.grey:hover, div.bucket div.items a.grey:active {
	text-decoration: underline;
	color: #333333;
}
div.bucket div.items div.bottom {
	float: left;
	display: inline;
	width: 180px;
	height: 4px;
	line-height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
div.bucket div.items.light {
	
}
div.bucket div.item.light {
	
}
div.bucket div.item.dark {
	
}
div.bucket div.item.light div.bottom {
	
}
div.bucket div.item.dark div.bottom {
	
}

div.bucket div.items p.icon {
	float: left;
	display: inline;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 15px;
	font-size: 11px;
	line-height: 14px;
	color:#f60;
	background: url('/image/home_bucket_bg.gif') repeat-y;
	border-bottom:#e0e1e3 1px solid;
}

div.bucket div.items p.icon a {
	color:#f60;
	font-weight:normal;
	text-decoration:none;
}

div.bucket div.items p.icon i {
	color:#360;
	text-transform:uppercase;
	font-style:normal;
}

div.bucket div.items p.icon span, 
div.bucket div.items p.text span {
	color:#f60;
	margin-left:2px;
}
div.bucket div.items p.icon img {
	margin: 5px 0px 6px 2px;
}
div.bucket div.items p.text {
	float: left;
	display: inline;
	width: 160px;
	margin: 6px 0px px 0px;
	padding: 3px 0px 0px 15px;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
}

div.bucket div.items p.viewall, div.bucket div.items p.viewall a {
	float: left;
	display: inline;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	color:#f60;
	text-transform:uppercase;
	font-weight:normal;
}

div.bucket div.items p.assettext {
	float: left;
	display: inline;
	width: 258px;
	margin: 10px 10px 6px 10px;
	padding: 0px 1px 0px 0px;
	line-height: 16px;
	text-align: left;
	font-size:11px;
	font-weight:bold;
}
div.bucket div.button {
	float: left;
	display: inline;
	width: 258px;
	height: 30px;
	padding: 9px;
	margin: 0px 0px 8px 0px;
	background: url('/image/home_button_bg.gif') no-repeat;
}
div.bucket div.button img.floatLeft, div.bucket div.button img.floatRight {
	margin: 0px;
}
div.bucket div.button input.text {
	float: left;
	display: inline;
	width: 134px;
	height: 16px;
	line-height: 16px;
	margin: 8px 6px 0px 0px;
}
div.bucket div.button input.image {
	float: left;
	display: inline;
	margin: 8px 0px 0px 0px;
	border: 0px;
}
div.bucket div.button.tall {
	float: left;
	display: inline;
	width: 258px;
	height: 44px;
	padding: 9px;
	background: url('/image/home_button_bg_tall.gif') no-repeat;
}
div.bucket div.button.tall img.floatLeft {
	margin: 2px 0px 0px 0px;
}
/*************** Left Nav */



#leftNav {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
	width: 113px;
	height: auto;
	margin: 17px 0px 0px 20px;
	background: #fff;
}
#leftBlank {
	float: left;
	display: inline;
	width: 113px;
	height: 172px;
	margin: 2px 0px 0px 18px;
}

#leftNav h2 {
	width: auto;
	font-size:14px;
	margin: 10px 10px 0px 10px;
	padding: 0 0 0px 0;
	text-transform:uppercase;
  	color: #360;
	font-weight:normal;
}

#leftNav h2 hr {
	display:none;	
}
#leftNav h2 a, 
#leftNav h2 a:visited, 
#leftNav h2 a:active {
	text-transform:uppercase;
	color: #360;
	text-decoration: none;
}

#leftNav h2 a:hover {
	color: #360;
	text-decoration: underline;
}

#leftNav div.list {
	width: 113px;
	margin: 0px 0px 0px 1px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	text-transform:uppercase;
	font-size:9px;
}

#leftNav div.list ul {
	width: 113px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#leftNav div.list ul li {
	width: 113px;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#leftNav div.list ul li a:link, 
#leftNav div.list ul li a:visited {
	float: left;
	display: inline;
	width: 113px;
	height: auto;
	padding: 2px 10px;
	margin: 2px 1px 4px 1px;
	text-decoration: none;
	color: #333;
	font-size:11px;
	line-height:10pt;
	
}
#leftNav div.list ul li a.here,
#leftNav div.list ul li a.here:link, 
#leftNav div.list ul li a.here:visited, 
#leftNav div.list ul li a:active {
	/*background: #eeeeee;*/
	color: #f60;
	text-decoration: none;
}

#leftNav div.list ul li a:hover {
	/*background: #eeeeee;*/
  	color: #f60;
	text-decoration: none;
}
#leftNav div.list ul li ul li a:link, 
#leftNav div.list ul li ul li a:visited {
	color:#333;
	width: 113px;
	padding:0px 0px 0px 16px;
	font-size:8pt;
	font-weight:normal;
	text-transform:capitalize;
	text-decoration:none;
}
#leftNav div.list ul li ul li a:hover {
	color:#f60;
	font-style:normal;
}

#leftNav i {
	font-family:Arial, Helvetica, sans-serif;
	color:#f60;
	font-weight:bold;
}

/*************** DEMO Main Content Area */



#demomain {
	float: left;
	display: inline;
	width: 797px;
	height: 448px;
	margin: 15px 0px 10px 15px;
	padding: 0px;
	background:url(/image/demo_flash_loading.jpg) #efefef;
	border: 1px solid #dddddd;
	min-height: 448px;
}

#roimain {
	float: left;
	display: inline;
	width: 900px;
	height: auto;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	background-color:#fff;
	border:none;
}

#printablemain {
	float: left;
	display: inline;
	width: 750px;
	height: auto;
	margin:0px;
	padding: 0px;
	background-color:#fff;
	border:none;
}

/*************** Main Content Area */



#main {
	float: left;
	display: inline;
	width: 560px;
	height: auto;
	margin: 15px 0px 10px 15px;
	padding: 12px 20px 20px 20px;
	background-color:#efefef;
	border: 1px solid #dddddd;
	font-size:12pt;
	min-height: 790px;
	font-family: Arial, helvetica, sans-serif;
}



#main #tabmenu ul li {
	float:left;
	display:inline;
	width:auto;
	margin:0px;
	padding:0px;
}

#main #tabmenu ul li a img {
	text-decoration:none;
	margin: -10px -10px -10px 0px;
}

#main #tabmenu ul li a {
	margin:10px 10px 10px 0px;
}

#main h1, 
#main h2, 
#main h3, 
#main h4, 
#main p, 
#main div.list {
	width: 560px;
	color:#333;
}

#main h1 hr {
	color:#ddd;	
}

#main h1 a {
	color:#333;
	text-decoration:none;
}

span.sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;	
	bottom: 0.95ex;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-style:italic;
	font-size:x-small;
}

#main h1 a:hover {
	text-decoration:underline;
}
	
#main p {
	font-size:10pt;
	color:#333;
	line-height:16px;
	font-family: Arial, helvetica, sans-serif;
}

#main p.pr_title, 
#main p.ev_title, 
#main p.news_title {
	
	margin: 10px 0px 10px 0px;
	font-weight:bold;
}

#main p img.product_thumb {
	float:right;
	margin-left:30px;
	margin-bottom:20px;
	
}

#main h1 {
	margin: 0 0 10px 0px;
	font-size:11pt;
	font-weight:normal;
	text-transform:uppercase;
}
#main blockquote {
	width: 510px;
	padding: 10px;
}
#main blockquote p {
	width: 510px;
	margin: 0px;
	padding: 0px;
}
#main p ul li {
	width:510px;
	float:left;
	margin: -10px 0px 0px 20px;
}
#main ul {
	width:510px;
	float:left;
	margin:0px 0px 10px 20px;
}
#main p.indented {
	width: 480px;
	padding-left: 25px;
	padding-right: 25px;
}

#main span.details a {
	color:#333;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	line-height:8pt;
	margin:0px;
	padding:0px;
}

#main span.details a.toggle div , #main span.details a.opened div  {
	min-height:14px;
	height:auto;
	padding: 2px 0px 6px 10px;
	margin: 2px 0px 2px 0px;
	border-bottom:1px solid #d8d9d9;
	background:url(/image/details_bg.gif) repeat-y;	
	cursor:pointer;
	line-height: 10pt;
}

#main span.details a.opened div {
	color:#f60;
}

#main span.details a.toggle img {
	background:none;
}

#main span.details a:hover {
	/*text-decoration:underline;*/
}

#main span.details a:hover img {
	text-decoration:none;
}

#main span.details i.position {
	font-size: 12px;
	color: #333;
	font-style:normal;
	width:350px;
	margin-left: 6px;
}

#main span.details i.shortsummary {
	font-size: 12px;
	color: #333;
	font-style:normal;
	width:350px;
	margin-left: -6px;
	text-transform:none;
	line-height:auto;
}

#main span.details a.toggle div i.position, #main span.details a.opened div i.position {
	margin-left: 0px;
	text-transform:none;
	line-height:15px;
}

#main span.details div.spacer {
	margin-bottom:10px;
}

#main span.details p a {
	color:#360;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	text-decoration:underline;
	font-weight:normal;
}

#main span.details a img {
	margin-left:5px;
	text-decoration:none;
}

#main span.details h3, #main h3{
	font-size:16pt;
	color:#360;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:15px;
	line-height:18pt;
}

#main h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#360;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:15px;
	line-height:12pt;
	width:auto;
}

#main h3 {
	margin-bottom:20px;	
}

#main h3.learnmore {
	font-size:10pt;
	color:#333;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:10px;
	font-family: Arial, helvetica, sans-serif;
}

#main span.details ul li, #main div.indented div.list ul li {
	list-style:url(/image/orange-bullet.gif);
	line-height:12pt;
	font-size:10pt;
	padding-left: 10px;
	color:#333;
}

#main span.details span.annotate {
	float:right;
	width:159px;
	height:auto;
	border:#ddd 1px solid;
	font-size:10pt;
	color:#333;
	font-weight:normal;
	margin-top:5px;
	background:url(/image/solutions_bg.gif) repeat-y;
	padding:10px 10px 10px 15px;
	margin-left:3px;
	margin-bottom:0px;
	font-size:9pt;
	line-height:12pt;
}

#main span.details span.annotate b {
	float:right;
	text-align:right;
	color:#333;
	font-style:normal;
	font-size:8pt;
	font-weight:normal;
	width:135px;
	margin-right:5px;
}

#main span.details span.annotate b i {
	font-style:italic;
	overflow:auto;
}

#main span.details div.button_link {
	width:auto;	
	margin-left: -5px;
	margin-top:10px;
}

#main span.details div.button_link.text_link, div.button_link.text_link {
	border:1px #f60 solid;
	background:url(/image/button_bg.jpg) repeat-y #f4ddcd;
	width:auto;
	padding: 5px 10px 5px 15px;
	height:auto;
	margin:10px 0px 0px 0px;
	float:left;
	cursor:pointer;
}

div.button_link.text_link a {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:normal;
}

#main span.details div.button_link a, div.button_link a {
	width:auto;
	padding:0px;
	float:left;
	cursor:pointer;
	
}

#main span.details div.button_link a:hover, div.button_link a:hover {
	color:#f60;
	cursor:pointer;
	text-decoration:none;
}

/*************** Callout */

#callout {
	float: right;
	display: inline;
	width: 173px;
	height: auto;
	margin: 0px 38px 0px 0px;
	padding: 0px 10px 0px 0px;
}

#callout div.item {
	width: 150px;
	padding: 10px 10px 10px 15px;
	margin:15px;
	margin-bottom:20px;
	height: auto;
	background: url('/image/callout_item_bg.gif') repeat-y;
	border:#ccc 1px solid;
	font-size:9pt;
	cursor:pointer;
}

#callout div.item span {
	font-size:16pt;
	color:#f60;
}

#callout div i {
	color:#f60;
	font-style:italic;
	font-weight:bold;
}

#callout div.item.quote {
	width: 150px;
	padding: 10px 10px 10px 15px;
	margin:15px;
	height: 400px !important;
	background: url('/image/callout_item_bg.gif') repeat-y;
	border:#ccc 1px solid;
	cursor:auto;
	font-size:9pt;
	min-height:400px;
	line-height:12pt;
	font-family: Arial, Helvetica, sans-serif;
}

#callout div.item.quote span {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:16pt;
	line-height:18pt;
	color:#360;
}

#callout div.item span {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#f60;
}

#callout div.item.quote #quoted {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#360;
	margin-top:5px;
	text-align:right;
	line-height:12pt;
	font-style:italic;
	overflow:auto;
}

#callout div.item div.space {
	margin-bottom: 8px;	
}


/*************** HOME Callout */



#home_callout {
	float: left;
	display: inline;
	width: 173px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

#home_callout div.item {
	width: 150px;
	padding: 15px 10px 15px 15px;
	margin:0px;
	margin-bottom:15px;
	height: auto;
	background: url('/image/callout_item_bg.gif') repeat-y;
	border:#ccc 1px solid;
	font-size:8pt;;
	cursor:pointer;
	line-height:10pt;
}

#home_callout div.item.graphic, #callout div.item.graphic {
	width: 150px;
	padding: 0px;
	margin-bottom:10px;
	height: auto;
	cursor:pointer;
	background:none;
	border:none;
}

#home_callout div.item span {
	font-size:16pt;
	line-height:18pt;
	font-weight:normal;
	color:#f60;
}

#home_callout div i {
	color:#f60;
	font-style:italic;
	font-weight:bold;
}

div.bucket div.item.quote {
	width: 242px;
	padding: 10px 20px 10px 15px;
	margin: -9px 0px 20px 15px;
	height: auto;
	background: url('/image/home_quote_bg.gif') repeat-y;
	border:#ccc 1px solid;
	cursor:auto;
	font-size:10pt;
	line-height:12pt;
	min-height: 320px;
}

div.bucket div.item.quote span {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:16pt;
	line-height:18pt;
	color:#360;
}

#home_callout div.item span {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#f60;
}

div.bucket div.item.quote #quotetext {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	font-size:14px;
	color:#666;
	margin:0px 20px 0px 40px;
	padding: 10px 0px 0px 0px;
	line-height:12pt;
	width:200px;
	height:auto;
	z-index:50;
}

div.bucket img.leftquote {
	margin-bottom:-30px;	
	float:left;
	width:41px;
	height:22px;
}

div.bucket img.rightquote {
	margin-top:-10px;
	margin-bottom: -10px;
	float:right;
	z-index:49;
}

div.bucket div.item.quote #quoted {
	font-family: Arial, Helvetica, sans-serif;
	width:190px;
	float:right;
	font-size:9pt;
	color:#360;
	font-style:italic;
	margin:15px 10px 0px 30px;
	text-align:right;
	line-height:11pt;
	height:40px;
	visibility:visible;
}

div.bucket div.item.quote div.space {
	margin-bottom: 8px;	
}


#home_callout div.item div.space {
	margin-bottom: 8px;	
}
/********** news form ******************/


#news_form {
	float: left;
	display: inline;
	font-size: 10px;
	font-family: tahoma, geneva, sans-serif;
}
#news_form span {
	float: left;
	display: inline;
	padding-top: 9px;
	padding-bottom: 3px;
}
/*************** Awards */



#main p.awardImage {
	width: 70px;
}
#main p.awardText img {
	float: left;
	display: block;
	margin: 0px 0px 90px 0px;
}

#main p.awardText div {
	font-size:10pt;
	color:#333;
	line-height:16px;
	font-family: Arial, helvetica, sans-serif;
	width:460px;
	margin:0px 0px 0px 20px;
	float:right;	
}
#main p.awardText {
	float: right;
	width: 100%;
	margin-bottom:60px;
	clear:both;
}
/*************** Resources */



#main p.resourceText a:hover {
	text-decoration:underline;
}
#main p.resourceText img {
	float: left;
	display: block;
	margin: 0px 10px 0px 0px;
}
#main p.resourceText {
}
#main div.resource_spacer {
	height:20px;
	margin: 10px 0px 10px 0px;
}
/*************** Footer */

#footer {
	float: left;
	display: inline;
	width: 938px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
	padding:10px 0px 10px 20px;
	margin: 0px 0px 0px 8px;
	color: #999;
	
	text-transform:uppercase;
}
#footer a:link, #footer a:visited, #footer span {
	color: #999;
	text-decoration: none;
	margin: 0px 7px;
}
#footer a:hover, #footer a:active {
	color: #999;
	text-decoration: underline;
}

#footer span.copyright {
	float:right;
	text-transform:capitalize;
}
/*************** Tags */



h1 {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	font-weight: bold;
	color:#F60;
	font-size: 18px;
	line-height: 22px;
	font-family: Myriad Pro, Arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
h2 {
	float: left;
	display: inline;
	clear: left;
	width: 976px;
	height: auto;
	font-size: 14px;
	font-weight:bold;
	line-height: 23px;
	font-weight: normal;
	color: #360;
	font-family: Myriad Pro, Arial, helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
}
h3 {
	float: left;
	display: inline;
	clear: left;
	width: 976px;
	height: auto;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #360;
	font-family: Myriad Pro, Arial, helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
}
h4 {
	float: left;
	display: inline;
	clear: left;
	width: 976px;
	height: auto;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #111111;
	font-family: Myriad Pro, Arial, helvetica, sans-serif;
	margin: 0px 0px 12px 0px;
}
p {
	float: left;
	display: inline;
	width: 976px;
	height: auto;
	margin: 0px 0px 12px 0px;
	line-height: 16px;
	font-family: Arial, helvetica, sans-serif;
}
a, a:link {
	color: #360;
}
a:visited {
	color: #360;
}
a:hover, a:active {
	/*color: #dd2200;*/

  text-decoration: underline;
}
blockquote {
	float: left;
	display: inline;
	width: 100%;
	height: auto;
	padding: 12px;
	margin: 0px 0px 12px 0px;
	color: #999999;
	font-size: 11px;
	line-height: 16px;
	background: #eeeeee;
}
strong {
	font-weight: bold;
	font-size: 12px;
}
em, em strong {
	font-style:oblique;
	display:inline-block;
	overflow:auto;
}
div.divider {
	float: left;
	display: inline;
	width: 90%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 2px 0px 2px 0px;
}
div.hr {
	float: left;
	display: inline;
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border-top: solid 1px #cccccc;
	margin: 4px 0px 10px 0px;
}
/*************** Lists */



div.list {
	float: left;
	display: inline;
	width: 961px;
	height: auto;
	margin: 0px 0px 12px 15px;
}
ul, ol {
	margin: 0px;
}
ul {
	list-style: disc;
	padding: 0px 0px 0px 18px;
}
ol {
	list-style: decimal;
	padding: 0px 0px 0px 28px;
}
ul li, ol li {
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
}
ul li ul {
	margin: 4px 0px;
	padding: 0px 0px 0px 18px;
}
ol li ol {
	list-style: lower-alpha;
	margin: 4px 0px;
	padding: 0px 0px 0px 18px;
}
ul li ul li, ol li ol li {
	font-size: 11px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
}
/*************** Column Layout */



.half {
	width: 50%;
}
.third {
	width: 33%;
}
.twoThirds {
	width: 67%;
}
.half h1, .half h2, .half h3, .half h4, .half p, .half div.list, .third h1, .third h2, .third h3, .third h4, .third p, .third div.list, .twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds p, .twoThirds div.list {
	width: 95%;
}
/*************** Tables */



table {
	float: left;
	clear: left;
	display: inline;
	width: 982px;
	height: auto;
	margin: 0px 0px 12px 0px;
}
table tr th {
	width: 182px;
	height: auto;
	font-weight: normal;
	padding: 8px 5px 5px 0px;
	vertical-align: top;
	line-height: 16px;
}
table tr td {
	width: 380px;
	height: auto;
	padding: 5px 5px 5px 0px;
	vertical-align: top;
	line-height: 16px;
}
table.email_form {
}
table.email_form tr th {
	width: 80px;
}
table.email_form tr td {
	width: 300px;
}
/*************** Forms */



input {
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	border: solid 1px #999999;
	background: #ffffff;
}
input.file {
	width: 308px;
	height: auto;
}
input.text {
	width: 300px;
	height: auto;
	padding: 1px;
}
input.city {
	width: 184px;
	height: auto;
}
input.zip {
	width: 50px;
	height: auto;
}
span.check {
	float: left;
	clear: left;
	display: inline;
	font-size: 12px;
	line-height: 16px;
}
span.check input {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	border: 0px;
	background: none;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
}
select {
	width: 308px;
	height: auto;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	padding: 1px;
	border: solid 1px #999999;
	background: #ffffff;
}
select.multiple {
	width: 308px;
	height: auto;
}
select.state {
	width: 50px;
	height: auto;
}
select.month {
	width: 80px;
	height: auto;
}
select.day {
	width: 50px;
	height: auto;
}
select.year {
	width: 80px;
	height: auto;
}
textarea {
	width: 300px;
	height: 150px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	padding: 1px;
	border: solid 1px #999999;
	background: #ffffff;
}
input.submit {
	width: auto;
	height: auto;
	margin: 0px 8px 0px 0px;
	padding: 3px 8px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #003366;
	font-weight: bold;
	text-align: center;
	background: #88bbdd;
	border: solid 1px #3388bb;
}
input.submit:hover {
	background: #336699;
	cursor: pointer;
}
button {
	margin: 0px;
	padding: 0px;
	background: none;
	border: 0px;
	cursor: pointer;
}
a.button, a.button:link, a.button:visited {
	width: auto;
	height: auto;
	margin: 0px 8px 0px 0px;
	padding: 4px 8px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #226699;
	font-weight: bold;
	text-align: center;
	background: #88bbdd;
	border: solid 1px #3388bb;
	text-decoration: none;
}
a.button:hover, a.button:active {
	background: #99ccee;
	text-decoration: none;
}
.error {
	float: left;
	display: inline;
	width: 450px;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	background: #ee9999;
	border: 1px solid #aa2222;
	padding: 5px;
	margin: 0px 0px 12px 0px;
}
.error h3 {
	float :none;
	display: block;
}
/*************** Generic Classes */



.floatLeft {
	float: left;
	display: inline;
}
.floatRight {
	float: right;
	display: inline;
}
img.floatLeft {
	float: left;
	display: inline;
	margin: 0px 8px 8px 0px;
}
img.floatRight {
	float: right;
	display: inline;
	margin: 0px 0px 8px 8px;
}
.centered {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.justify {
	text-align: justify;
}
.tiny {
	font-size: 10px;
	line-height: 16px;
}
.small {
	font-size: 11px;
	line-height: 16px;
}
.normal {
	font-size: 12px;
	line-height: 18px;
}
.medium {
	font-size: 14px;
	line-height: 20px;
}
.big {
	font-size: 16px;
	line-height: 22px;
}
.huge {
	font-size: 18px;
	line-height: 24px;
}
.black {
	color: #111111;
}
.orange {
	color: #f60;
}
.red {
	color: #360;
}
.form-error {
	color: #ff0000;
}
.blue {
	color: #ff6600;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.nobold {
	font-weight: normal;
}
/*************** Download Library */



.summary {
	display: none;
	margin: 10px 0 0 0;
	float:left;
	width:560px;
}


#download-item {
	margin-bottom: 8px;
}
#download-item .details {
	display: block;
	width:450px;
	float:right;
}
#download-item .icons {
	float: left;
}
#download-item .icons img {
	margin-right: 5px;
}

span.details {
	float:left;
	overflow:visible;
	width:auto;	
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

span.details p, 
span.details div.bold, 
span.details a div.details, 
span.details div.summary div {
	margin:0px 10px 10px 10px;
	width:auto;
}

span.details div.summary {
	width:530px;
	float:left;
	padding-left: 10px;
	margin-bottom:5px;
	padding-right:10px;
}
span.details div.summary p {
	width:530px;
	margin-left:0px;
}

span.details div.summary p img {
	margin-top:3px;
	float:none;
}

span.details a.download_link {
	color:#360;
	font-size:10px;
	text-transform:uppercase;
	font-style:normal;
}