/**************************************
Style Sheet for Dawn of Hope
**************************************/

*{margin:0;padding:0;}

body {background:#FFFFCC;margin:0;padding:0;border:none;font-size:13px;\text-align:center;}

pre {font-family:verdana,tahoma,arial,sans-serif;font-size:13px;}

pre a{color:#009999;}
pre a:hover{color:#FFCC66;}
pre a:visited{color:#009999;}
pre a:visited:hover{color:#FFCC66;}

/***********************************
 Begin content area styling
***********************************/

#centerme {display:block;margin-left:auto;margin-right:auto;width:979px;align:center;\text-align:center;}

#container {background:url(images/mainbg.gif) repeat-y;width:979px;}

#top {position:relative;margin:0 auto;width:961px;height:122px;align:center;}

#contentholder {position:relative;margin:0 auto;width:950px;align:center;padding:5px;\text-align:left;overflow:hidden;}

#contentleft img {border:1px solid #666666;}

#contentleft {float:left;color:#000000;background:#67b6b6;border:1px solid #666666;text-align:center;padding:5px 0px 5px 0px;width:200px;}

#leftheader {background:#FFCC66;color:#000000;text-align:center;border-bottom:1px solid #666666;}

#contentcenter {float:none;margin:0 auto;width:515px;background:#EEEEEE;padding:2px;border:1px solid #666666;align:center;}
#contentcenter a{text-decoration:none;color:#009999;}
#contentcenter a:hover{text-decoration:none;color:#FFCC66;}
#contentcenter a:visited{text-decoration:none;color:#009999;}
#contentcenter a:visited:hover{text-decoration:none;color:#FFCC66;}
#contentcenter img{border:1px solid #666666;margin-left:-1px;}

#contentcenterhome {float:none;width:735px;background:#EEEEEE;padding:2px;border:1px solid #666666;align:center;}
#contentcenterhome a{text-decoration:none;color:#009999;}
#contentcenterhome a:hover{text-decoration:none;color:#FFCC66;}
#contentcenterhome a:visited{text-decoration:none;color:#009999;}
#contentcenterhome a:visited:hover{text-decoration:none;color:#FFCC66;}
#contentcenterhome img{border:1px solid #666666;margin-left:-1px;}


#pagetitle {position:relative;background:url(images/titlebg.gif) repeat-x;border:1px solid #666666;width:509px;height:auto;font:bold 14px Verdana, Arial, Helvetica, sans-serif;padding:2px;z-index:0;}

#pagetitlehome {position:relative;background:url(images/titlebg.gif) repeat-x;border:1px solid #666666;width:729px;height:auto;font:bold 14px Verdana, Arial, Helvetica, sans-serif;padding:2px;z-index:0;}


#contentright {float:right;background:#67b6b6;color:#FFFFFF;border:1px solid #666666;width:200px;text-align:center;}

#contentright {border-top:0px;}
#contentright a {text-decoration:none;color:#FFFFFF;}
#contentright a:hover {text-decoration:none;color:#CCCCCC;}
#contentright a:visited {text-decoration:none;color:#FFFFFF;}
#contentright a:visited:hover {text-decoration:none;color:#CCCCCC;}

#newsletter {position:relative;background:#67b6b6;color:#FFFFFF;border-top:1px solid #666666;width:200px;}

#rightheader {position:relative;background:url(images/titlebg.gif) repeat-x;color:#000000;border-bottom:1px solid #666666;border-top:1px solid #666666;padding-left:2px;width:198px;height:auto;}

#newsheader {position:relative;background:url(images/tealfade.gif) repeat-x;color:#FFFFFF;border-bottom:1px solid #666666;padding-left:2px;width:198px;height:auto;}

#rightspacer {position:relative;width:202px;left:-1px;height:10px;background:#FFFFFF;border-top:1px solid #666666;}

#contentrightholder {position:relative;width:190px;padding:5px;text-align:center;}

#contentrightholder p{padding:2px;}

#contentrightholder a {text-decoration:none;color:#FFFFFF;}
#contentrightholder a:hover {text-decoration:none;color:#CCCCCC;}
#contentrightholder a:visited {text-decoration:none;color:#FFFFFF;}
#contentrightholder a:visited:hover {text-decoration:none;color:#CCCCCC;}

#news {text-align:left;color:#000000;padding:5px;}
#equal {text-align:left;color:#000000;padding:5px;font-size:11px;}

#footer {background:url(images/footer.gif);margin:0 auto;width:979px;height:21px;}

#textmenu {text-align:center;padding-bottom:5px;}

#textmenu a {text-decoration:none;color:#000000;}
#textmenu a:hover {text-decoration:none;color:#009999;}
#textmenu a:visited {text-decoration:none;color:#000000;}
#textmenu a:visited:hover {text-decoration:none;color:#009999;}

/***********************************
 Begin CSS Popout Menu 
***********************************/

#menuholder {
position:relative;
background:url(images/tealfade.gif) center center repeat-x;
padding:0;
margin:0 auto;
border-bottom:1px solid #009999;
width:961px;
height:29px;
z-index:1000;
}

#menumover{margin-left:120px;}

#menu{height:29px;}

#menu a, #menu h2{
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
display:block;
border-right:1px solid #FFFFFF;
white-space:nowrap;
padding:0px;
}

#menu h2{
display:block;
color:#FFFFFF;
background:url(images/tealfade.gif) center center repeat-x;
text-align:center;
line-height:2;
height:29px;
padding-left:10px;
padding-right:10px;
}

#menu h3{
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
border-right:0px; /* the whole reason for the h3 tag */
display:block;
color:#FFFFFF;
background:url(images/tealfade.gif) center center repeat-x;
text-align:center;
line-height:2;
height:29px;
padding-left:10px;
padding-right:10px;
border-right:0px;
white-space:nowrap;
}

#menu h1 a{
color:#FFFFFF;
background:url(images/tealfade.gif) center center repeat-x;
text-align:center;
height:29px;
line-height:2;
border-top:0px;
padding-left:10px;
padding-right:10px;
}

#menu h1 a:hover{
color:#000000;
background:url(images/tealfade-over.gif) center center repeat-x;
text-align:center;
line-height:2;
}

#menu a{text-decoration:none;color:white;background:#339999;height:20px;}
#menu a:hover{color:black;background:#FFCC66;}
#menu ul{list-style:none;float:left;margin:0;padding:0;/left:0;}
#menu li{position:relative;}
#menu ul ul{position:absolute;top:auto;display:none;}
#menu ul ul ul{top:0;left:100%;}
#menu ul li ul li a{
font:13px Verdana, Arial, Helvetica, sans-serif;
padding-left:2px;
padding-right:2px;
border-bottom:1px solid white;
border-left:1px solid white;
text-align:left;
}

/***********************************
 Begin non-anchor hover selectors
***********************************/

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{color:black;background:url(images/tealfade-over.gif) center center repeat-x;}

div#menu h3:hover{color:black;background:url(images/tealfade-over.gif) center center repeat-x;}

div#menu li:hover{cursor:pointer;z-index:100;}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/****************************************
Styling for IE incompatibilities  
****************************************/
* html {background:#FFFFCC;margin:0;padding:0;border:none;font-family:verdana,tahoma,arial,sans-serif;font-size:13px;}
html>body {background:#FFFFCC;margin:0;padding:0;border:none;font-family:verdana,tahoma,arial,sans-serif;font-size:13px;}

* html #menuholder {position:relative;background:url(images/tealfade.gif) repeat-x;margin-top:0;width:961px;height:1%;z-index:2000;}

* html #menu a {height:20px;h\eight:20px;}

* html #menu h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;height:29px;h\eight:29px;line-height:2;}
html>body #menu h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;height:29px;h\eight:29px;line-height:2;}

* html #menu h1 a {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
height:29px;
background:url (images/tealfade.gif) center center repeat-x;
text-align:center;
line-height:2;
}

* html #menu h1:hover {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#000;
height:29px;
background:url (images/tealfade-over.gif) center center repeat-x;
text-align:center;
}

* html #menu ul {width:1%;height:1%;}

* html #menu ul li ul li a{display:block;font:13px Verdana, Arial, Helvetica, sans-serif;padding-left:2px;height:1%;width:160px;padding:2px;}

*:first-child+html #menu ul li ul li a{font:13px Verdana, Arial, Helvetica, sans-serif;padding-left:2px;height:1%;width:160px;padding:2px;}

* html #rightspacer {width:200px;left:0px;}