/**
html, body
{
	position: relative;
	width: auto;
	height: auto;
	background-color : #420362;
	background-image: url('images/common/bg_pattern_dark_purple.gif');
	background-repeat: repeat;
	text-align: center;
	/* 	
		The following text-align: center will center block elements (your container) in IE 5.x
		The #container --> text-align: left is the other piece and ensures the text is aligned left 
	 */
	margin: 0px 0px 0px 0px;	
	padding: 0px;
}
**/
#container
{ 
	position: relative;
 	background-color : #ffffff;
	width: 770px;
	height: auto;
	/* 	margin-left: auto and margin-right: auto centers the container in the middle of the browser screen in all browsers except IE 5.x*/
	margin-left: auto; 
	margin-right: auto;	
	padding: 0px;
	text-align: center;
	border: 1px solid white;
} 

#wrapper
{ 
	position: relative;
 	background-color : #ffffff;
	width: 750px;
	height: auto;
	/* 	margin-left: auto and margin-right: auto centers the container in the middle of the browser screen in all browsers except IE 5.x*/
	margin-left: auto; 
	margin-right: auto;
	/* 	text-align: left is the second piece for the IE 5.x centering container bug.body --> text-align: center is the first piece*/
	text-align: left;
	border:10px solid #fff;
} 

#banner
{
	position: relative;
	width: 100%;
	height: 84px;	  /**height:93px== banner:77px + spacer:2px + ilineimage:3px + spacer: 11px == 93**/
}
/**
#footer
{
	position: relative;
	width: 100%;  
	height: 50px;	
	background-color: #520379;
	padding: 0px;
	margin: 0px;
}
 
#footerPrivacy
{
	float: none;
	clear:both;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #ba9bca; 
	padding: 5px 10px;
}

#footerPrivacy a	{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #ba9bca; 
}
**/
/******** STYLES -- CONTENT -- NAV START********/

#leftnav
{
	float: left;
	width: 192px;
	height: auto;
	clear: left;
	padding-bottom: 5px; 
	padding-left:14px;
}

#leftNavigation
{
	display: block;
	width: 192px;
	min-height: 198px;
	max-height: auto;
	padding: 0px;
	margin: 0px;	    
	text-decoration: none;	
	background-color: #e6e5e6;
}   

table#leftNavigation td      
{
	display: block;
	width: 192px; 
	min-width: 182px;
	max-width: 182px;
	min-height: 10px;
	border-top: 1px solid #ffffff; 
	background-color: #e6e5e6;
	padding: 0px 0px 10px 10px;
}
  
table#leftNavigation td span.list
{
	display: block;
	width: 192px;  
	min-height: 20px;	
	padding:0px;		
	background-color: #e6e5e6;
}

table#leftNavigation td a span.list,#leftNavigation a
{
	display: block;
	width: 100%;
	font-family: arial;
	font-weight: bold;
	font-size: 11px; 
	color: #666666;
	text-decoration: none;
	background-color: #e6e5e6;
	padding-top: 1px;
	height: 20px;  
	min-height: 20px;
	max-height: 21px;	
	cursor: hand;
} 

table#leftNavigation td a:hover span.list, #leftNavigation a:hover
{
	display: block;
	width: 100%;
	font-family: arial;
	font-weight: bold;
	font-size: 11px; 
	color: #e74a9d;   
	text-decoration: none;
	background-color: #e6e5e6;
	padding-top: 1px;
} 

table#leftNavigation td span.list_sel
{
	display: block;
	width: 192px;
	height: 21px;  
	min-height: 20px;
	max-height: 21px;	
	padding:0px;		
	background-color: #e6e5e6;
}

table#leftNavigation td a span.list_sel
{
	display: block;
	width: 100%;   
	font-family: arial;
	font-weight: bold;
	font-size: 11px; 
	color: #893ab1;  
	text-decoration: none; 
	background-color: #e6e5e6;  
	padding-top: 1px;
	height: 20px;  
	min-height: 20px;
	max-height: 21px;	
} 

table#leftNavigation td a:hover span.list_sel
{
	display: block;
	width: 100%;
	font-family: arial;
	font-weight: bold;
	font-size: 11px; 
	color: #e74a9d;
	text-decoration: none;
	background-color: #e6e5e6;
	padding-top: 1px;
} 

table#leftNavigation td a span.character
{
	display: none;
} 

table#leftNavigation td a span.character_sel
{
	display: inline;
} 

#maincontent
{
	float: right;
	width: 543px;
	height: auto;
	clear: right;
	font-family: arial;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #695175;
	line-height: 18px;
	padding-bottom: 20px; 
	padding-left:16px;
	padding-right:10px;
}

#maincontent  #main_header
{
	position: relative;
	width: 543px; 
	height: auto;  
}


#maincontent  #main_content_about2
{
	width:543px;
	height:auto; 
	float:left; 
	margin-top:19px;
}
#main_content_small {
float:left;
height:auto;
margin-top:19px;
width:500px;
}


#maincontent  #main_callout_about
{
	width:148px;
	height:auto; 
	float:right; 
	margin-top:19px;
}

#maincontent #main_content_heartburn
{
	width: 100%;
	height: auto;
	margin-top:19px;
}


#maincontent_attraction
{
	width: 750px;
	height: auto;
	font-family: arial;
	font-size: 12px;
	background: #FFFFFF;
	color: #695175;
	line-height: 18px;
}  

table td
{  
	font-family: arial;
	font-size: 12px;
	background: #FFFFFF;
	color: #695175;
}

		
a
{
	font-family: arial;
	font-size: 12px;
	color: #e74a9d;
	font-weight: bold;
	text-decoration: underline;
}

ul li a
{
	font-family: arial;
	font-size: 12px;
	color: #e74a9d;
	font-weight: bold;
	text-decoration: underline;
}

ul.about 
{
	list-style-type: disc;
	margin-bottom:20px;
	text-indent:0px;
}

ul li.about
{
	margin-top:10px;
	margin-left:0px;
	padding-left: 0px;
}


.headline
{
	font-family: arial;
	font-size: 13px;
	color: #695175;
	font-weight: bold;
}

#callout
{
	font-family:arial;
	font-size:12px;
	color: #695175;
	font-weight:normal; 
	width: 382px;
	min-width: 372px;
	max-width: 372px;
	background-color: #e5cef2;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}

#callout a
{
	font-family:arial;
	font-size:12px;
	color: #e74a9d;
	font-weight: bold; 
	background-color: #e5cef2;
}

#callout2
{
	font-family:arial;
	font-size:12px;
	color: #695175;
	font-weight:normal; 
	width: 350px;
	min-width: 372px;
	max-width: 372px;
	background-color: #e5cef2;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}

#callout2 a
{
	font-family:arial;
	font-size:12px;
	color: #e74a9d;
	font-weight: bold; 
	background-color: #e5cef2;
}

#disclaimer
{
	list-style-type: none;
	margin: 10px;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: outside;
	padding-top:0px;
	font-family:arial;
	font-size:11px;
	color: #7d4099;
	font-weight: normal;   
}

#callout_heartburn
{
	font-family:arial;
	font-size:12px;
	color: #695175;
	font-weight:normal; 
	width: 543px;
	min-width: 533px;
	max-width: 533px;
	background-color: #e5cef2;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}

#callout_heartburn a
{
	font-family:arial;
	font-size:12px;
	color: #e74a9d;
	font-weight: bold; 
	background-color: #e5cef2;
}

#disclaimer_heartburn
{
	list-style-type: none;
	margin: 10px;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: outside;
	padding-top:0px;
	font-family:arial;
	font-size:11px;
	color: #7d4099;
	font-weight: normal;   
}

/******** STYLES -- CONTENT  END********/

/******** STYLES -- FOOTER START********/

/**
#footer
{
	position: relative;
	width: 100%;  
	height: 47px;	
	background-color: #520379;
	padding: 0px;
	margin: 0px;
}

#footer #footerleft
{
	float: left;
	clear: left;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #ba9bca; 
	padding: 5px 10px;
}

#footer #footerright
{
	float: right;
	clear: right;
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
	color: #ba9bca;
	text-align: right;
	padding: 5px 10px;
	line-height: 16px;
}
**/
/******** STYLES -- FOOTER END********/  
/*****old styles ****************/

.darkbold {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #695175;
}

.chart 
{
	background-color: #ffffff;
}

.chart th
{ 
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;  
	text-align: left;  
	padding: 5px 12px;	
	border-bottom: 3px solid #ffffff;
}

.chart td
{
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #695175;    
	text-align: left;
	padding: 10px;
	background-color: #dad0e0;
}  


/**********************************************/
        
.hcpSmall {
    font-size: smaller;
}

.darksection {
	font-family: Verdana;
	font-size: 12px;
	background: #CC99FF;
	color: #660099;
	line-height: 18px;
	width: 543px;
}
.homepagelegalsmall {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.5;
	color: #CC99CC;
}

.potcheader
{
	font-family: arial;
	font-size: 16px;
	color: #420362;
	font-weight: bold;
}