*{
	margin: 0;
	padding: 0;
}
* body{
	font-size: x-small; /* For IE5/Win */
	font-size: small; /* For other IE versions */
}

body{
 font: small/1.2em Arial, Helvetica, sans-serif;
	color: #474646;
	margin: 0;
	padding: 0;	
	text-align: center;
	background: #fff url('main-bg.gif') repeat-x top left;
}

img {
	border: none;
}
a{
	color: #197cc9;
	text-decoration: underline;
	outline: none;
}
a:hover{
	color: #666;
	text-decoration: underline;
}

a:active {
	outline: none;
}


#wrapper{
 margin:0 auto;
 text-align: left; 
 width: 980px;
	font-size:92%;
}

#container{
	padding: 20px 20px 5px 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
	width: 940px;
	background: url('container-bg.gif') no-repeat top left;
	min-height: 470px;
	height: auto !important;
	height: 470px;
	line-height: 150%;
}

#container h1 {
	font-size: 160%;
	padding: 0 0 10px 0;
}

#container p {
	padding: 0 0 10px 0;
}

#container ol{
	padding: 0 0 10px 40px;
}


/*LOGO*/

/*Needs to be removed one code is fixed to not display logo in GlobalHeader*/
#hiddenLogo {
	position: absolute;
	visibility: hidden;
	height: 1px;
	top: 0;
	left 0;
	z-index: 10;
}

/* END */


#top {
	width: 100%;
}

#topContainer {
	 margin:0 auto;
	width: 980px;
}


/* HEAD LINKS */
#util{
	margin: 5px 0 0 0;
	padding: 0;
	width: 980px;
}


 
/*Site Navigation*/

.main-title {
	font-size: 156%;
	font-weight: bold;
}

/*Header Styles */

/*The width of these headers are variable and will fit with the container, but can only work with
  a white background. */

.hdr-main {
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-aqua-rt.gif') no-repeat right top;
	padding:0;	
	margin: 0;
	height: 34px;
	color: #fff;
}

.hdr-main span {
	float:left;
	background: url('hdr-aqua-fill-lt.gif') no-repeat left top;
	height: 25px;
	padding: 9px 0 0 15px;
}

.hdr-main a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;	
}

.hdr-main a:hover {
	color: #fff;
}

.hdr-alpha {
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-lime-rt.gif') no-repeat right top;
	padding:0;	
	margin: 0;
	height: 34px;
	color: #fff;
}

.hdr-alpha span {
	float:left;
	background: url('hdr-lime-fill-lt.gif') no-repeat left top;
	height: 25px;
	padding: 9px 0 0 15px;
}

.hdr-alpha a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.hdr-alpha a:hover {
	color: #fff;
}

.hdr-beta {
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-charcoal-rt.gif') no-repeat right top;
	padding: 0;	
	margin: 0;
	height: 34px;
	color: #fff;
}

.hdr-beta span {
	float:left;
	background: url('hdr-charcoal-fill-lt.gif') no-repeat left top;
	height: 25px;
	padding: 9px 0 0 15px;
}

.hdr-beta a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.hdr-beta a:hover {
	color: #fff;
}


.hdr-gamma {
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-granite-rt.gif') no-repeat right top;
	padding: 0;	
	margin: 0;
	height: 34px;
	color: #5a5a5a;
}

.hdr-gamma span {
	float:left;
	background: url('hdr-granite-fill-lt.gif') no-repeat left top;
	height: 25px;
	padding: 9px 0 0 15px;
}

.hdr-gamma a {
	color: #5a5a5a;
	text-decoration: none;
	cursor: pointer;	
}

.hdr-gamma a:hover {
	color: #5a5a5a;
}


.hdr-sub-nav {
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-charcoal-rt.gif') no-repeat right top;
	padding: 0;	
	margin: 0;
	height: 34px;
	color: #fff;
}

.hdr-sub-nav ul {
	float:left;
	background: url('hdr-charcoal-fill-lt.gif') no-repeat left top;
	height: 31px;
	padding: 5px 0 0 15px;
	 list-style: none;
}

.hdr-sub-nav ul li{
 float: left;
}

.hdr-sub-nav li a {
	color: #fff;
	 text-decoration: none;
	 font-weight: bold;
	 margin: 0 5px 0 0;
	 padding: 0;
	 cursor: pointer;
	 display: block;
	 height: 24px;
}

.hdr-sub-nav li a span {
	float: left;
	display: block;
	 padding: 3px 13px 5px 8px;
	 height: 21px;	
	 margin-left: 5px;
}

.hdr-sub-nav li:hover a {
	color: #fff;
	background: url('hdr-sub-nav-hover-lt.png') no-repeat left top;
}


.hdr-sub-nav li:hover a span {
	background: url('hdr-sub-nav-hover-rt.png') no-repeat right top;
	
}



/*The width of these headers adjust to the size of the content.  If certain width needs to be set 
  a width in the span tag.  This is will work on any color background.  */
.hdr-var-main {
	clear: both;
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-aqua-lt.png') no-repeat left top;
	padding:0 0 0 10px;	
	margin:0 5px 0 0;
	height: 34px;
	color: #fff;
}

.hdr-var-main span {
	float:left;
	background: url('hdr-aqua-rt.png') no-repeat right top;
	height: 25px;
	padding: 9px 18px 0 6px;
}

.hdr-var-alpha {
	clear: both;
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-lime-lt.png') no-repeat left top;
	padding:0 0 0 10px;	
	margin:0 5px 0 0;
	height: 34px;
	color: #fff;	
}

.hdr-var-alpha span {
	float:left;
	background: url('hdr-lime-rt.png') no-repeat right top;
	height: 25px;
	padding: 9px 18px 0 6px;
}


.hdr-var-beta {
	clear: both;
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-charcoal-lt.png') no-repeat left top;
	padding:0 0 0 10px;	
	margin:0 5px 0 0;
	height: 34px;
	color: #fff;	
}

.hdr-var-beta span {
	float:left;
	background: url('hdr-charcoal-rt.png') no-repeat right top;
	height: 25px;
	padding: 9px 18px 0 6px;
}

.hdr-var-gamma {
	clear: both;
	font-weight: bold;
	font-size: 100%;
	background: url('hdr-granite-lt.png') no-repeat left top;
	padding:0 0 0 10px;	
	margin:0 5px 0 0;
	height: 34px;
	color: #5a5a5a;	
}

.hdr-var-gamma span {
	float:left;
	background: url('hdr-granite-rt.png') no-repeat right top;
	height: 25px;
	padding: 9px 18px 0 6px;
}


/*Button Styles */

.purchase-options {
	padding: 0;
	margin: 0;
}

.btn-main, .btn-alpha, .btn-beta, btn-gamma {
}

.btn-stack .btn-main, .btn-stack .btn-alpha, .btn-stack .btn-beta, .btn-stack .btn-gamma {
	clear: both;
}

.purchase-options .btn-main, .purchase-options .btn-alpha, .purchase-options .btn-beta {
	float: left;
}

.btn-main a {
	float: left;
	background:url('btn-lime-lt.png') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	padding:0 0 5px 10px;
	color: #fff;
}
.btn-main a span {
	float:left;
	display:block;
	background:url('btn-lime-rt.png') no-repeat right top;
	height: 21px;
	padding: 5px 18px 0 6px;
	line-height: 116%;	
}

.btn-main a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background-position:0% -52px;
}

.btn-main a:hover span {
	background-position:100% -52px;
}

.btn-alpha a {
	float: left;
	background:url('btn-aqua-lt.png') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	padding:0 0 5px 10px;
	color: #fff;	
}
.btn-alpha a span {
	float:left;
	display:block;
	background:url('btn-aqua-rt.png') no-repeat right top;
	height: 21px;
	padding: 5px 18px 0 6px;
	line-height: 116%;	
}

.btn-alpha a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background-position:0% -52px;
}

.btn-alpha a:hover span {
	background-position:100% -52px;
}

.btn-beta a {
	float: left;
	background:url('btn-charcoal-lt.png') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	height: 21px;
	padding:0 0 5px 10px;
	color: #fff;	
}
.btn-beta a span {
	float:left;
	display:block;
	background:url('btn-charcoal-rt.png') no-repeat right top;
	height: 21px;
	padding: 5px 18px 0 6px;	
	line-height: 116%;	
}

.btn-beta a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background-position:0% -52px;
}

.btn-beta a:hover span {
	background-position:100% -52px;
}


/*Tabs*/
#subNav {
	clear: both;
	float: left;

}
#subNav ul {
	margin:0 0 0 8px;
	padding: 5px 0 0px 0;
	list-style:none;
}
#subNav li {
	display:inline;
	margin:0;
	padding:0;
	
}
#subNav a {
	float:left;
	background:url("navTabs_lt.gif") no-repeat left -54px;
	margin: 7px 2px 0 0;
	padding:0 0 0 7px;
	text-decoration:none;
	font-weight:bold;
}
#subNav a span {
	float:left;
	display:block;
	background:url("navTabs_rt.gif") no-repeat right -54px;
	padding:10px 15px 5px 6px;
	font-weight:bold;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subNav a span {
	float:none;
}
/* End IE5-Mac hack */
#subNav a:hover span {
	color:#fff;
	cursor: pointer;	
}
#subNav a:hover {
	background-position:left -108px;
	font-weight:bold;
	cursor: pointer;
}
#subNav a:hover span {
	background-position:right -108px;
	color: #666;
	cursor: pointer;	
}

/*Example on how to use the onstate.  Add an id to the body such as id="overview" and make sure all li has an id assigned such as #navOverview.
#overview #navOverview a, #features #navFeatures a, #benefits #navBenefits a {
	margin: 0 2px 0 0;
	background-position:left 0px;
	font-weight:bold;
}
#overview #navOverview a span, #features #navFeatures a span, #benefits #navBenefits a span {
	background-position:right 0px;
	color: #fff;
	padding:13px 15px 9px 6px;
}
*/

/* Rounded Bucket Containers */

.bucket-container {
	position: relative;	
}

.bucket-container-icon .hdr-main span {
	padding-left: 35px;
}
.bucket-container .hdr-main, .bucket-container .hdr-alpha, .bucket-container .hdr-beta, .bucket-container .hdr-gamma  {
	margin:0 5px 0 0 !important;
}

.bucket-container-icon .bucket-hdr-icon {
	position: absolute;
	z-index: 21;
	top: 5px;
	padding: 5px 5px 0 15px;
}



.bucket-container .bucket-hdr-abs {
	position: absolute;
	z-index: 20;
	top: 5px;
	padding: 0 5px 0 5px;
}

.bucket-container .bucket-content {
	padding: 35px 10px 0 20px;
}

/* Set width of hdr-main container to fix desired size.  Here is an example 

.bucket-container .bucket-hdr-width {
	width: 913px;
}

*/

.bucket-top {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	background: url('bucket-top-rt.gif') top right no-repeat;
}

.bucket-top span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('bucket-top-lt.gif') top left no-repeat;
}

.bucket-content {
	border-left: 1px solid #e5e4e4;
	border-right: 1px solid #e5e4e4;}

.bucket-grad-top {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	background: url('bucket-top-grad-rt.gif') top right no-repeat;
}

.bucket-grad-top span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('bucket-top-grad-lt.gif') top left no-repeat;
}

.bucket-grad-content {
	border-left: 1px solid #e5e4e4;
	border-right: 1px solid #e5e4e4;
}

.bucket-grad-content-in {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: url('bucket-content-grad-bg.gif') top left repeat-x;
	padding: 0 10px 0 10px;
}


.bucket-btm {
	clear: both;
	display: block;
	marin: 0;
	padding: 0;
	background: url('bucket-btm-rt.gif') top right no-repeat;
}

.bucket-btm span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('bucket-btm-lt.gif') top left no-repeat;
}

.rounded-container-top {
	clear: both ;
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	background: url('bucket-top-rt.gif') top right no-repeat;
	overflow: hidden;
}

.rounded-container-top span{
	display: block;
	margin: 0;
	height: 10px;
	background: url('bucket-top-lt.gif') top left no-repeat;
}

.rounded-container-content {
	border-left: 1px solid #e5e4e4;
	border-right: 1px solid #e5e4e4;
	padding:5px 15px 0 15px;
}


.rounded-container-btm {
	clear: both;
	display: block;
	marin: 0;
	padding: 0;
	background: url('bucket-btm-rt.gif') top right no-repeat;
}

.rounded-container-btm span{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	background: url('bucket-btm-lt.gif') top left no-repeat;
}


#footer {
	float: left;
	width: 980px;
	margin-bottom: 5px;
}

#footer #footer-top {
		background: url('ftr-top-trim.gif') no-repeat top left;
		height: 10px;
		overflow: hidden;
}

#footer #footer-content {
		background: #5a5a5a;
}

#footerLinks{
	position: relative;
	padding: 5px 0 5px 15px;
	background-image:url(buttomlogo.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#footerLinks ul{
	list-style-type: none;
}
#footerLinks li{
	display: inline;
	padding: 0 7px 0 7px;
}

#footerLinks li.ftrPressReleases, #footerLinks li.ftrAbout, #footerLinks li.ftrPrivacy, #footerLinks li.ftrLegal, #footerLinks li.ftrContact {
	border-right: 1px solid #fff !important;
}

#footerLinks li.ftrPressReleases {
	padding-left: 0;
}

#footerLinks li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#footerLinks p{
	padding-top: 5px;
	color: #cfcfcf;
	font-size: 93%;
}
#footerLinks p a{
	color: #cfcfcf;
	text-decoration: none
}

#footer #footer-bottom {
		background: url('ftr-btm-trim.gif') no-repeat top left;
		height: 10px;
}

.clear {
	clear: both;
}

.nofloat {
	float: none;
}

#disclaimer {
	padding: 10px 0 0 0;
}

#disclaimer p{
	margin: 0;
	padding: 0 0 5px 0;
	color: #999;
	font-size: 90%;
}


/* clearfix */
.clearfix:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	 height: 0;  
}  

.clearfix {  
	 display: inline-block;  
}  

 html[xmlns] .clearfix {  
   display: block;  
}  
  
* html .clearfix {  
	 height: 1%;  
}