/* New Presentational elements that are common to all pages on the site */
body
{
    background:white;
    color:black;
    font-size: 76%;
    font-family:Arial,Geneva,sans-serif;
}

p, td, input, textarea
{
    font-size:1.0em;
    font-family:Arial,Geneva,sans-serif;
}

h1
{
 font-size:0.8em;
}
h2
{
 font-size:1.2em;
}
h3
{
 font-size:1.0em;
}
h4
{
 font-size:2.0em;
}

hr
{
 height:1px;
 margin-left:6px;
 margin-right:6px;
 border:0;
 color:#CCC;
 background-color:#CCC;
}

table
{
 border-collapse:collapse;
 margin-top:6px;
 margin-bottom:6px;
}
th
{
 background:#555555;
 text-align:left;
 padding:6px;
}
td
{
 border-top:1px solid #E5E5E5;
 border-bottom:1px solid #E5E5E5;
 text-align:left;
 vertical-align:top;
 padding:6px;
}

a:link,
a:visited
{
 color:#069;
 text-decoration:none;
}
a:hover,
a:focus
{
 text-decoration:underline;
}
/* Remove borders from all images by default, saves having to do it
   in link styles.
*/
img
{
    border:0;
}

/* Some useful general-purpose styles */
.lightblue
{
 color:#09C;
}
.bold
{
 font-weight:bold;
}
.centred
{
 text-align:center;
}
.clearboth
{
 clear:both;
}
.hugetext
{
 font-size: 1.1em;
}
.left
{
 float:left;
}
.right
{
 float:right;
}
img.left
{
 margin:4px 10px 4px 6px;
}
img.right
{
 margin:4px 6px 4px 10px;
}


/* Styles for the site header */
#header
{
    background-image:url("EUHead_Cancer.jpg");
    background-repeat:no-repeat;
}

/* quick search box styles */
#quicksearch
{
    color:white;
}
/* quick links styles */
#quicklinks ul
{
    list-style-type:none;
    padding:0;
    margin:0;
}
#quicklinks li
{
    display:inline;
    margin-left:1em;
    padding-left:1em;
    background-image:url("quicklinks_list_icon.gif");
    background-position:2px 3px;
    background-repeat:no-repeat;
}
#quicklinks a:link,
#quicklinks a:visited,
#quicklinks a:active
{
    color:white;
    text-decoration:none;
}
#quicklinks a:hover
{
    text-decoration:underline;
}
/* top navigation list styles */
#topnavigation ul
{
    list-style:none;
    height:32px;
    padding:0;
    margin:0;
}
#topnavigation li
{
    float:left;
    height:32px;
}
#topnavigation a
{
    display:block;
    width:75px;
    height:20px;
    text-align:center;
    padding-top:7px;
}
#topnavigation a:link,
#topnavigation a:visited,
#topnavigation a:active
{
    color:black;
    text-decoration:none;
}
#topnavigation .Home
{
    width:99px;
    background-image:url("Home.gif");
    background-repeat:no-repeat;
}
#topnavigation .testimonials
{
    width:99px;
    background-image:url("testimonials.gif");
    background-repeat:no-repeat;
}
#topnavigation .real_essiac
{
    width:99px;
    background-image:url("real_essiac.gif");
    background-repeat:no-repeat;
}
#topnavigation .disease
{
    width:99px;
    background-image:url("disease.gif");
    background-repeat:no-repeat;
}
#topnavigation .articles
{
    width:99px;
    background-image:url("articles.gif");
    background-repeat:no-repeat;
}
#topnavigation .success
{
    width:99px;
    background-image:url("success.gif");
    background-repeat:no-repeat;
}
#topnavigation .news
{
    width:99px;
    background-image:url("news.gif");
    background-repeat:no-repeat;
}
#topnavigation .FAQ
{
    width:99px;
    background-image:url("FAQ.gif");
    background-repeat:no-repeat;
}
#topnavigation .research
{
    width:99px;
    background-image:url("research.gif");
    background-repeat:no-repeat;
}
#topnavigation .cancer_info
{
    width:99px;
    background-image:url("cancer_info.gif");
    background-repeat:no-repeat;
}


/* Styles for "trails" navigation */
p.trail
{
 padding:6px;
 font-size:0.9em;
}
p.trail,
p.trail a:link,
p.trail a:visited
{
 color:#777;
 text-decoration:none;
}
p.trail a:hover
{
 text-decoration:underline;
}
p.trail .current
{
 font-weight:bold;
}

/* footer styles */

#footer
{
 padding-top:1em;
 text-align:center;
}
#footer p.copyright
{
 padding-top:12px;
 background-image:url("footer_bg.jpg");
 background-position:top center;
 background-repeat:no-repeat;
}

#footer p
{
 font-size:0.9em;
}

#footer p,
#footer a:link,
#footer a:visited,
#footer a:active
{
 color:#000;
 text-decoration:none;
}
#footer a:hover
{
 text-decoration:underline;
}

/* Styles for reddot addition */ 
.reddot {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 0.9em;
        color : #CC0000;
        text-decoration : none;
}

.reddot_area {
        border: 1px solid CC0000;
        margin: 1px; 
        padding: 1px; 
        background-color: #EEEEFF 
}

#logoLinkHome
{
 position: absolute;
 left: 10px;
 top: 8px;
 height: 77px;
 width: 77px;
 cursor: pointer;
 cursor: hand;
 background-image: url("transparentImage.gif");
 /*border: solid 1px black;*/
}

<rde-dm:query searchable="true"></rde-dm:query>