/* PAGE STYLE */
.hiddenPic {display:none;}  /* used to preload images */
html
    {
        padding: 0px 0px 0px 0px;
        border: 0px solid #FFFFFF;
        margin: 0px 0px 0px 0px;
        text-align: center;
        background-color: transparent; /*#C0C0C0 grey*/
    }
body, table, td
    {
        font-size: 100%;    /* 62.5% */
    }
body
    {
        position: relative;
        width: 770px;
        height: 100%;
        padding: 0px 0px 0px 0px;
        border: 0px solid #FFFFFF;
        margin: 0px auto 0px auto;
        font-family: Verdana, Helvetica, Times, serif;
        color: black;
        background-color: transparent;
        background-image: url(images/background.gif);
        background-repeat: repeat;
        background-position: center center;
	}
#body
    {
        width: 770px;
        height: auto;
        padding: 0;
        border: 0 solid #FFFFFF;
        margin: 0;
        font-size: 62.5%;
        background-color: transparent; /*#DCDCDC light grey*/
    }
#view /* inside #body */
    {
        width: 770px;
        padding: 0;
        border: 0 solid #FFFFFF;
        margin: 0;
        background-color: transparent; /*#E0FFFF light cyan*/
    }
#topbar /* top border of the layout */
    {
        width: 770px;
        height: 20px;
        padding: 0 auto;
        border: 0 solid #FFFFFF;
		margin: 0 auto;
        background-image: url(images/top_bar.gif); background-color: transparent;
        background-position: bottom left;
        background-repeat: no-repeat;
    }
#top /* inside #view */
    {
        width: 765px;
        padding: 0 auto;
        border-top: 0 solid #FFFFFF;
        border-right: 5px solid #CCC0D0;
        border-left: 0 solid #FFFFFF;
        border-bottom: 0 solid #FFFFFF;
        margin: 0 auto;
        background-color: white; /*#FFDAB9 Peach*/
    }
div.header
    {
        width: 754px;
        height: 98px;
        padding: 0;
        border: 0 solid #FFFFFF;
        margin: 0;
        background-image: url(images/header.jpg);
	 	background-repeat: no-repeat;
        background-position: center center;
    }
object    /* FLASH ANIM. HEADER STYLE */
    {
        z-index: 0;
        width: 754px;
        padding: 0;
        border: 0 solid #FFFFFF;
        margin: 0;
    }
#content /* inside #view */
    {
        float: left;
        width: 760px;
        padding: 0 5px 0 0;
        border: 0 solid #FFFFFF;
        border-right: 5px solid #CCC0D0;
        margin: 0;
        background-color: white;
        clear: both;
    }
#left /* inside #bdy */
    {
        float: left;
        width: 555px;
        padding: 0 20px;
        border: 0 solid #FFFFFF;
        margin: 0;
        background-color: transparent; /*#90EE90 Light Green*/
        background-image: url(images/splitter.png);
	 	background-repeat: no-repeat;
        background-position: 99% 0%;/* top right */
    }

#right /* inside #bdy */
    {
        float: right;
        width: 140px;
        padding: 10px 13px 0 0;
        border: 0 solid #FFFFFF;
        margin: 0;
        background-color: transparent;
    }

#bottom /* inside #view */
    {
        height: 110px;
        width: 770px;
        padding: 20px 0 0 0;
        border: 0 solid #FFFFFF;
        margin: 0;
        color: #6C3673;
        font-size: 1.2em;
        line-height: 140%;
        background-color: transparent;
        background-image: url(images/bottom_bar.gif);
	 	background-repeat: no-repeat;
        background-position: top right;
        clear: both;
    }

/* RIGHT PAGE STYLING*/
object.side   /* FLASH ANIM. SIDEBAR STYLE */
    {
        width: 140px;
        height: 126px;
        padding: 0;
        border: 0px solid red;
        margin: 0;
        background-color: transparent;
	 	background-repeat: no-repeat;
        background-position: bottom center;
    }
object#oticon   /* FLASH ANIM. OTICON BACKGROUND */
    {
        background-image: url(images/oticon_link.png);
    }
object#phonak   /* FLASH ANIM. PHONAK BACKGROUND */
    {
        background-image: url(images/phonak_link.png);
    }
object#gnresound   /* FLASH ANIM. GNRESOUND BACKGROUND */
    {
        background-image: url(images/gnresound_link.png);
    }
object#siemens   /* FLASH ANIM. SIEMENS BACKGROUND */
    {
        background-image: url(images/siemens_link.png);
    }
object#sonic   /* FLASH ANIM. SONIC BACKGROUND */
    {
        background-image: url(images/sonic_link.png);
    }
object#widex   /* FLASH ANIM. WIDEX BACKGROUND */
    {
        background-image: url(images/widex_link.png);
    }

div.sidebar_header
    {
        float: right;
        width: 128px;
        height: auto;
        padding: 0 0 0 12px;
        border: 0 dotted #FFFFFF;
		margin: 0;
        text-align: left;
        font-size: 13px;
		color: #6C3673;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 35px;
        background-color: transparent;
        background-image: url(images/right_scroll_bg.png);
	 	background-repeat: no-repeat;
        background-position: 0% 0%;
    }
div.scroller
    {
        float: right;
        width: 140px;
        height: 150px;
        padding: 0;
        border: 0 dotted #FFFFFF;
		margin: 0 0 10px 0;
        background-color: transparent;
        background-image: url(images/right_scroll_bg.png);
	 	background-repeat: no-repeat;
        background-position: 50% -35px;
    }

/* FLOAT */
.floatleft
	{
        float: left;
		padding: 0;
        border: 0 solid #FFFFFF;
		margin: 10px 10px 10px 0;
        clear: none;
	}
.floatright
	{
        float: right;
		padding: 0;
        border: 0 solid #FFFFFF;
		margin: 10px 0 10px 10px;
        clear: none;
	}

/* NEWS DIVS */
.newsdiv
	{
        float: left;
        width: 530px;
        height: 100%;
		padding: 0 0 10px 0;
        border: 5px solid #3F1850;
		margin: 0 0 10px 0;
        clear: both;
	}
.newsdiv h4
	{
        width: 520px;
        padding: 5px 0 5px 10px;
        border: 0 solid #FFFFFF;
       	margin: 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 2.6em;
        font-weight: bold;
        font-style: normal;
		color: #3F1850;
        line-height: 120%;
        background-color: #E4D6F2;
        clear: none;
	}
.newsdiv h5
	{
        width: 100%;
        padding: 5px 0 10px 0;
        border: 0px solid blue; /*#FFFFFF*/
       	margin: 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.8em;
        font-weight: bold;
        font-style: italic;
		color: #6A20A3;
        line-height: 120%;
        clear: none;
	}
.newsdiv h6
	{
        width: 520px;
        padding: 5px 0 5px 10px;
        border: 0 solid #FFFFFF;
       	margin: 15px 0 0 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.6em;
        font-weight: bold;
        font-style: normal;
		color: #3F1850;
        line-height: 120%;
        background-color: #E4D6F2;
        clear: none;
	}
.newsdiv p
	{
        padding: 0 0 0 0;
        border: 0px solid green;
       	margin: 10px 10px 0 10px;
        font-size: 1.2em;
		text-align: left;
        font-weight: normal;
        font-style: normal;
        text-indent: 0;
        line-height: 130%;
        clear: none;
	}
.newsdiv ul
    {
        padding: 0 0 0 20px;
        border: 0px solid orange;  /* #FFFFFF */
        margin: 0 0 0 10px;
        list-style: disc outside;
        text-align: left;
    }
.newsdiv ul li
    {
        margin: 5px 0 5px 0;
        border: 0px solid yellow;
        padding: 0;
        text-align: left;
        font-size: 1.2em;
    }
.newsdiv ol
    {
        padding: 0 0 0 25px;
        border: 0px solid orange;  /* #FFFFFF */
        margin: 0 0 0 10px;
        text-align: left;
    }
.newsdiv ol li
    {
        margin: 5px 0 5px 0;
        border: 0px solid yellow;
        padding: 0;
        text-align: left;
        font-size: 1.2em;
    }
.newsfloatr   /* main image */
	{
        float: right;
		padding: 15px 10px 0px 10px;
        border: 0px solid red;
		margin: 0;
        clear: none;
	}
.newsfloatl    /* main image */
	{
        float: left;
		padding: 15px 10px 0px 10px;
        border: 0 solid #FFFFFF;
		margin: 0;
        clear: none;
	}
.clear
	{
        clear: both;
	}

.news1,
.news1a
	{
        float: left;
        width: 513px;
        height: 100%;
        min-height: 65px;
		padding: 10px;
        border: 1px solid #E0D6F0;
		margin: 0 0 10px 0;
        clear: both;
	}
.news1a
	{
        min-height: 35px;
	}
.news1 h6,
.news1a h6
	{
        padding: 0 0 0 0;
        border: 0 solid #FFFFFF;
       	margin: 0 0 0 0;
		text-align: left;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.5em;
        font-weight: bold;
        font-style: normal;
		color: #5B1062;
        line-height: 120%;
        clear: none;
	}
.news1b
	{
        float: left;
        width: 513px;
        height: 100%;
        min-height: 85px;
		padding: 10px;
        border: 1px solid #E0D6F0;
		margin: 0 0 10px 0;
        clear: both;
        background-color: #3F1850;
        background-image: url(images/phone_bg.gif);
	 	background-repeat: no-repeat;
        background-position: 0 0;
	}
.news1b h6
	{
        padding: 0px 0px 0px 0px;
        border: 0 solid #FFFFFF;
       	margin: 0px 0px 0px 130px;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 2.2em;
        font-weight: bold;
        font-style: italic;
		color: white;
        line-height: 120%;
        clear: none;
	}
.news1b p.news
	{
        padding: 10px 0px 10px 0px;
        border: 0px solid green;
       	margin: 0px 0px 0px 140px;
        font-size: 1.2em;
        color: #E4D6F2;
		text-align: center;
        font-weight: normal;
        font-style: italic;
        text-indent: 0;
        line-height: 130%;
        clear: none;
	}
.news1b p.large
	{
        padding: 0px 0px 0px 0px;
        border: 0px solid green;
       	margin: 0px 0px 0px 130px;
        font-size: 2.2em;
        color: white;
		text-align: center;
        font-weight: bold;
        font-style: italic;
        text-indent: 0;
        line-height: 130%;
        clear: none;
	}

.news2a
	{
        float: left;
        width: 545px;
		padding: 0 0 0 0;
        border: 0px solid red;
		margin: 0 0 10px 0;
        background-color: transparent;
        background-image: url(images/news2a_bg.gif);
	 	background-repeat: no-repeat;
        background-position: 0px 100%;
        clear: both;
	}
.news2b
	{
        float: left;
        width: 242px;
		padding: 10px;
        border-top: 1px solid #E0D6F0;
        border-left: 0px solid #E0D6F0;
        border-right: 0px solid #E0D6F0;
        border-bottom: 0px solid #E0D6F0;
		margin: 0px 10px 0 0;
        clear: none;
	}
.news3
	{
        float: left;
        width: 513px;
		padding: 10px;
        border: 1px solid #E0D6F0;
		margin: 0 0 10px 0;
        clear: both;
	}
.news2b div.clearboth,
.news3 div.clearboth
	{
    	width: auto;
    	float: none;
		padding: 0 0 0 0;
        border: 0 solid green;
		margin: 0 0 0 0;
        clear: both;
	}
.news2b h6,
.news3 h6
	{
        padding: 0 0 0 0;
        border: 0 solid #FFFFFF;
       	margin: 0 0 0 0;
		text-align: left;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.5em;
        font-weight: bold;
        font-style: normal;
		color: #5B1062;
        line-height: 120%;
        clear: none;
	}
p.news
	{
        padding: 0 0 0 0;
        border: 0 solid green;
       	margin: 0 0 0 0;
        font-size: 1.1em;
		text-align: left;
        font-weight: normal;
        font-style: normal;
        text-indent: 0;
        line-height: 130%;
        clear: none;
	}
.newsimage1
	{
        float: left;
		padding: 0;
        border: 1px solid #783B8C;
		margin: 0px 10px 0 0px;
        clear: none;
	}
.newsimage1nb
	{
        float: left;
		padding: 0;
        border: 0px solid #783B8C;
		margin: 0px 10px 0 0px;
        clear: none;
	}
.newsimage2
	{
        float: left;
        width: 95px;    /* 95px */
        height: 100%;
		padding: 0;
        border: 1px solid #783B8C;
		margin: 0px 10px 0 0px;
        clear: none;
	}
.newsimage2nb
	{
        float: right;
		padding: 0;
        border: 0px solid #783B8C;
		margin: 10px 10px 0px 0px;
        clear: none;
	}
div.news
	{
        float: left;
        display: block;
        width: 139px;
		padding: 2px 2px 10px 2px;
        border: 10px solid #FFFFFF;
		margin: 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.1em;
        font-weight: bold;
        font-style: normal;
		color: #6A20A3;
        line-height: 120%;
        background-color: #F6F2FB;
        clear: none;
	}

/* NEWS TABLE STYLING */
table.news
    {
        width: 430px;
        padding: 0px 0px 0px 0px;
        border: 0px solid #FFFFFF;
		margin: 10px 0px 0px 0px;
        font-size: 1.2em;
        background-color: transparent;
    }
table.news tr
    {
        padding: 0px 0px 0px 0px;
        border: 0px solid #FFFFFF;
		margin: 0px 0px 0px 0px;
        background-color: transparent;
    }
table.news th
    {
        padding: 5px 0px 5px 20px;
        border: 0 solid #FFFFFF;
		margin: 0px 0px 0px 0px;
        text-align: left;
        background-color: #A679C8;
    }
table.news td
    {
        padding: 4px 0px 4px 20px;
        border: 0 solid #FFFFFF;
		margin: 0px 0px 0px 0px;
        text-align: left;
        background-color: #F1E9F6;
    }
table.news tr.alt td
    {
        background-color: #E2D3ED;
    }

/* NEWS LINK STYLES */
a:link.more, a:visited.more, a:active.more
    {
        padding: 0 1px;
		color: #783B8C;
        text-decoration: underline;
    }
a:hover.more
    {
        padding: 0 1px;
		color: #FFFFFF;
        background-color: #783B8C;
        text-decoration: none;
    }
a:link.newslink, a:visited.newslink,
a:active.newslink, a:hover.newslink
    {
        padding: 0;
		color: #5B1062;
        text-decoration: none;
    }

/* PREVIOUS NEWS LINK STYLES */
a:link.previous, a:visited.previous, a:active.previous
    {
        position: relative;
        z-index: 100;
        padding: 2px 5px 3px 5px;
        border: 1px solid #E0D6F0;
        margin: 0px 0px;
		text-align: center;
		color: #783B8C;
        text-decoration: underline;
    }
a:hover.previous
    {
		color: #FFFFFF;
        background-color: #783B8C;
        text-decoration: none;
    }
a:link.previous#current, a:visited.previous#current,
a:active.previous#current, a:hover.previous#current
    {
        position: relative;
        z-index: 100;
        padding: 2px 5px 3px 5px;
        border: 1px solid #E0D6F0;
        margin: 0px 0px;
		text-align: center;
		color: #783B8C;
        text-decoration: underline;
        background-color: #E0D6F0;
    }

/* NEWS PAGE NEWSLETTER DOWNLOAD LINKS */
.dl
    {
        float: left;
        width: 535px;
        padding: 5px 0 5px 0;
        border: 0px solid red;
		margin: 5px 0 5px 0;
        background-color: #F5F2FB;
    }
.dl p
    {
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
		text-align: center;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        background-color: transparent;
        vertical-align: top;
    }
.dl p a
    {
        padding: 0 auto;
        border: 0 solid #FFFFFF;
        padding: 0 0 0 0;
		color: #6C3673;
        text-decoration: none;
        background-color: transparent;
        vertical-align: top;
    }
.dl p a:hover
    {
		color: #AE96D9;
        background-color: transparent;
    }


/* PREVIOUS NEWS STYLES */
.previous_news {
        float: left;
        width: 513px;
        height: 100%;
        min-height: 35px;
		padding: 10px;
        border: 1px solid #E0D6F0;   /*#E0D6F0*/
		margin: 0 0 10px 0;
        clear: both;
	}
.previous_news h6 {
        padding: 0 0 0 0;
        border: 0 solid #FFFFFF;
       	margin: 0 0 0 0;
		text-align: left;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.3em;
        font-weight: bold;
        font-style: normal;
		color: #5B1062;
        line-height: 110%;
        clear: none;
	}
.previous_news p {
        padding: 0 0 0 0;
        border: 0px solid green;
       	margin: 0 0 0 0;
        font-size: 1.0em;
		text-align: left;
        font-weight: normal;
        font-style: normal;
        text-indent: 0;
        line-height: 110%;
        clear: none;
	}


/* HEADERS */
h1
	{
        display: none;
/*        padding: 0;
        border: 0 solid #FFFFFF;
        margin: 10px 0 10px 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
        font-size: 3.0em;
        font-weight: bold;
        font-style: normal;
		color: #5B1062;
        line-height: 100%;      */
	}
h2
	{
        position: relative;
        z-index: 25;
        padding: 0;
		border: 0 solid #FFFFFF;
    	margin: 10px 0 10px 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
        font-size: 2.5em;
        font-weight: bold;
        font-style: normal;
		color: #6D1646;
        line-height: 120%;
	}
h3     /* page footer header */
	{
        position: relative;
        z-index: 25;
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 0 10px 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 2.0em;
        font-weight: bold;
        font-style: italic;
		color: #5B1062;
        line-height: 120%;
	}
h4
	{
        position: relative;
        z-index: 25;
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 0 10px 0;
		text-align: center;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.8em;
        font-weight: bold;
        font-style: italic;
		color: #6D1646;
        line-height: 120%;
	}
h5
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 20px 0 10px 10px;
		text-align: left;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.8em;
        font-weight: bold;
        font-style: italic;
		color: #5B1062;
        line-height: 120%;
	}
h5.clear
	{
        clear: both;
	}
h6
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 20px 0 10px 10px;
		text-align: left;
		font-family: Verdana, Helvetica, Times, serif;
		font-size: 1.6em;
        font-weight: bold;
        font-style: normal;
        line-height: 120%;
        clear: both;
	}
h6.img
	{
       	margin-top: 0;
	}

/* PARAGRAPH */
p
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 10px 0 10px;
        font-size: 1.2em;
		text-align: left;
        font-weight: normal;
        font-style: normal;
        text-indent: 0;
        line-height: 120%;
	}
p.p1
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 10px 0 10px;
		text-align: justify;
        font-size: 1.4em;
        text-indent: 1em;
        line-height: 120%;
	}
p.p1:first-letter
	{
        font-size: 1.5em;
        line-height: 100%;
	}
p.p2
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 10px 5px 10px;
		text-align: justify;
        text-indent: 0;
	}
p.p2r   /* same as .p2 just aligned right */
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 10px 5px 10px;
		text-align: right;
        text-indent: 0;
	}
p.p2c   /* same as .p2 just centered */
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 10px 0 0 0;
		text-align: center;
	}
p.c     /* contact page text */
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 0 0 10px 10px;
		text-align: left;
        clear: both;
	}
p.purple
	{
        color: #6A20A3;
	}
p.purple_bg
	{
        padding: 10px 10px;
       	margin: 10px 10px;
        background-color: #E4D6F2;
	}
p.purple_bg img
	{
		padding: 0px 0px 0px 0px;
        border: 0px solid red;
		margin: 0px 0px 10px 0px;
	}
div.purple_bg
	{
        padding: 5px 10px 10px 10px;
       	margin: 10px 10px 0px 10px;
        background-color: #E4D6F2;
	}

/* TEXT */
b
	{
        border: 0 solid #FFFFFF;
        font-weight: bold;
	}
big
	{
        border: 0 solid #FFFFFF;
		font-size: 1.1em;
        font-weight: bold;
        line-height: 140%;
	}
strong
	{
        border: 0 solid green;
		font-size: 1.2em;
        font-weight: bold;
	}
small
	{
        border: 0 solid #FFFFFF;
		font-size: 0.9em;
        font-weight: normal;
	}
i
	{
        border: 0 solid #FFFFFF;
        font-style: italic;
	}
b.upper
	{
        padding: 0px 0px 0px 0px;
        border: 0px solid red;
       	margin: 0px 0px 0px 0px;
        color: #3F1850;
		font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 140%;
	}
em
	{
        border: 0 solid #FFFFFF;
		color: #6D1646;
        font-style: italic;
	}
blockquote
	{
        padding: 0 0 0 10px;
        border: 0 solid #FFFFFF;
       	margin: 10px 0 0 0;
		text-align: left;
	}
span.quote
	{
        display: inline;
        border: 0 solid #FFFFFF;
        color: #3F1850;
        font-style: italic;
	}
span.quoteblue
	{
        display: block;
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 0;
        color: #0068A2;
		font-size: 1.2em;
        font-weight: bold;
        font-style: italic;
        text-align: center;
        text-transform: uppercase;
        line-height: 140%;
	}

acronym
    {
		border-bottom: 1px dotted #F0B9D8;
        cursor: help;
	}

sup
    {
		font-size: 0.8em;
	}

/* NORMAL LINK STYLE */
a:link.normal, a:visited.normal, a:active.normal
    {
        padding: 0 3px;
		color: #000000;
        text-decoration: underline;
    }
a:hover.normal
    {
        padding: 0 3px;
		color: #FFFFFF;
        background-color: #783B8C;
        text-decoration: none;
    }

p small em a:link,
p small em a:visited,
p small em a:active
    {
        padding: 0 3px;
		color: #783B8C;
        text-decoration: underline;
    }
p small em a:hover
    {
        padding: 0 3px;
		color: #FFFFFF;
        background-color: #783B8C;
        text-decoration: none;
    }

/* BASIC LINK STYLE */
a:link.basic, a:visited.basic, a:active.basic
    {
        padding: 0 3px;
		color: #783B8C;
        text-decoration: underline;
    }
a:hover.basic
    {
        padding: 0 3px;
		color: #FFFFFF;
        background-color: #783B8C;
        text-decoration: none;
    }
a:link#norm, a:visited#norm, a:active#norm
    {
        padding: 0 3px;
		color: black;
        text-decoration: underline;
    }
a:hover#norm
    {
        padding: 0 3px;
		color: black;
        text-decoration: none;
    }

/* EMAIL LINK STYLE */
a:link.email, a:visited.email, a:active.email
    {
        padding: 0 3px;
		color: #783B8C;
        font-weight: normal;
        text-decoration: underline;
    }
a:hover.email
    {
        padding: 0 3px;
		color: #FFFFFF;
        background-color: #783B8C;
        text-decoration: none;
    }

/* HORIZONTAL RULE */
div.hr
	{
        height: 40px;
        padding: 0 auto;
        border: 0 solid #FFFFFF;
        margin: 0 auto;
        text-align: center;
        background-color: transparent;
        background-image: url(images/splitter2.png);
	 	background-repeat: no-repeat;
        background-position: bottom center;
        clear: both;
	}
hr
	{
        display: none;
        height: 0;
        width: 60%;
        padding: 0 auto;
        border: 0 solid #FFFFFF;
        margin: 0 auto;
        color: transparent;
        background-color: transparent;
	}

/* TO MAKE SOMETHING NOT DISPLAY */
span { display: none; }

.accessKey
    {
		border-bottom: 1px dotted ;
		border-left: 1px dotted ;
	}
/* ACCESSKEY TOGGLE */
#access
    {
        padding: 0;
        border: 0 solid #FFFFFF;
        margin: 0;
    }
#access p.headlink  /* HEADER */
    {
        padding: 0;
        border: 0 dotted #FFFFFF;
		margin: 0 0 5px 0;
        font-size: 1.0em;
        font-weight: normal;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        background-color: transparent;
    }
#access p.headlink a
    {
        display: block;
        padding: 3px 0 3px 0;
        border: 0 dotted #FFFFFF;
		margin: 0;
        color: #6D1646;
    	text-decoration: none;
        background-color: #EBE6EC;
    }
#access p.headlink a:hover
    {
    	color: #FFFFFF;
        background-color: #5B1061;
    }
#access p.headlink a sub
    {
        padding: 0 1px 1px 1px;
        border: 0 dotted #FFFFFF;
		margin: 0 0 0 10px;
		font-size: 1.1em;
        color: #500B56;
    	text-decoration: none;
        text-transform: none;
        vertical-align: baseline;
    	background: #FFFFFF;
	}
#access p.headlink a:hover sub
    {
        padding: 0 1px 1px 1px;
        border: 0 dotted #FFFFFF;
		margin: 0 0 0 10px;
        color: #500B56;
    	text-decoration: none;
        vertical-align: baseline;
    	background: #CBBAE8;
	}
#access ul   /*  */
    {
    	display: none;
        padding: 0;
        border: 0 dotted #FFFFFF;
		margin: 0 0 5px 0;
    	list-style-type: none;
        text-align: left;
    	background-color: transparent;
    }
#access ul li /*  */
    {
        padding: 0;
        border: 0 dotted #FFFFFF;
    	border-bottom: 1px solid white;
		margin: 0;
    	background: #EDE9EF;
    	color: #6D1646;
    }
#access ul li p  /*  */
    {
    	padding: 3px 3px 3px 3px;
        border: 0 dotted #FFFFFF;
		margin: 0;
        font-size: 1.1em;
        font-weight: normal;
        font-style: normal;
    	color: #6D1646;
        text-align: left;
    	background: #FFFFFF;
    }
#access ul li a /*  */
    {
        display: block;
        padding: 2px 0 2px 10px;
        border: 0 dotted #FFFFFF;
		margin: 0;
        font-size: 1.1em;
        color: #6D1646;
    	text-decoration: none;
    }
#access ul li a sub
    {
        padding: 0 3px 1px 3px;
        border: 0 dotted #FFFFFF;
		margin: 0 0 0 5px;
		font-size: 1.1em;
        color: #500B56;
    	text-decoration: none;
        vertical-align: baseline;
    	background: #FFFFFF;
	}
#access ul li a:hover /*  */
    {
        padding: 2px 0 2px 10px;
        border: 0 dotted #FFFFFF;
		margin: 0;
        color: #500B56;
    	text-decoration: none;
    	background: #FFFFFF;
    }
#access ul li a:hover sub
    {
        padding: 0 3px 1px 3px;
        border: 0 dotted #FFFFFF;
		margin: 0 0 0 5px;
		font-size: 1.1em;
        color: #FFFFFF;
    	text-decoration: none;
        vertical-align: baseline;
    	background: #6D1646;
	}

/* DROP DOWN QUESTION BOXES MAIN TOGGLE */
#TJK_ToggleON, #TJK_ToggleOFF { display: none; }

/* FACT SHEET TABLE STYLING */
table.fs
    {
        width: 530px;
        padding: 0;
        border: 0 solid #FFFFFF;
        border-top: 2px solid #CCCCCC;
        border-right: 2px solid #CCCCCC;
		margin: 0;
        background-color: transparent;
    }
table.fs tr
    {
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
        background-color: transparent;
    }
table.fs th
    {
        padding: 5px 0 5px 0;
        border: 0 solid #FFFFFF;
        border-left: 2px solid #CCCCCC;
        border-bottom: 2px solid #CCCCCC;
		margin: 0;
        text-transform: uppercase;
        text-align: center;
        background-color: #CCCCCC;
    }
table.fs th.width,
table.fs td.width
    {
        width: 125px;
    }
table.fs tr.alt td
    {
        background-color: #ECECEC;
    }
table.fs td
    {
        padding: 10px 0 10px 0;
        border: 0 solid #FFFFFF;
        border-left: 2px solid #CCCCCC;
        border-bottom: 2px solid #CCCCCC;
		margin: 0;
        background-color: transparent;
    }
p.table
	{
        padding: 0;
        border: 0 solid #FFFFFF;
       	margin: 0;
		text-align: center;
	}

/* INVISIBLE TABLE STYLING */
table.i
    {
        width: 540px;
        float: left;
        padding: 0;
        border: 0px solid red;
		margin: 10px 0 0 0;
        background-color: transparent;
    }
table.i td
    {
        padding: 10px 0 10px 0;
        border: 0px solid green;
		margin: 0;
        background-color: transparent;
    }
table.i td p.conl
    {
        width: 250px;
        padding: 0 0 10px 20px;
        border: 0px solid lime;
		margin: 0;
		text-align: left;
        font-weight: normal;
        font-style: normal;
        background-color: transparent;
    }
table.i td p.conr
    {
        padding: 0 0 10px 20px;
        border: 0px solid blue;
		margin: 0;
		text-align: right;
        font-weight: normal;
        font-style: normal;
        background-color: transparent;
    }
table.i td p,
table.i td p a.x,
table.i td p a:hover.x
    {
        padding: 0;
        border: 0px solid blue;
		margin: 0;
		text-align: center;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        background-color: transparent;
    }
table.i td p a
    {
        padding: 0 auto;
        border: 0 solid #FFFFFF;
        padding: 0.1em 0.2em 0.1em 0.2em;
		color: #6C3673;
        text-decoration: none;
        background-color: transparent;
    }
table.i td p a:hover
    {
		color: #FFFFFF;
        background-color: #6C3673;
    }
table.i td a img.floatright
    {
        float: left;
        padding: 0 0;
        border: 0px solid red;
        padding: 0 0 0 0;
        text-decoration: none;
        background-color: transparent;
    }

/* LINKS TABLE STYLING */
table.l
    {
        width: 530px;
        padding: 0;
        border: 0px solid red;
		margin: 10px 0 0 0;
        background-color: transparent;
    }
table.l td
    {
        padding: 10px 0 10px 0;
        border: 0px solid green;
		margin: 0;
        background-color: transparent;
    }
table.l td p.conl
    {
        width: 300px;
        padding: 0 0 10px 20px;
        border: 0px solid lime;
		margin: 0;
		text-align: left;
        font-weight: normal;
        font-style: normal;
        background-color: transparent;
    }
table.l td p.conr
    {
        padding: 0 0 10px 20px;
        border: 0px solid blue;
		margin: 0;
		text-align: right;
        font-weight: normal;
        font-style: normal;
        background-color: transparent;
    }
table.l td p,
table.l td p a.x,
table.l td p a:hover.x
    {
        padding: 0;
        border: 0px solid blue;
		margin: 0;
		text-align: center;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        background-color: transparent;
    }
table.l td p a
    {
        padding: 0 auto;
        border: 0 solid #FFFFFF;
        padding: 0.1em 0.2em 0.1em 0.2em;
		color: #6C3673;
        text-decoration: none;
        background-color: transparent;
    }
table.l td p a:hover
    {
		color: #FFFFFF;
        background-color: #6C3673;
    }

/* PURPLE ALTERNATE TABLE STYLING */
table.purple_alt
    {
        width: 410px;
        padding: 0px 0px 0px 0px;
        border: 0px solid #CCCCCC;
		margin: 10px 0px 0px 0px;
        background-color: transparent;
    }
table.purple_alt tr
    {
        padding: 0;
        border: 0px solid red;
		margin: 0;
    }
table.purple_alt tr td
    {
        padding: 2px 0px 2px 20px;
        border-bottom: 2px solid white;
		margin: 0px 0px 0px 0px;
        text-align: left;
        color: #6A20A3;
        font-size: 1.1em;
        background-color: #F1E9F6;
    }
table.purple_alt tr.alt1 td
    {
        background-color: #D3BCE4;
    }
/* PURPLE ALTERNATE (2) TABLE STYLING */
table.purple_alt2
    {
        width: 510px;
        padding: 0px 0px 0px 0px;
        border: 0px solid red;
		margin: 10px 0px 0px 0px;
        background-color: transparent;
    }
table.purple_alt2 thead tr td
    {
        padding: 2px 5px 3px 5px;
        border: 0px solid red;
		margin: 0;
        text-align: center;
        color: white;
        background-color: #6A20AF;
    }
table.purple_alt2 th
    {
        padding: 0 5px 0 5px;
        border: 0px solid red;
		margin: 0;
        text-transform: uppercase;
        text-align: center;
        color: white;
        background-color: #A375D4;
    }
table.purple_alt2 tr td
    {
        padding: 2px 0px 2px 0px;
        border: 0px solid white;
		margin: 0px 0px 0px 0px;
        text-align: center;
        color: black;
        font-weight: normal;
        font-size: 1.1em;
        background-color: #F1E9F6;
    }
table.purple_alt2 tr.alt1 td
    {
        background-color: #D3BCE4;
    }

/* IMAGE STYLING*/
img
	{
		padding: 0 auto;
        border: 0 solid #FFFFFF;
		margin: 0 auto;
        text-align: center;
        vertical-align: middle;
	}

/* FLASH ANIM. how the ear works DIV */
#ear object
    {
        float: right;
        width: 535px;
        height: 320px;
		padding: 0;
        border: 0 solid #FFFFFF;  
        margin: 10px 0 0 10px;
        background-image:url(images/how_the_ear_works.png);
        clear: none;
    }

/* linked IMAGE STYLING*/
img.a
	{
		padding: 0;
        border: 0 solid #FFFFFF;
		margin: -12px 8px 0 0;
        vertical-align: middle;
        text-align: center;
        float: right;
	}
a.img
    {
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: -12px 8px 0 0;
		color: #783B8C;
        text-align: center;
        text-decoration: underline;
    }

/* MAP STYLE */
div.map
    {
        position: relative;
        right: 0;
        top: 0;
        float: right;
        z-index: 15;
        height: 204px;
        width: 239px;
        margin: 0;
        border: 0 solid #FFFFFF;
		padding: 0;
        background-color: transparent;
        background-image: url(images/map_bg.png);
        background-position: center center;
        background-repeat: no-repeat;
    }
img.map
	{
	    position: relative;
        float: right;
        margin: 15px 15px 0 0;
        border: 1px solid #792555;
        padding: 0;
        background-color: transparent;
	}

/* CELEBRATE LIFE... IMAGES */
div.images
    {
        position: relative;
        z-index: 0;
        width: 550px;
        height: 90px;
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
    }
div.image1
    {
        position: absolute;
        z-index: 20;
        top: 10px; left: 0;
        width: 100px;
        height: 100px;
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
    }
div.image2
    {
        position: absolute;
        z-index: 20;
        top: 10px; right: 0;
        width: 100px;
        height: 100px;
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
    }
div.image3
    {
        position: absolute;
        z-index: 15;
        top: 90px; left: 30px;
        width: 100px;
        height: 100px;
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
    }
div.image4
    {
        position: absolute;
        z-index: 15;
        top: 90px; right: 30px;
        width: 100px;
        height: 100px;
        padding: 0;
        border: 0 solid #FFFFFF;
		margin: 0;
    }

                                    /* LISTS */
/* numbered LIST */
ol.no
    {
        padding: 0 0 0 20px;
        border: 0 solid #FFFFFF;
        margin: 0 10px 0 10px;
        list-style: decimal outside;
        text-align: left;
    }
ol.no li
    {
        margin: 5px 0 5px 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        text-align: justify;
        font-size: 1.2em;
    }
ol.no li ol
    {
        padding: 0 0 0 20px;
        border: 0 solid #FFFFFF;
        margin: 0 10px 0 10px;
        list-style: lower-alpha outside;
        text-align: left;
    }
ol.no li ol li
    {
        margin: 5px 0 5px 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        text-align: justify;
        font-size: 1em;
    }

/* BASIC BULLET-POINT LIST */
ul.bullet
    {
        padding: 0 0 0 20px;
        border: 0 solid #FFFFFF;
        margin: 0 10px 0 10px;
        list-style: disc outside;
        text-align: left;
    }
ul.bullet li
    {
        margin: 5px 0 5px 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        text-align: justify;
        font-size: 1.2em;
    }

/* LARGE PURPLE BULLET-POINT LIST */
ul.bulletl
    {
        padding: 0 0 0 20px;
        border: 0 solid #FFFFFF;
        margin: 0 0 0 10px;
        list-style: disc outside;
        text-align: left;
    }
ul.bulletl li
    {
        margin: 0 0 5px 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        font-size: 1.3em;
        font-weight: bold;
		color: #5B1062;
        text-align: left;
        text-transform: uppercase;
    }

/* BULLET-TICK LIST */
ul.tick
    {
        padding: 10px 0 10px 100px;
        border: 0 solid #FFFFFF;
        margin: 0;
        list-style-position: outside;
        list-style-image: url(images/bullet_tick.gif);
        list-style-type: disc;
        text-align: left;
    }
ul.tick li
    {
        margin: 5px 0 0 0;
        border: 0 solid #FFFFFF;
        padding: 0 0 0 10px;
        font-size: 1.4em;
        font-weight: bold;
        font-variant: small-caps;
		color: #5B1062;
        text-align: left;
    }

/* QUESTION LIST */
ul.q
    {
        padding: 0 0 10px 0;
        border: 0 solid #FFFFFF;
        margin: 0 0 0 10px;
        list-style-type: none;
        text-align: left;
    }
ul.q li
    {
        margin: 1px 0 0 0;
        border: 0 solid #FFFFFF;
        padding: 0.2em 0 0.7em 30px;
        font-size: 1.2em;
        text-align: left;
        background-image: url(images/q1.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
    }

/* FOOTER NAVIGATION */
ul.footer
    {
        height: 5em;
    	margin: 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        list-style-type: none;
        text-transform: uppercase;
        text-align: center;
        display: block;
    }
ul.footer li
    {
        display: inline;
    	margin: 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        font-size: 0.8em;
        line-height: 150%;
    }
ul.footer li a
    {
        margin: 0;
        border: 0 solid #FFFFFF;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
		color: #6C3673;
        text-align: center;
    }
ul.footer li a:hover
    {
		color: #FFFFFF;
        background-color: #6C3673;
    }

/* MAIN PAGE NAVIGATION */
div.navigation  /* outer box */
	{
        z-index: 10;
        height: 57px;
        width: 748px;
        padding: 0;
        border: 0 solid #FFFFFF;
        border-bottom: 2px solid #500B56;
    	margin: 10px 0 0 0;
        background-color: transparent;
        background-image: url(images/nav_bar1.gif);
        background-repeat: repeat-x;
        background-position: bottom center;
	}
/* MAIN PAGE NAVIGATION first-level */
#navcontainer
    {
        height: 33px;
        margin: 0;
        border: 0 solid #FFFFFF;
        padding: 0;
    }
ul#nav
    {   /* 1st level outer div */
        height: 33px;
        width: 748px;
        margin: 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        list-style-type: none;
        text-transform: uppercase;
        text-align: center;
        background-image: url(images/nav_bar.gif);
        background-repeat: repeat-x;
        background-position: bottom left;
    }
#nav li
    {   /* 1st level list item outer div */
        display: block;
        float: left;
        margin: 0;
        border: 0 solid #FFFFFF;
        padding: 0;
        font-size: 11px;
    }
#nav li a
    {   /* 1st level list item 'link' */
        display: block;
        float: left;
        height: 25px;   /*33px*/
        margin: 0;
        border: 0 solid #FFFFFF;
        padding: 8px 8px 0 9px;
        font-size: 11px;
		color: #5B1061;
        text-align: center;
        text-decoration: none;
        font-weight: normal;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
#nav li.off a
    {
        background-image: url(images/nav_off.gif);
    }
#nav li.off a:hover,
#nav li.off:hover
    {
        background-image: url(images/nav_hover.gif);
    }
#nav li.current a,
#nav li.current a:hover
    {   /* 1st level list item 'link'
        for the current page */
		color: #FFFFFF;
        background-image: url(images/nav_current.gif);
    }
#nav li.off ul,
#nav li.current ul
    {   /* 2nd level outer div */
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 738px;
        margin: 160px 0 0 10px;
        /* margin brings 2nd level nav under 1st level */
        border: 0 solid #FFFFFF;
        padding: 0;
        background-image: url(images/nav_bar1.gif);
        background-repeat: repeat-x;
        background-position: bottom center;
    }
#nav li.current ul
    {   /* display current active subnav list */
        display: block;   /*none or block*/
        z-index: 5000;
        height: 24px;
        background-color: #FFFFFF;
    }
#nav li.off ul a,
#nav li.current ul a
    {   /* cancel inherit of border
           on subnav of active topic */
        float: left;
        /* ie doesn't inherit the float */
        width: auto;
        height: 16px;
        margin: 0 1px 0 0;
        border: 1px solid #E6E0E8;
        padding: 4px 8px 2px 8px;
        color: #5A1A61;
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: repeat-x;
        background-position: center center;
    }
#nav li.off ul a:hover,
#nav li.current ul a:hover
    {
        border: 1px solid #5A1A61;
        color: #5A1A61;
        background-color: #FFFFFF;
        background-image: url(images/nav_bar2.gif);
        background-repeat: repeat-x;
        background-position: center center;
    }
#nav li.current:hover ul,
#nav li.off:hover ul,
#nav li.over ul
    {   /*  display the other topics when
            their parent is hovered */
        display: block;
        z-index: 6000;
        height: 24px;
        background-color: #FFFFFF;
    }
#nav li.current:hover ul li a.blank,
#nav li.off:hover ul li a.blank,
#nav li ul li a.blank,
#nav li:hover ul li a.blank,
#nav li.over ul li a.blank
    {   /* for blanking out subnav list when no submenu is defined */
        display: none;   /*none or block*/
        z-index: 6000;
    }
#nav li.off:hover ul li a
    {   /* 2nd level list item in FF */
        border: 1px solid #E6E0E8;
        color: #5A1A61;
        background-color: #FFFFFF;
    }
#nav li ul li#on a
    {   /* 2nd level current item */
        border: 1px solid #5A1A61;
        color: #FFFFFF;
        background-image: url(images/nav_bar_on.gif);
    }
#nav li.off:hover ul li a:hover
    {   /* 2nd level list item (hover) in FF */
        border: 1px solid #5A1A61;
        color: #5A1A61;
        background-color: #FFFFFF;
        background-image: url(images/nav_bar2.gif);
        background-repeat: repeat-x;
        background-position: center center;
    }
#nav li.over a
    {   /* 1st level list item only in IE */
        border: 0 solid #FFFFFF;
        color: #5A1A61;
        background-color: #FFFFFF;
        background-image: url(images/nav_hover.gif);
        background-repeat: repeat-x;
        background-position: center center;
    }
#nav li:hover a
    {
        border: 0 solid #5A1A61;
        color: #5A1A61;
        background-color: #FFFFFF;
        background-image: url(images/nav_hover.gif);
        background-repeat: repeat-x;
        background-position: center center;
    }
#nav li.off ul,
#nav li.current ul
    {
        /* put the subnav below */
        top: 0;
        /* reposition for IE */
        *top: 0;
    }