body {background: #668299 url(../courses/images/popup/bg-body.gif) repeat-x; color: #333;}
a#closeWindow {background: url(../courses/images/popup/button-close.gif); width: 16px; height: 16px; top: 6px; left: 579px; position: absolute; text-indent: -9999px; outline: none;}
#wrap {width: 560px; padding: 25px 20px 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/

/**************************************************content area********************************************/
#content {position: relative;}
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#content img {background: url(../courses/images/popup/bg-img.gif) no-repeat; margin: 0 25px 0 0; padding: 3px; float: left;}

/**************************************************center column*******************************************/
#main {background: url(../courses/images/popup/bg-main.gif) no-repeat; width: 357px; height: 165px; padding: 4px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul {height: 125px; overflow-y: auto; overflow-x: hidden; font-size: 1.1em;}
#main ul li {width: 345px; display: block; color: #368; padding: 3px 10px; font-weight: bold; clear: both;}
* html #main ul li {width: 319px; height: 1%;}
#main ul li.even {background: #eee;}
#main ul li span.date {width: 20px; padding: 0 10px 0 0; display: block; float: left;}

/**************************************************left column*********************************************/
#sidebar {position: relative;}

/**************************************************footer**************************************************/
#footer {height: auto !important; margin: 30px 0 0 0; position: relative; clear: both;}
#footer ul#footerNav {width: 100%; height: 23px; margin: 0; position: relative; z-index: 999;}
#footer ul#footerNav li {background-repeat: no-repeat; height: 23px; list-style: none; display: inline; position: relative; float: left;}
#footer ul#footerNav li:hover, #footer ul#footerNav li.iehover {background-position: 0 -23px;}
#footer ul#footerNav li a {background: transparent; height: 23px; left: 0; position: absolute; display: block; text-indent: -9999px;}
#footer ul#footerNav li a:hover {text-decoration: none;}
#footer ul#footerNav li#ss {background-image: url(../courses/images/popup/button-search_all_resources.gif); width: 139px;;}
#footer ul#footerNav li#ss a#sslnk {width: 139px;}
#footer ul#footerNav li#iu {background-image: url(../courses/images/popup/button-itunes_u.gif); width: 63px;}
#footer ul#footerNav li#iu a#iulnk {width: 63px;}
#footer ul#footerNav li#st {background-image: url(../courses/images/popup/button-subscribe_to_podcast.gif); width: 137px;}
#footer ul#footerNav li#st a#stlnk {width: 137px;}
#footer ul#footerNav li#es {background-image: url(../courses/images/popup/button-explore_our_sites.gif); width: 206px;}
#footer ul#footerNav li#es a#eslnk {width: 206px;}
/*1st level dropdown*/
#footer ul#footerNav li ul {background: url(../courses/images/popup/bg-rollup.png) no-repeat; color: #ffe; width: 206px; height: auto; bottom: 23px; left: -9999px; position: absolute; z-index: 99;}
#footer ul#footerNav li ul li {height: auto; float: none;}
#footer ul#footerNav li ul li a {color: #ffe; height: auto; padding: 5px 10px 5px 16px; font-size: 1em; position: relative; text-indent: 0;}
#footer ul#footerNav li ul li a:hover {color: #bde; display: block; text-decoration: none;}
#footer ul#footerNav li:hover ul, #footer ul#footerNav li.iehover ul {left: 0;}