/*  

ENI 
Author: Mike Eberhardt

*/

* { 
	padding: 0; 
	margin: 0;
	}

html {
	height: 100%;
	}

body {
	background: url('../images/bg-gradient.gif') repeat-x top left;
	background-color: #FFFFFF;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 13px Arial, Helevetica, sans-serif;
	}

h1 { 
	font: bolder 20px Arial, Helevetica, sans-serif;
	color: #940037;
	line-height: 24px;
	padding-bottom: 10px;
	}

h2 {
	font: bold 15px Arial, Helevetica, sans-serif;
	color: #000000;
	line-height: 19px;
	padding-bottom: 5px;
	}

ul span, ol span {
	color: #000000; 
}

p .wrap-right {
	float: right;
	}
	
sup {
	font-size: 0.75em;
	line-height: 0.5em 
}

blockquote {
	margin: 15px 15px 30px 15px; 	 
	color: #940037;
	font: bold 16px "Times New Roman", Times, serif; 
	line-height: 22px;
	text-indent:-0.5em;
}

blockquote p { 
	margin: 10px 0 0 0;
	color: #940037;
	font: normal 14px "Times New Roman", Times, serif;
	line-height: 8px; 
	text-indent:0;
}

blockquote img { 
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #940037;
	margin-bottom: 10px;
}
  
/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;
  float: right;
  clear: both;
  }

img.floatLeft {
  margin: 5px 15px 10px 0px;
  float: left;  
  clear: both;
  }

a {
	outline: none;
	}

a img {  
	border: none;
  }

img.social {
	margin: 3px 0 0 0;
}


/**************************************************************
   #wrapper: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#wrapper {  
	height: 100%;
	text-align: left;
	width: 950px;

	}

#wrapper,
#width {
	/* max-width hack for IE since it doesn't understand the valid css property */
	width: expression(document.body.clientWidth > 950 ? "950px" : "100%");  
	max-width: 950px;
	margin: 0 auto;
	}





/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header-home {
	position: relative;
	height: 520px;
	}
	
#header-home img.logo {
	position: absolute;
	z-index: 1;
	top: 26px;
	left: -3px;
	}
	
#header-sub {
	position: relative;
	height: 303px;
	}

#header-min {
	position: relative;
	height: 160px;
	}

#header-sub img.logo {
	position: absolute;
	z-index: 1;
	top: 26px;
	left: -3px;
	}

#header-min img.logo {
	position: absolute;
	z-index: 1;
	top: 26px;
	left: -3px;
	}

#header-sub img.image{
	position: absolute;
	top: 13px;
}


#flash-home {
	position: relative;
	top: 115px;
	height: 367px;
	}

#flash-sub {
	position: relative;
	top: 13px;
	height: 254px;
	}



/**************************************************************
   #content: #main: #main-sub:
 *************************************************************/
 
 
#content {
	float: left;
	width: 950px;
	clear: both;
	margin: 0; 
	padding: 20px 0 10px 0;	
	}
	
#main {	
	float: right;
	margin-left: 15px;
	padding: 0 0 0 15px;
	width: 700px;
	border-left: 1px solid #333;
	}
	
#main p {
	line-height: 20px;
	padding: 0 0 1em 0;
	}

#main a {
	font-weight: bold;
	text-decoration: underline;
	color: #940037;  	
	}
	 
#main ul.bullet-list {
	color: #940037;
	margin-left: 45px;
}

#main ul.bullet-full {
	color: #940037;
	margin-left: 45px;
	padding-bottom: 20px;
}

#main li {
	line-height: 20px;
}

/* Main Sub */

#main-sub {	
	float: left;
	margin-left: 15px;
	padding: 0 0 0 15px;
	width: 500px;
	border-left: 1px solid #333;
	}

#main-sub a {
	color: #940037;
	text-decoration: none;
	}
	
#main-sub a:hover {
	text-decoration: underline;
	}
	
	
#main-sub p {
	line-height: 20px;
	padding: 0 0 1em 0;
	}
	
#main-sub p.privacy {
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 1em 0;
	}

#main-sub ol.privacy {
	font-size: 11px;
	color: #940037;
	margin-left: 45px;
}

#main-sub ol.privacy li {
	list-style-type: decimal;
	line-height: 13px;
}
	 
#main-sub ul.bullet-list {
	color: #940037;
	margin-left: 45px;
}

#main-sub ul.bullet-list li {
	line-height: 18px;
	padding-bottom: 10px;
}

#main-sub ol.bullet-list {
	color: #940037;
	margin-left: 45px;
}

#main-sub ol.bullet-list li {
	line-height: 18px;
	padding-bottom: 10px;
}

#main-sub ol.bullet-list ol{
	line-height: 18px;
	list-style-type: lower-alpha;
}

#main-sub ul.bullet-close {
	color: #940037;
	margin-left: 45px;
}

#main-sub ul.bullet-close li {
	line-height: 16px;
	padding-bottom: 6px;
}

#main-sub ul.bullet-close li a {
	line-height: 12px;
	color: #940037;
	text-decoration: none;
}

#main-sub ul.bullet-close li a:hover {
	text-decoration: underline;
}

#main-sub ul.bullet-privacy {	
	margin-left: 15px;
	list-style-position: outside;	
	font-size: 11px;
}

#main-sub ul.bullet-privacy li {
	line-height: 12px;	
	padding-bottom: 4px;
}

#main-sub ol.tandc {
	margin-left: 15px;
	list-style-position: outside;	
	font-size: 11px;	
}

#main-sub ol.tandc ol li {
	text-decoration: none;
	margin-left: 30px;
	margin-bottom: 5px;
	line-height: 12px;
	list-style-position: outside;
	list-style-type: lower-alpha;	
}

#main-sub ol.tandc ol ol li {
	margin-left: 45px;
	list-style-position: outside;	
	list-style-type: lower-roman;
}

#main-sub ol.tandc p {
	margin-left: 30px;
}

#main-sub ul.bullet-full {
	color: #940037;
	margin-left: 45px;
}

#main-sub li {
	line-height: 20px;
}

#main-sub h2 a {
	line-height: 24px;
	margin: 28px;
	color: #940037;
	text-decoration: underline;	
}

#main-sub h3 a {
	line-height: 24px;
	color: #940037;
	text-decoration: underline;	
}

#main-sub a.anchor {
	color: #999999;
	}



/**************************************************************
   #nav-top:
 *************************************************************/

#nav-top {
	z-index: 2;
	position: absolute;
	top: 13px;
	right: -1px;
}
 
#nav-top, #nav-top ul { list-style: none; }
#nav-top, #nav-top * { padding: 0; margin: 0; }


/* Head links */
#nav-top li.headlink {
	width: 127px;
	margin-left: 1px;
	margin-right: 1px;
	float: left; 
	}
	
	
#nav-top li.headlink a { 	
	text-decoration: none;
	height: 46px;
	display: block;
	}


/* Background Nav Styling */
#nav-top a.bg-1 { 
	background: url('../images/top-nav_1.gif') no-repeat; 
	}
	
#nav-top a.bg-2 { 
	background: url('../images/top-nav_2.gif') no-repeat; 
	}
	
#nav-top a.bg-3 { 
	background: url('../images/top-nav_3.gif') no-repeat; 
	}
	
#nav-top a.bg-4 { 
	background: url('../images/top-nav_4.gif') no-repeat; 
	}
	
#nav-top a.bg-5 { 
	background: url('../images/top-nav_5.gif') no-repeat; 
	}
	
/* Background Nav Styling */
#nav-top a.here-1 { 
	background: url('../images/top-nav_1.gif') no-repeat 0px -46px;
	}
	
#nav-top a.here-2 { 
	background: url('../images/top-nav_2.gif') no-repeat 0px -46px;
	}
	
#nav-top a.here-3 { 
	background: url('../images/top-nav_3.gif') no-repeat 0px -46px;
	}
	
#nav-top a.here-4 { 
	background: url('../images/top-nav_4.gif') no-repeat 0px -46px;
	}
	
#nav-top a.here-5 { 
	background: url('../images/top-nav_5.gif') no-repeat 0px -46px; 
	}
	
/* Rollover States */
#nav-top li.headlink a:hover {
	background-position: 0px -46px;
	}
	

#nav-top span {
	display: none;
	}

/* Child lists and links */
#nav-top li.headlink ul { 
	display: none;
	border-top: 1px #FFFFFF solid;
	}	
	
#nav-top li.headlink:hover ul {
	display: block;
	}
		
#nav-top li.headlink ul li a {
	width: 150px;
	font-size: 12px;
	height: 20px;
	padding: 5px 3px 4px 10px;
	border-bottom: 1px #E7D2AD solid;
	color: #940037;
	background-color: #FFFFFF;
	overflow: hidden;
	}
	
#nav-top li.headlink ul li a:hover {
	background-color: #E7D2AD;
	color: #000000;
	}

/**************************************************************
   #nav-bottom-home:
 *************************************************************/


#nav-bottom-home ul {
	position: relative;
	top: 116px;
  	width: 100%;
  	font: 12px Arial, Verdana, Helevetica, sans-serif;  
  	list-style: none;
  	}

#nav-bottom-home li {
	float: left;
  	width: 157px; 
  	margin-right: 1px;
  	height: 2em;
  	}
  	
  
#nav-bottom-home li a {
  	padding: 10px 0 10px 0;
  	background: #940037;
  	display: block;
  	color: #FFF;
  	text-decoration: none;
  	text-align: center;
  	}
  
#nav-bottom-home li a:hover {
  	background: #000;
  	color: #FFF;
 	text-decoration: none;
  	text-align: center; 
  	}

/**************************************************************
   #nav-bottom-home:
 *************************************************************/


#nav-bottom-sub ul {
	position: relative;
	top: 267px;
  	width: 100%;
  	font: 12px Arial, Verdana, Helevetica, sans-serif;  
  	list-style: none;
  	}

#nav-bottom-sub li {
	float: left;
  	width: 157px; 
  	margin-right: 1px;
  	height: 2em;
  	}
  
#nav-bottom-sub li a {
  	padding: 10px 0 10px 0;
  	background: #940037;
  	display: block;
  	color: #FFF;
  	text-decoration: none;
  	text-align: center;
  	}
  
#nav-bottom-sub li a:hover {
  	background: #000;
  	color: #FFF;
 	text-decoration: none;
  	text-align: center; 
  	}

#nav-bottom-sub #here a {
  	background-color: #000000;
  	}


/**************************************************************
   #nav-bottom-home:
 *************************************************************/


#nav-bottom-flash ul {
	position: relative;
	top: 13px;
  	width: 100%;
  	font: 12px Arial, Verdana, Helevetica, sans-serif;  
  	list-style: none;
  	}

#nav-bottom-flash li {
	float: left;
  	width: 157px; 
  	margin-right: 1px;
  	height: 2em;
  	}
  
#nav-bottom-flash li a {
  	padding: 10px 0 10px 0;
  	background: #940037;
  	display: block;
  	color: #FFF;
  	text-decoration: none;
  	text-align: center;
  	}
  
#nav-bottom-flash li a:hover {
  	background: #000;
  	color: #FFF;
 	text-decoration: none;
  	text-align: center; 
  	}
  	
#nav-bottom-flash #here a {
  	background-color: #000000;
  	}


/**************************************************************
   #sidebar:
 *************************************************************/
 
#sidebar-left {
	float:left;
	width:210px;
	margin:0;
	padding:0;
}

#sidebar-left h1 {
	background-color:#000000;
	width:210px;
	height:12px;
	color:#FFFFFF;
	font:13px Arial, Helevetica, sans-serif;
	text-align:center;
	padding-top:8px;
}

#sidebar-left h1 a{
	background: inherit;
	color:#FFFFFF;
	text-decoration: none;
}

#sidebar-left h1 a:hover {
	text-decoration: underline;
}

#sidebar-left ul.sidemenu {
	margin:10px 0 10px 15px;
	padding:0;
}

#sidebar-left ul.sidemenu li {
	margin-bottom:6px;
	line-height:16px;
	font:12px Arial, Helevetica, sans-serif;
}

#sidebar-left ul.sidemenu a {
	font-weight:bold;
	color:#940037;
	text-decoration:none;
}

#sidebar-left ul.sidemenu a:hover {
	text-decoration:underline;
}

/* Quicklinks */

#quicklinks {
	display: none;
	position: relative;
	top: -3px;
	left: 3px;
}

#quicklinks ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 208px;
}

#quicklinks ul.menu a {
	display: block;
	text-decoration: none;	
}


#quicklinks ul.menu li a {
	background: #f9f4ec;
	color: #940037;	
	padding: 5px 12px;
	border-bottom: 1px #E7D2AD solid;
}

#quicklinks ul.menu li a:hover {
	background: #E7D2AD;
	color: #000;
}

.quick-btn {
	width:216px;
	height:37px;
	background-image:url(../images/nav-quick-btn.gif);
	background-position:0 -37px;
	display:block;
}

.active { 
	background-position:0 0;
}


/**************************************************************
   #sidebar-right:
 *************************************************************/

#sidebar-right {
	float: right;
	width: 184px;
	margin: 0;	
	padding: 0; 		
	} 

.video {
	width: auto;
	border: 2px #E7D2AD solid;
	background-color: #f9f4ec;
	padding: 8px;
	}

.clearing {
	clear:both;
	height:0;
	overflow:hidden;
	margin:-1px 0 0 0;
	}

img.sample {
	border: 1px solid #940037;	
}

img.screenshot {
	border: 1px solid #940037;
	margin: 10px 10px 10px 0px;
	text-align: center;
}

/* Quick Links Nav */


.quick-btn {
	width: 216px;
	height: 37px;
	background-image: url(../images/nav-quick-btn.gif);
	background-position: 0px -37px; 
	display: block;
	}
	
.active {
	background-position: 0px 0px;
	}
	


/**************************************************************
   #footer:
 *************************************************************/   


#footer { 
	clear: both; 
	color: #940037; 
	padding: 50px 0 0 0; 
	height: 30px;	  
	font-size: 10px;		
	}
	
#footer a { 
	text-decoration: none; 
	font-weight: normal;
	color: #940037;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

#footer .footer-left {
	float: left;
	width: 20%;
	}
	
#footer .footer-right {
	float: right;
	width: 78%;
	} 
  
/**************************************************************
   Classes
 *************************************************************/

.float-right {
	float: right;
	margin-left: 10px;
	} 
	
.float-left {
	float: left;
	margin-right: 10px;
	}  

.clear {
	clear: both;
	display: block;
	}
	

 
/**************************************************************

	Colapseable menus 
   
 *************************************************************/   
#step-1, #step-2, #step-3, #step-4, #step-5, #step-6,
#step-7, #step-8, #step-9, #step-10, #step-11, #step-12,
#step-13, #step-14, #step-15, #step-16, #step-17, #step-18, 
#step-19, #step-20, #step-21, #step-22 {
	display: none;
	padding: 10px 10px 10px 30px;
	background-color: #f9f4ec;	
	border-top: 1px solid #940037;
	margin-bottom: 14px;
	line-height: 16px;
}

#main-sub #hidden-form-1, #main-sub #hidden-form-2,
#main-sub #hidden-form-3, #main-sub #hidden-form-4 {
	display: none;
	padding: 10px;
	background-color: #F4F4F4;	
	border: solid 1px #940037;
}

#main-sub .step1-btn, #main-sub .step2-btn, #main-sub .step3-btn,
#main-sub .step4-btn, #main-sub .step5-btn, #main-sub .step6-btn,
#main-sub .step7-btn, #main-sub .step8-btn, #main-sub .step9-btn,
#main-sub .step10-btn, #main-sub .step11-btn, #main-sub .step12-btn,
#main-sub .step13-btn, #main-sub .step14-btn, #main-sub .step15-btn,
#main-sub .step16-btn, #main-sub .step17-btn, #main-sub .step18-btn,
#main-sub .step19-btn, #main-sub .step20-btn, #main-sub .step21-btn,
#main-sub .step22-btn {
	text-decoration: underline;
	font-size: 16px;
	padding-left: 30px;
	height: 28px;
	background: url(../images/accordian-arrow.gif) no-repeat;
	background-position: 6px 4px;
	display: block;
}

#main-sub .steps-active, #main-sub .active {
	background-position: 6px -40px;
	}
		
 
/* TEST FORM */







li.caps {
	text-transform: uppercase;
}

blockquote.symposiums {
	margin: 0;
}