/* 20090420_2200 */          


#wrapper {
  position: relative;
  text-align: left;
  width: 970px;
  margin-right: auto;
  margin-left: auto;
}


/* Header */
h1 { 
    color: #FFFF00;
    font: bold 1.8em/2 "Times New Roman", "Courier New", Arial; 
    vertical-align: center; 
    padding: .5em; 
    border: 1em solid; 
    border-width: .1em; 
    border-color: #0000FF; 
    margin: -.31em -.30em;
    width:98%;
    min-width:21em;
    background-position: top right;
    background-image: url(dyd-img.gif); 
    background-repeat: no-repeat;
    background-color: #0000FF;
}

h2 { 
    font: bold .747em/2 Arial, "Courier New", "Times New Roman"; 
    position:relative;margin:0;padding:0.15em;border:transparent;clear:both;
    text-align: center;
    margin: .9em -1.2em;
}       

{margin:2;padding:0;border:none;}
body{background-color: #cccccc; margin:.7em;font-family:verdana,tahoma,arial,sans-serif;}

/* End header */


/* Horizontal CSS Menu with Dropdown and Popout Menus */

#wrapper-menu {
  position: relative;
  width: 983px;
  margin-right: auto;
  margin-left: auto;
}


/* Center dropdown menus */
#menu li li a { width: auto; padding: 0 }
#menu li:hover ul { top: 3.35em; left: .8em }	

/* IE Menu positioning*/
#menu{float:none;} /* Required for IE to avoid positioning bug */
#menu ul li{float:left;width:100%;}
#menu h2, #menu a{height:1%;}	

/* IE 7 width:106.5%; */
/* IE 8 width:106.8%; */
/* IE 7/8 width: 106.7 */
#menu{
width:106.7%;
float:left;
}

#menu a{
font:bold 95%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:.3em;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
}

#menu h2{
font:bold 110%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:0;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
margin:.03em;
padding:0 -3em;
}

#menu a{
color:#fff;
background:#000;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{
color:#a00;
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:-.58em;
padding:.05em;
float:left;
width:14.29%;
}

#menu li{
position:relative;
}

#menu li ul ul{
margin: -3.37em 0 0 11em;
}

#menu ul ul{
position:absolute;
width:96%;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Non-anchor hover selectors */

div#menu h2:hover{
background:#000;
}

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;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
background:#eee;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End Horizontal CSS Menu with Dropdown and Popout Menus */


/* Body */
#bgrdwrap {background-color:#E8E8E8;position:absolute;left:-9px;top:117px;width:987px;margin-right:auto;margin-left:auto;z-index:-1;}

#title{z-index:-1;}
#title{font: bold 2em "Courier New", "Times New Roman", Arial;}
#title{position:absolute;top:2em;margin:2;left:10px;}
#title{color:#8B0000;clear:both;text-align:center;}

#content{z-index:-2;}
#content{position:relative;top:7.7em;margin:0;padding:0.5em;color:#191970;clear:both;}
#content a:link{color:#0000ff;}
#content a:visited{color:#0000ff;}
#content a:hover{color:#0000ff;background:#eee;}
#content a:active{color:#0000ff;}

#contentlink a:link{color:#a00;}
#contentlink a:visited{color:#a00;}
#contentlink a:hover{color:#a00;background:#eee;}
#contentlink a:active{color:#a00;}

#rootmenu a:link{color:#000099;font: bold 1.3em "Comic Sans MS", "Times New Roman", Arial;}
#rootmenu a:visited{color:#000099;font: bold 1.3em "Comic Sans MS", "Times New Roman", Arial;}
#rootmenu a:hover{color:#000099;background:#eee;font: bold 1.3em "Comic Sans MS", "Times New Roman", Arial;}
#rootmenu a:active{color:#000099;font: bold 1.3em "Comic Sans MS", "Times New Roman", Arial;}
#rootmenu{color:#330000; font: bold 1.2em "Times New Roman", Arial, "Courier New";}

#footer-wrp{background-color:#E8E8E8;position:relative;left:-8px;top:-35px;width:987px;margin-right:auto;margin-left:auto;z-index:-1;}
#footer{position:relative; left:42%; color:#000; font-weight: bold; font: .9em Arial, "Courier New", "Times New Roman";}
#footer a:link{color:#000000; font: .9em Arial, "Times New Roman", "Courier New"; }
#footer a:visited{color:#000000; font: .9em Arial, "Times New Roman", "Courier New";}
#footer a:hover{color:#000000; font: .9em Arial, "Times New Roman", "Courier New";}
#footer a:active{color:#000000; font: .9em Arial, "Times New Roman", "Courier New";}


h3 {
color: #003333;
font: bold 1.7em "Times New Roman", "Courier New", Arial; 
}

h4 {
color: #330099;
font: bold 1.5em "Times New Roman", "Courier New", Arial; 
} 


/* End body */


/* END CSS */