/*
 * Containers
 * A centers the whole site; B provides the white background and the left-float we're going to need
 * from here on in; C creates the thin blue border as well as the 2 pixels of space inside of it;
 * if there's a left nav, D uses the "faux columns" technique to create a gray background for it.
 */
#popup_container_A { margin: 25px auto; text-align: left; width: 510px; }
#popup_container_B { background: #fff; float: left; padding: 5px; width: 500px; }
#popup_container_C { border: 1px solid #036; padding: 2px; width: 494px; float: left; }
* html #popup_container_C { width: 500px; }

/*
 * header area
 */
#header { background: #0f467f url(../images/bg_header.gif) right repeat-y; float: left; width: 494px;}
#logo { float: left; width:  247px; }


/* 
 * content
 */
/* this is the same overall setup at the basic.css version of #content; 
 * just leaving the padding values in here to remind you that they're in 
 * effect, since basic.css is being loaded just before this. 
 * -- Okay, I just added 15px of top-padding that's not there in the original.
 */
#content { width: 483px; padding: 15px 0 10px 11px; }
* html #content { width: 494px; }

table.popular_links { margin-top: 15px; width: 483px; }
table.popular_links td { padding: 0 0 5px 0; vertical-align: top; }
table.popular_links td.num { width: 20px; }
table.popular_links td.title_link { padding-right: 10px; }
table.popular_links td.email_this_link { width: 85px; }