.PageHeader{
 color:#5059A8;
 font-size:25px	;
 }
 
 body {
    text-align: center;
    background:url(images/bgGrad.jpg); 
    background-repeat:repeat-x;
    background-color:#fff;
    font-family:Arial;
    font-size:13px;
    color:#313131;
  }
  
  #wrapper {
    width: 750px;
    text-align: left;
    margin: 0 auto;
  }

  
  #header {
    width: 750px;
     background:url(images/header.jpg);
     background-repeat:no-repeat;
     height:304px;
  }
  #space{
  	background:url(images/space.jpg);
  	height:63px;
  	background-repeat:no-repeat;
  }

    #navigation{
    background-image:url(images/navigation.jpg);
  height:50px;
    

  }
  #middle {
 
    width: 730px;
    float: left;
    background:url(images/tt_bfly.jpg);
    background-repeat:no-repeat;
    background-position:100% 100%;
    
    background-color:#FFF;
    padding: 0 10px;
  }

  #footer {
    width: 750px;
    clear: both;
     padding-top:50px;
    min-height:25px;
        text-align:center;
    font-size:11px;
    color:#5059A8;
  }
  
    #footer a:link, #footer a:visited{
  color:#5059A8;
  font-weight:bold;
  text-decoration:none;
  }
  #footer a:hover{

  text-decoration:underline;
  }
    
      /***************************************************************************/
/* WORKING DROPDOWN CSS:
/***************************************************************************/

.ddmx {
    margin-left:			15px;
    font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 				0 25px 3px 0px;
    font-family : 			Arial, Helvetica, sans-serif;
	font-size : 			12pt;
	font-weight : 			bold;
	color: 					#333333;
    font-weight: 			bold;
    text-decoration: 		none;
    display: 				block;
    white-space: 			nowrap;
    position: 				relative;
    border-bottom:1px solid black;
     
}
.ddmx .item1:hover {
	color: 					#40608f;
	}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 				3px 8px 4px 6px;
    font-family : 			Arial, Helvetica, sans-serif;
	font-size : 			12px;
	color: 					#000;
    text-decoration: 		none;
    display: 				block;
    white-space: 			nowrap;
    position: 				relative;
    z-index: 				500;
}
.ddmx .item2 {
    background: #EDD6F2;
    
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #8ca0bb;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .item3,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
    padding: 				3px 8px 4px 6px;
    font-family : 			Arial, Helvetica, sans-serif;
	font-size : 			11pt;
	color: 					#0066ff;
    text-decoration: 		none;
    display: 				block;
    white-space: 			nowrap;
    position: 				relative;
    z-index: 				500;
}
.ddmx .item3 {
    background: #e5e1da;
}
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover {
    background: #ffffff;
}
.ddmx .section {
    border: 			3px solid #BEABD4;
    border-top: 		0;
    position: 			absolute;
    visibility: 		hidden;
    z-index: 			-1;

}

* html .ddmx td { position: relative; } /* ie 5.0 fix */