/* =================================================================
  BODY / GLOBAL
================================================================= */
/* Set font sizes that will be inherited by child elements */
body { margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; }
div#container { width:950px; position:relative; margin:0 auto; text-align:left; font-size:1.1em; }
div.skip { display:none; } /* Good for screen readers, but don't want it to display in browsers */

h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }
h4 { font-size:1em; }

/* =================================================================
  HEADER
================================================================= */
div#headerBlock { width:950px; height:62px; }
div#header { width:944px; height:62px; margin:0 3px; }
div#header h1 { float:left; display:block; width:190px; height:62px; margin:0; padding:0; }
div#header h1 span { display:none; }

/* =================================================================
  SEARCH FORM
================================================================= */
div#searchBar { float:right; width:754px; text-align:right; }
div#searchBar table { float:right; margin:23px 23px 0 0; padding:0; display:inline; }
div#searchBar fieldset { border:none; margin:0; padding:0; }
div#searchBar label, div#searchBar select, div#searchBar input { margin-right:4px; }
div#searchBar div { float:left; }
div#searchBar label { padding:0 2px; }


/* =================================================================
  NAVIGATION
================================================================= */
div#navBlock { clear:both; width:950px; height:37px; }

/* PRIMARY NAV */
ul#nav { float:left; position:relative; width:944px; height:37px; list-style-type:none; margin:0 3px; padding:0; display:inline; }
ul#nav li { float:left; }
ul#nav li a.top { display:block; height:20px; }
ul#nav li a.top span { display:none; }

/* PRIMARY NAV - IMAGES */
ul#nav li#nav-home a.top { width:57px; }
ul#nav li#nav-news a.top { width:52px; }
ul#nav li#nav-features a.top { width:75px; }
ul#nav li#nav-research a.top { width:123px; }
ul#nav li#nav-store a.top { width:56px; }

/* SUB NAV */
ul#nav li ul { display:none; float:left; position:absolute; top:20px; left:0; width:944px; height:17px; margin:0; padding:0; list-style-type:none; }
ul#nav li ul li { float:left; margin:0; padding:0 12px; height:17px; }
ul#nav li ul li a { font-size:.9em; }

/* DISPLAY "ON" SUBNAV */
body#home ul#nav li#nav-home ul { display:block; }
body#news ul#nav li#nav-news ul { display:block; }
body#features ul#nav li#nav-features ul { display:block; }
body#research ul#nav li#nav-research ul { display:block; }
body#store ul#nav li#nav-store ul { display:block; }

/* =================================================================
  CONTENT
================================================================= */
div#columnContainer { clear:both; float:left; width:950px; border-width:3px 0 0 0; border-style:solid; }
div#stage { float:left; width:760px; }
div#content { float:right; width:570px; }
div#related { float:left; width:190px; }
div#cPanel { float:left; width:190px; }

/* =================================================================
  NEWS
================================================================= */
div#newsHeadlines { padding:20px; }
p.dateline { margin:0; }
p.teaser { margin:.3em 0; }

/* =================================================================
  FEATURED NEWS
================================================================= */
div#featuredNews { width:570px; height:217px; }

/* =================================================================
  CURRENT NEWS
================================================================= */
div#currentNews { float:left; width:339px; border-width:0 1px 0 0; border-style:solid; font-size:1.1em; }
div#currentNews div.article { padding-bottom:10px; margin:0 20px 10px 0; border-width:0 0 1px 0; border-style:solid; }
div#currentNews h3 { margin:0 0 12px 0; }
div#currentNews h4 { margin:0; }
div#currentNews h4 a { font-size:1.2em; }

/* =================================================================
  PHOTO NEWS
================================================================= */
div#photoNews { float:left; width:170px; padding:0 0 20px 20px; }
div#photoNews h3 { margin:0 0 12px 0; font-size: 1.1em; }
div#photoNews p { font-size: .8em; }

/* =================================================================
  ARCHIVE NEWS
================================================================= */
/*!PC 10/11/07  --Removed b/c this code also exist in STYLE.CSS*/
/*div#archiveNews { clear:both; float:left; width:527px; padding: 20px 0 0 20px; margin:20px 0; position:relative; border-width:1px; border-style:solid; border-color:#526724; }
div#archiveNews ul { display:none; float:left; margin:0; padding:10px 0; list-style-type:none; }
div#archiveNews ul li { float:left; display:inline; width:240px; margin-left:10px; padding:2px 0 2px 12px; background:url(images/arrows.gif) 0 50% no-repeat; }
div#archiveNews ul li a { color:#000; text-decoration:none; }
div#archiveNews div.on ul { display:block; }

div#archiveNews h4 { position:absolute; top:0; width:125px; margin:0; border-width: 0 1px 1px 1px; border-style:solid; border-color:#526724; padding:2px 0 2px 7px; background:url(images/archiveNewsTab.gif) repeat-x; }
div#archiveNews h4 a { display:block; width:125px; }
div#archiveNews div.on h4 { background:url(images/archiveNewsTab_on.gif) repeat-x; border-bottom-width:0; }
div#archiveNews div.on h4 a { color:#D65416; }
div#arc-northAmerica h4 { left:0; }
div#arc-international h4 { left:132px; }
div#arc-specialFeatures h4 { left:264px; }
div#arc-pollstar h4 { left:396px; width:124px;}

div#archiveNews h4 a { color:#526724; text-decoration:none; }
*/
/* =================================================================
  PODS
================================================================= */
div.podBlock, div.pod { clear:both; width:190px; overflow:hidden; }

div.podHeader { padding:7px 13px; margin:0 3px; }
div.podBlock h3 { margin:0; padding:0; }
div.podBlock h4 { margin:10px 0 0 0; padding:0; }
div.podContent { padding:0 13px 20px 13px; }

/* DEFAULT LIST STYLE */
div.podBlock ul.list { padding:0 0 0 1.2em; margin:3px 0; }

/* PHOTO GALLERY */
div#pod-photoGallery img { border-width:1px; border-style:solid; }
div#pod-photoGallery ul { padding:0 0 0 1.2em; margin:3px 0; }

/* CURRENT ISSUE */
div#pod-currentIssue div.podContent { padding-top:4px; text-align:center; }
div#pod-currentIssue img { border-width:1px; border-style:solid; }
div#pod-currentIssue p { margin:.5em 0; }

/* ADVERTISING */
div#pod-ads div.podContent { padding-top:4px; text-align:center; }
div#pod-ads div.podContent { padding-top:4px; }

/* SIGN IN */
div#pod-login form { margin:0; padding:0; }
div#pod-login fieldset { padding:0; border:none; }
div#pod-login input.text { font-size:1em; width:150px; }
div#pod-login div.field { padding:1px 0 7px 0; }
div#pod-login div.submit { padding:1px 0 7px 0; }
div#pod-login div.remember { padding:0 0 4px 0; }
div#pod-login a { margin:0 4px; }

/* CONTROL PANEL */
div#pod-cPanel div.welcome { float:left; }
div#pod-cPanel div.signOut { float:right; white-space:nowrap; }

/* =================================================================
  FOOTER
================================================================= */
div#footer { clear:both; width:950px; margin-bottom:50px; }
div#footer p { padding:5px 0; text-align:center; }
