/* Links */
a:link {color:#cadd23; text-decoration: none;}
a:visited {color:#cadd23; text-decoration: none;}
a:hover {color: #000000; text-decoration: none; font-weight: bold;}
a:active {color:#d0255a; text-decoration: none;}
/* End Links */

h2, h3, p {font-family: Verdana, Arial, Helvetica, sans-serif;}
input {border:1px solid #ffffff; padding-left:5px;}
input.submit {background: #cadd23; border:3px outset #000000;}
select {border:1px solid #ffffff; padding-left:5px;}
img{margin:0px; padding:0px; border: 0px; vertical-align: top;}

/* Top Level Containers */
body#hoperiverrun {width: 100%; margin:0px; padding:0px; border:0px; font-size:12pt; background: #000000;}
div#container {width:800px; margin: 0px auto; padding:3px 8px; border:0px;  padding-bottom:0px;background: #555555;} /* Overall Container */
/* End Top Level Containers */

/* Wrappers */
div#b_wrapper {margin: 0px; padding: 4px 0px; border: 0px;} /* Banner Wrapper */
div#m_wrapper {margin: 0px; padding: 4px 0px; border: 0px} /* Navigation Bar Wrapper */
div#c_wrapper {margin: 0px; padding: 4px 0px; border: 0px; clear:both; z-index:-1} /* Content Wrapper */
div#sp_wrapper {margin: 0px; padding: 4px 0px;} /* Sponsor wrapper */
/* End Wrappers */

/* Navigation Bar */
#navi {background:#ffffff; width:100%; margin: 0px; padding: 0px 0px;}
    /* decorations */
#menu {font-family: Arial, Helvetica, sans-serif;border: 0px; text-align: left; font-size: 20px; font-weight:bold; color: #02aef0;}
#menu a {color:#02aef0; font-size: 16px; text-decoration:none;padding:0px 15px;}
#menu ul {background:#ffffff}
#menu li {background:#ffffff;}
#menu ul ul {border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-bottom:2px solid #333333;border-right:2px solid #333333}

    /* Layout */
#menu {margin: 0px; padding: 0px 3px;; height:20px; line-height: 20px;}
#menu ul {margin: 0px; padding: 0px; border: 0px; list-style: none; float:none;}
#menu li {margin: 0px; padding: 0px ;position: relative; float:left; line-height:20px;}

<!--[if IE]>
#menu li li a {zoom: 1} /* defeat hasLayout bugs in IE */
<![endif]-->
#menu a {display: block;}

#menu ul ul {display:none; position:absolute; width: 128px; top:20px; left:0px}
#menu li li {margin: 0px; padding: 0px; float: none;width: 128px;}


    /* display submenu*/
#menu li.hover ul, #menu li.on ul {display:block;}

    /* show highlight */
#menu li a:hover {color:#ffffff;background:#125C78;}
#menu li li a:hover {background:transparent;}
#menu li li.off {color:#02aef0;background:#ffffff;}
#menu li li.on {color:#ffffff;background:#125C78;}
/* End Navigation Bar */

/* Content */
div#content {background: #ffffff url("../../images/content.gif") repeat-y bottom right;} /* Content Container */
div#left {width:199px; float:left;} /* Left Column Content Container */
div#right {float:right;    width:600px;} /* Right Column Content Container */

div#l_content {color: #CE215B; letter-spacing: 0px; padding-right:2px; padding-left:2px;}
div#l_content h2 {margin:10px 0px 10px 0px; font-size: 1.4em; text-align: center;}
div#l_content h3 {margin:20px 0px 0px 0px; text-align: center;color:#02AEF0;}
div#l_content p {margin:10px 5px 10px 5px; font-size:0.9em; font-weight: bold;  text-align: center;}

div#r_content {color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px;    padding-right:45px;    padding-left:45px;}
div#r_content h2 {margin:10px 0px 10px 0px; font-size: 1.4em; text-align: right;}
div#r_content p, ul {font-size: 0.9em; text-align: justify; margin:10px 0px 10px 0px;}
div#r_content p.links {margin:5px 0px; font-weight: bold; font-size: 0.9em;    text-align: right;}
/* End Content */

/* Sponsors */
div #sponsors {width: 100%; background: #ffffff;}
#sponsors iframe {height: 180px; width: 100%;}
/* End Sponsors */

/* Footer Navigator */
div.footer-navi{margin: 0px;font-family: Arial, Helvetica, sans-serif;    font-size: 0.8em; font-weight: bold; text-align: center; color:#02AEF0; padding:1em 0em;}
span.rborder {margin: 0px; padding-left:5px; padding-right:5px; border-right:1px solid #02aef0;}
span.rborder_end { margin: 0px;    padding-left:5px;padding-right:5px;}
/* End Footer Navigator */

/* Anchor CSS for Footer */
span.rborder a:link {color:#02AEF0; text-decoration: none;}
span.rborder a:visited {color:#02AEF0; text-decoration: none;}
span.rborder a:hover {color:#ffffff; text-decoration: none;}
span.rborder a:active {color:#cadd23;    text-decoration: none;}

span.rborder_end a:link {color:#02AEF0;    text-decoration: none;}
span.rborder_end a:visited {color:#02AEF0; text-decoration: none;}
span.rborder_end a:hover {color:#ffffff; text-decoration: none;}
span.rborder_end a:active {color:#cadd23; text-decoration: none;}
/* End Anchor CSS for Footer */


div.popups{
    padding:3px 5px;
    border-top:0px solid #dddddd;
    border-left:1px solid #dddddd;
    border-bottom:5px solid #000000;
    border-right:4px solid #000000;
    background-color:#ffffff;
    display:none;
    z-index:1;
    text-align:left;
    background-image: url("../../images/bg-lite-stripes.gif");
    background-repeat: repeat;
}

p.comments {
    font-weight: 500;
}


div#counter {
    width:100%;
    text-align:center;
    padding-top:10px;
}

span.names {
   font-style:italic;
}
/* For Contact page */
table#t_volunteer {
    font-family:  Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
}
table#t_volunteer td.v_items{
    font-family:  Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight:bold;
}

/*
div#benefiting {position: absolute; font-family: Verdana, Arial, Helvetica, sans-serif;    color: #ce215b; text-align: center; letter-spacing: 0px; width:380px; top:15px; margin: 0 auto; background-color: transparent;}
div#benefiting h2 {margin: 0px; padding: 0px; font-size: 1.4em;}
div#benefiting p {font-size:0.9em; font-weight: bold; margin: 0px;}
*/