H1{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #8a54a8;
	padding-bottom:10px;
	padding-top: 10px;
	border-bottom:1px solid #d0d8db;
	font-weight:normal;
	text-align:left;
}
H2{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #6d7077;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align:left;
}
H3{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #007199;
	text-align:left;
}
H4{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #9699a2;
	text-align:left;
}
p.headerbarGrey{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #007199;
    padding:6px;
    border:#d0d8db;
    background-color:#d0d8db;
    background-image: url(../../images/background/bg_header_grey.gif);
    background-position: left top;
    background-repeat: repeat-x;
    padding-left:5px;
    margin-bottom:0px;
	margin-top:0px;
}
body{
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 0px 0px 0px;
	text-align:justify;
	height: 100%;
}
a:link{
	color: #702c91;
}
a:hover{
	color: #0c7741;
}
a:active{
	color: #702c91;
}
a:visited{
	color:#702c91;
}
td{
	font-size:12px;
}
hr {
	color: #d1d8dc;
	size:1px;
}
input.button{
	font-size: 14px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: white;
	background-color:#702c91;
	border-top:1px solid #e9c0dd;
	border-left:1px solid #e9c0dd;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}
.tinytext{
	font-size:11px;
	color: #8a54a8;
}
a.breadcrumbs, breadcrumbs{
	font-weight:bold;
	color: #333333;
}

.popup{
	display:none;
}

/********* DIV BGs *************/
.halfwidth{
	/*width:360px;*/
	min-height:120px;
	width: 360px;
	background:url(../../images/background/bg_div_medium.png) no-repeat bottom center;
}
.thirdwidth{
	padding: 10px 10px 20px 10px; background:url(../../images/background/bg_div_small.png) no-repeat bottom center; min-height:120px;
}
.fullwidth{
	padding: 10px 10px 20px 10px; background:url(../../images/background/bg_div_long.png) no-repeat bottom center; min-height:120px;
}



/********* TESTIMONIALS *************/
 .testimonial_TL{
 	background:url(../images/background/bg_testimonial_TL.png) no-repeat bottom right; 
	width:13; 
	height:14px;
 }
.testimonial_TM{
 	background:url(../images/background/bg_testimonial_TM.png) repeat-x bottom left; 
	height:14px;
 }
.testimonial_TR{
 	background:url(../images/background/bg_testimonial_TR.png) no-repeat bottom left; 
	width:13; 
	height:14px;
 }
.testimonial_IND{
 	background:url(../images/background/bg_testimonial_indicator.png) no-repeat top right; 
	width:28;
	width:85px;
 }
.testimonial_CL{
 	background:#d5dcdf url(../images/background/bg_testimonial_CL.png) no-repeat top right; 
	width:13px;
 }
.testimonial_M{
 	background:#d5dcdf url(../images/background/bg_testimonial_M.png) repeat-x top left;
 }
.testimonial_CR{
 	background:#d5dcdf url(../images/background/bg_testimonial_CR.png) no-repeat top left;
	width:13px;
 }
.testimonial_BL{
 	background:url(../images/background/bg_testimonial_BL.png) no-repeat top right; 
	width:13px; 
	height:16px;
 }
.testimonial_BR{
 	background:url(../images/background/bg_testimonial_BR.png) no-repeat top left; 
	width:13px; 
	height:16px;
 }
.testimonial_IMAGE{
 	border:#007199 3px solid;
 }
 .testimonial_content{
 	height:140px; 
	min-width:100px; 
	font-size:11px;
}



/********* BIOS *************/
.bio{
	max-height:3.5em; 
	overflow:hidden;
}
.moreinfo{
	position:relative;
	bottom: 1em; 
	float:right; 
	height:14px; 
	padding-left:5px;
	padding-right:15px;
	background:#FFFFFF;
}


/******** Video LISTING *************/

a.vid{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #ffffff;
	text-decoration:none;
	cursor:pointer;
	display:block;
	text-align:left;
	padding: 3px 5px 3px 5px;
	margin:0px;
	border-bottom:1px solid #a079ae;
}
a:active.vid{
	color:#FFFFFF;
}
a:visited.vid{
	color: #a079ae;

}
a:hover.vid{
	background:#a079ae;
	color:#ffffff;

}


/******** ARTICLE LISTING *************/

a.article, ol.article, div.article{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #007199;
	text-decoration:none;
	cursor:pointer;
	display:block;
	text-align:left;
}
a.list_small{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6d7077;
	text-decoration:none;
	cursor:pointer;
	display:block;
	max-height:1.2em;
	overflow:hidden;
	text-align:left;
}
a.article{
	padding: 5px 10px 1px 10px;
}
a:hover.article, a:hover.list_small{
	background:#d1d8dc;

}
.article{
    font-size:12px;
    font-family:Arial, Helvetica;
	color: #000000;
	text-decoration:none;
}
.articleCaption{
	font-size: 11px;
	font-style:italic;
	color: #6d7077;	
	text-decoration:none;
}


/***************Blackout**************/

#outerMost {
  position: relative;
  min-height: 200%;
}

p { /* to prevent collapsing margins from interfering with this demo 
  margin: 0;
  padding: .5em;*/
}

#greyOutPage {
  position: absolute; /* for IE5-6*/ 
  z-index: 9000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background:url(../images/background/bg_blackout.png);
  /*background-color: #000000;*/
 /* filter:alpha(opacity=90);*//* IE5.5+ */
  /*-moz-opacity:0.90; *//* Gecko browsers including Netscape 6+ and Firefox */
  /*-khtml-opacity: 0.90; *//* Safari 1.1-1.3 */
  /*opacity: 0.90; *//* Netscape 7.2+, Firefox, Safari 2+, Opera 9 */
}
/* Hide from IE5/Mac \*/
* html #outerMost {
  height: 100%;
}
* html #greyOutPage {
  left: auto;
  top: auto;
  width: 200%;
  height: 200%;
}
#viewer{
	width:800px;
	height:600px;
	/*border:#FFFFFF 1px solid;
	background-color: #ffffff;*/
	padding: 25px;
	position:fixed;
	left: 50%;
	top: 50%;
	margin-left: -400px; /* half of width */
	margin-top: -300px;
}
/* End hide */


/********** rounded corner table **************/
td.TL{
	background:url(../images/background/TL.png) no-repeat right bottom;
	height:20px;
	width:20px;
}
td.T{
	background:url(../images/background/T.png) repeat-x bottom;
	height:20px;
}
td.TR{
	background:url(../images/background/TR.png) no-repeat left bottom;
	height:20px;
	width:20px;
}
td.CL{
	background:url(../images/background/Cl.png) repeat-y  right;
	width:20px;
}
td.CR{
	background:url(../images/background/CR.png) repeat-y left;
	width:20px;
}
td.BL{
	background:url(../images/background/BL.png) no-repeat  right top;
	height:20px;
	width:20px;
}
td.B{
	background:url(../images/background/B.png) repeat-x top;
	height:20px;
}
td.BR{
	background:url(../images/background/BR.png) no-repeat left top;
	height:20px;
	width:20px;
}


/*/////////////HOMEPAGE PODS////////////////*/
#homeTopFold{ 
	margin: 10px auto 0px auto;
	width: 885px;
	padding-bottom:0px;
}

a.calloutLink{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	border:0;
}

a.calloutLink_lg{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	border:0;
}

#featuredPromoPod{
	float:left;
	width:290px;
	min-height: 310px;
	background:url(../images/promo/home_promo_bg.png) no-repeat;
}
#featuredPromo{
	padding: 15px 15px 0px 15px;
	min-height: 290px;
}

#promopods{
	clear:both; 
	background:url(../images/banners/home_pods.jpg) no-repeat center top; 
	min-height:160px; 
	width: 885px;
	padding: 7px 0px 0px 0px; 
	margin: 5px auto; /* between banner and pods */
}
#promo_product{
	margin-left: 5px;
	margin-right: 1px;
	padding: 10px 10px 0px 10px;
	float: left; 
	width: 271px;
	min-height: 140px; 
	background: url(../images/banners/home_pods_prod_bg.png) no-repeat left 61px;
}
#promo_event{
	margin: 0;
	padding: 10px 10px 0px 10px;
	float: left; 
	width: 269px; 
	min-height: 140px;
	background: url(../images/banners/home_pods_event_bg.png) no-repeat left 13px;
}
#promo_opp{
	margin-left: 1px;
	margin-right: 5px;
	padding: 10px 10px 0px 10px;
	float: left; 
	width: 272px; 
	min-height: 140px;
	background: url(../images/banners/home_pods_opp_bg.png) no-repeat left 53px;
}


/* *************SITEMAP************* */





.nav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.nav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .nav ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.nav ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .nav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.nav a, .nav a:visited {
				width: 18.4em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .nav a, html + body .nav a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.nav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul {position: relative; top: 0px; left: 0px;}
				
.nav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			
/* HACK >>> IE 5  */
html + body .nav ul li li {left: 22px;}

.nav ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

/* HACK >>> IE 5  */
html + body .nav ul li .sub-sub {left: 22px;}

.nav ul ul a, .nav ul ul a:visited 	{
					width: 15.9em; height: 1.8em;
					margin: 0;
					font-size: 120%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul ul a, html + body .nav ul ul a:visited {position: relative; top: 0px; left: -5px;}

.nav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.nav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .nav ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .nav ul li li li {top: 18px;}
																		
.nav ul ul ul a, .nav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 110%;
					}
					

/* ### Global Settings >>> colors, borders and images  ### */
.nav 	{ border: 0; border-left: 1px solid #abc0cc; }
.nav ul li li	{
	color: #000; 
	background:  url("../../images/background/line.gif") left center no-repeat;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	}
.nav ul ul ul {border-left: 1px solid #abc0cc; }
.nav ul li .sub-sub {
	background:  url("../../images/background/line.gif") top left no-repeat;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
}
.nav a, .nav a:visited	{
	color: #007199;
	font-size:15px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;}				
.nav a:active, .nav a:hover, .nav a:focus,  a:focus .sffocus 	{
	color: #000;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
}			
.nav ul ul a, .nav ul ul a:visited 	{
	color: #6c7076;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
}			
.nav ul ul a:active, .nav ul ul a:hover, .nav ul ul a:focus	{
	color: #000;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
}
	
/* inner box styling */
/* Level 1 */
.nav ul li .ro {display: block; width: 100%; background: url("../../images/background/ro-01.gif") top right no-repeat;}
.nav ul li .lo {display: block; width: 100%; background: url("../../images/background/lo-01.gif") top left no-repeat;}
.nav ul li .ru {display: block; width: 100%; background: url("../../images/background/ru-01.gif") bottom right no-repeat;}
.nav ul li .lu {display: block; width: 100%; background: url("../../images/background/lu-01.gif") bottom left no-repeat;}
.nav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.nav ul li li .ro {background: url("../../images/background/ro-02.gif") top right no-repeat;}
.nav ul li li .lo {background: url("../../images/background/lo-02.gif") top left no-repeat;}
.nav ul li li .ru {background: url("../../images/background/ru-02.gif") bottom right no-repeat;}
.nav ul li li .lu {background: url("../../images/background/lu-02.gif") bottom left no-repeat;}
.nav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }
/* Level 1 - 3 hover */
.nav ul li a:hover .ro {background: url("../../images/background/ro_h.gif") top right no-repeat;}
.nav ul li a:hover .lo {background: url("../../images/background/lo_h.gif") top left no-repeat;}
.nav ul li a:hover .ru {background: url("../../images/background/ru_h.gif") bottom right no-repeat;}
.nav ul li a:hover .lu {background: url("../../images/background/lu_h.gif") bottom left no-repeat;}