#resources {}
#resources h1,h2,h3,h4,ul,li { margin: 0px; padding: 0px; list-style: none; display: block; position:relative; float: none; } 
#resources > h1 { font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; display: block; text-align: center; }
#resources > h2 { font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color:#999; border-top: solid 1px #CCC; padding-top: 3px; }
#resources > a { position: relative; z-index: 99; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; width:auto; text-align: left; }
#resources > a.subheader { display: block; position:relative; width: 115px; margin:auto auto 10px auto; color: #999; } 
#resources > a:hover { color: #000; text-decoration: underline; }
#resources > iframe { width: 640px; height: 800px; border: solid 1px #CCC; }
#resources > div { float:left; width: 50%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#resources > div > img { display:block; margin: 5px auto auto auto; border: solid 1px #CCC; padding: 5px; }
#resources > div > a { display: block; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;}
#resources > div > a:hover { color:#666; }
#resources > div > a > img { position: relative; top: 7px; }
#resources > div > h1 { font-size: 20px; font-weight: bold; }
#resources > div > h2 { font-size:11px; color:#999; }
#resources > div > span { font-size:12px; }
#resources > ul#links > li > h2 { padding: 5px; margin: 5px 0px; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; border-top: solid 1px #AAA; border-bottom: solid 1px #AAA; background-color:#E4E4E4 }
#resources > ul#links > li > ul > li { padding: 5px 5px; width: 655px; margin: 5px 0px; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; border-top: solid 1px #CCC; }
#resources > ul#links > li > ul > li:first-child { padding: 0px 5px;  border: none;  }
#resources > ul#links > li > ul > li > a { display: block; width: 100%; height: auto; }
#resources > ul#links > li > ul > li > a:hover { color: #000; }
#resources > ul#links > li > ul > li > a:after { content: ""; height: 0px; display: block; clear: both; }
#resources > ul#links > li > ul > li > a > img { display: block; width: 100px; border: none; float: left; margin-right: 5px; }
#resources > ul#links > li > ul > li > a > div.name { width: 500px; height: auto; float: left; }
#resources > ul#links > li > ul > li > a > div.name h3, 
#resources > ul#links > li > ul > li > a > div.name span {display: block; }