/*
File Name:
   magazine.css
File Description:
   Cascading Style Sheet file for the Northwestern Magazine website
File Author:
   j-morrow@northwestern.edu
Last Updated:
   1:09pm 6/05/2006 <j-morrow@northwestern.edu>
*/


/*
    Colors used in Magazine site:

    Northwestern Purple:    #520063
    Orange Stripes:         #FFB34D
    Blue Tabs:              #262F87
    Light Yellow Column:    #FFFABE
    Gray Headers:           #D1D1D1
    Blue Cover Box:         #DCDDF7
    Gray Cover Border:      #ADADBA
    Gray Cover Header:      #9E9E9E
    Gray Horizontal Rules:  #CCCCCC
    Blue Sidebar Box:       #E8E9F3
    Gray Back Issue Bars:   #EAEAEA
    Gray Back to Top Bars:  #C8C8C8
    Black Text:             #000000
    Red Text:               #750000
    Gray Text:              #3A3A3A
    White Background:       #FFFFFF
*/


/*
//   Global styles
*/


* {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #000000;
}

*.no_border {
    border: none !important;
}

BODY {
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
    background-image: url(../images/left_column_background.gif);
    background-repeat: repeat-y;
}

BODY.print {
    background: none;
}

H1 {
    padding: 0px;
    margin: 0px;
}

TABLE {
    padding: 0px;
    margin: 0px;
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
}    

TR, TD, TH {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    border: none;
}

A IMG {
    border: none;
}

FORM {
    padding: 0px !important;
    margin: 0px !important;
}

TABLE.main {
    width: 740px;
}


/*
//   Masthead styles
*/


TABLE.masthead {
    width: 740px;
}

.masthead TD {
    background: #520063;
    color: #FFFFFF;
}

/*
//   Search styles
*/

.masthead TD.search {
    width: 226px;
    vertical-align: bottom;
    padding-bottom: 8px;
    margin: 0px;
}

.masthead .search FORM {
    color: #FFFFFF;
    font-size: 11px;
}

.masthead .search INPUT.search_text {
    width: 150px;
    height: 18px;
    font-size: 12px;
    border: none;
    margin-bottom: 8px;
    vertical-align: middle;
}

.masthead .search INPUT.search_button {
    padding-left: 5px;
    padding-bottom: 11px;
    vertical-align: bottom;

}

.masthead .search INPUT.search_radio {
    background-color: #520063;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}


/*
//   Top Menu styles
*/


TABLE.top_menu {
    width: 740px;
}

.top_menu TD {
    background: #FFFFFF;
}

.top_menu TD.current_issue {
    background-image: url(../images/top_menu/top_menu_issue.gif);
    background-repeat: no-repeat;
    background-color: #FFFABE;
    width: 157px;
    padding: 0px;
    padding-top: 9px;
    padding-left: 10px;
}

.top_menu TD.current_issue,  
.top_menu TD.current_issue A { 
    font-size: 20px;
    font-style: italic;
    text-decoration: none;
    color: #FFFFFF;
}


/*
//   Left Column styles
*/


.left_column {
    width: 156px;
    background: #FFFABE;
    padding-top: 20px;
}

.left_column TABLE TABLE TH {
    background: #FFB34D;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-left: 14px;
    text-decoration: none;
}

.left_column TABLE TABLE TH A {
    text-decoration: none;
}

.left_column TABLE TABLE TD {
    padding-top: 10px;
    padding-left: 14px;
    padding-right: 10px;
    padding-bottom: 22px;
}

.left_column TABLE TABLE TD, 
.left_column TABLE TABLE TD A {
    font-size: 11px;
    line-height: 16px;
    color: #520063;
    text-decoration: none;
}

.left_column TABLE TABLE TD A:active,
.left_column TABLE TABLE TD A:hover {
    color: #750000;
    text-decoration: underline;
}

.left_column TABLE TABLE.featured_stories TD P, 
.left_column TABLE TABLE.browse_by_category TD P {
    text-indent: -10px;
    padding: 0px 0px 4px 10px;
    margin: 0px;
}

.left_column TABLE TABLE.featured_stories TD P A, 
.left_column TABLE TABLE.browse_by_category TD P A {
    font-weight: bold; 
	line-height: 2.25ex;
}


.left_column TABLE TABLE.browse_by_year, 
.left_column TABLE TABLE.browse_by_decade {
    padding-top: 10px;
    padding-bottom: 22px;
}

.left_column TABLE TABLE.browse_by_year TD, 
.left_column TABLE TABLE.browse_by_decade TD {
    padding-top: 10px;
    padding-bottom: 23px;
    padding-left: 14px;
    padding-right: 0px;
}

.left_column TABLE TABLE.browse_by_year TD TABLE, 
.left_column TABLE TABLE.browse_by_decade TD TABLE {
    padding: 0px;
    margin: 0px;
}

.left_column TABLE TABLE.browse_by_year TD TABLE TD, 
.left_column TABLE TABLE.browse_by_decade TD TABLE TD {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #520063;
    vertical-align: middle;
}

.left_column TABLE TABLE.browse_by_year TD TABLE TD A, 
.left_column TABLE TABLE.browse_by_decade TD TABLE TD A {
    font-weight: bold;
}


/*
//   Right Column styles
*/

.page .right_column {
    width: 169px;
}

.front .right_column {
    width: 179px;
}

.right_column TD.announcements, 
.right_column TD.snapshot_gallery {
    padding-bottom: 16px;
}

.right_column .announcements TD, 
.right_column .snapshot_gallery TD {
    border-right: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
}

.right_column .announcements TABLE TD {
    padding-left: 12px;
    padding-top: 16px;
    padding-right: 12px;
    padding-bottom: 7px;
}

.right_column .announcements TABLE TD.corner_BL {
    border: none;
    border-left: 1px solid #D1D1D1;
    padding: 0px;
}

.right_column .announcements TABLE TD.corner_BR {
    border: none;
    padding: 0px;
}

.right_column TH {
    border: 1px solid #D1D1D1;
    border-bottom: none;
    background: #D1D1D1;
    color: #520063;
    font-size: 0.9em;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    padding-left: 12px;
}

.right_column .announcements H1,
.right_column .announcements H2{
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.right_column .announcements P {
    font-size: 0.8em;
    font-weight: normal;
}

.right_column .snapshot_gallery TD {
    border-bottom: 1px solid #D1D1D1;
}

.right_column .snapshot_gallery IMG {
    margin: 1px;
    border: 1px solid #000000;
}

.right_column .icons {
/*    padding-top: 92px;*/
    padding-top: 0px;
    padding-bottom: 8px;
    margin: 0px;
}

.right_column .photo {
	padding-top: 15px;
}

.right_column .photo .caption {
    color: #333333;
    font-size: 0.65em;
    line-height: 2.25ex;
    padding: 6px 6px 0px 0px;
}

.right_column .photo .caption CITE {
    font-size: 1em;
    font-style: italic;
    display: block;
    padding-top:8px;
}

.right_column .sidebars {
    border: 1px solid #520063;
}

.right_column .sidebars TH,
.right_column .sidebars TH A {
    border: 1px solid #520063;
    background: #520063;
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
    padding-right: 10px;
}

.right_column .sidebars TD {
    background: #E8E9F3;
    padding: 12px;
    padding-bottom: 0px;
}

.right_column .sidebars TD A  {
    color: #520063;
    font-size: 0.7em;
    text-decoration: none;
    display: block;
    padding-bottom: 12px;
}

.right_column .sidebars TD P {
    color: #000000;
    font-size: 0.7em;
    text-decoration: none;
    display: inline;
}

.right_column .sidebars TD P A {
	color: #520063;
    font-size: 1.0em; 
}

.right_column .sidebars TD A:active,
.right_column .sidebars TD A:hover {
    color: #750000;
    text-decoration: underline;
}

/* .class_notes .body TD.right_column { */
.class_notes .body .right_column { 
    vertical-align: top;
    width: 120px;
    padding: 0px;
    margin: 0px;
    padding: 14px;
    background-color: #EBEBEB;
}

.class_notes .right_column H1 {
    padding-bottom: 10px;
    font-size: 1em;
}

.class_notes .right_column P {
    font-size: 0.8em;
    margin: 0px;
    padding: 0px;
    padding-bottom: 3px;
}

.class_notes .body .right_column P STRONG {
    font-weight: bold;
    color: #750000;
}


.class_notes .right_column CITE {
    font-size: 0.8em;
    font-style: italic;
}


.print .issue {
    padding-top: 20px;
    text-align: center;
    font-size: 22px;
    font-style: italic;
    text-decoration: none;
}


/*
//   Homepage Cover Story styles
*/


.cover_story {
    background: #DCDDF7;
}

TD.cover_story {
    background-color: transparent;
    padding-right: 23px;
}

.cover_story .cover IMG,
.cover_story .cover IMG A {
    border: 1px solid #000000;
}

.cover_story .story {
    padding-left: 20px;
    padding-right: 5px;
    vertical-align: middle;
}

.cover_story .story H1 {
    font-size: 1em;
text-indent: -12px;
padding-left: 12px;
}

.cover_story .story H1 A {
    font-family: Arial, Helvetica, Arial, sans-serif;
/*    font-family: "Times New Roman", Times, serif;*/    
font-size: 2.20em;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.25ex;
    padding: 0px;
    padding-left: 12px;
    padding-right: 2px;
    padding-top: 10px;
    margin: 0px;
    color: #520063;
}

.cover_story .story H1 A:active,
.cover_story .story H1 A:hover {
    color: #750000;
}

.cover_story .story P {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    margin: 0px;
    font-size: 0.9em;
    line-height: 2.25ex;
    text-decoration: none;
}

.cover_story .story CITE {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 0.9em;
    font-style: italic;
    text-decoration: none;
}


/*
//   Styles for homepage table of contents
*/


TD.front {
    padding-top: 13px;
    padding-left: 10px;
}

.front TD.contents {
    /*
    padding-left: 35px;
    padding-right: 27px;
    padding-top: 14px;
    */
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 14px;
}

.front .contents TABLE TD {
    padding: 0px; 
    padding-top: 14px;
    padding-bottom: 14px;
    border-top: 1px solid #D1D1D1;
}

.front .contents TABLE .first TD {
    border-top: none;
}

.front .contents TABLE TD.story {
    width: 220px;
    padding-top: 14px;
    padding-right: 4px;
}

.front .contents TABLE TD IMG {
    margin-left: 4px;
    margin-right: 15px;
    border: 1px solid #000000;
}

.front .contents TABLE TD H1 {
    color: #520063;
    font-size: 0.8em;
    line-height: 2.25ex;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}
.front .contents TABLE TD H1 A {
    text-decoration: none;
}

.front .contents TABLE TD H1 A:active,
.front .contents TABLE TD H1 A:hover {
    text-decoration: underline;
    color: #750000;
}

.front .contents TABLE TD H1 CITE {
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-style: italic;
}

.front .contents TABLE TD P {
    font-size: 0.8em;
    line-height: 2.3ex;
    margin: 0px;
    padding: 0px;
}


/*
//   Styles for story pages
*/


TD.page {
    padding-top: 13px;
    padding-left: 10px;
}

.page TD.body_title {
    padding-left: 32px;
    padding-right: 28px;
/*    padding-top: 16px;*/
/*    padding-bottom: 35px;*/
}

.page TD.body {
    padding-left: 32px;
    padding-right: 28px;
/*    padding-top: 16px;*/
    padding-bottom: 35px;
}


.print {
	padding-top: 10px;
    padding-left: 20px;
    padding-right: 31px;
}

.print P,
.print CITE {
	font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.8em;
    color: #000000;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}

.print CITE {
	font-size: 0.8em;
	font-style: italic;
    text-decoration: none;
    color: #3A3A3A;
    display: block;
}

.print P CITE {
	display: inline;
	font-size: 1.0em;
}

.page .body H1, 
.page .body_title H1,
.print H1 {
/*    font-family: "Times New Roman", Times, serif;*/
    font-family: Arial, Helvetica, Verdana, sans-serif;
/*    font-size: 2.25em;*/
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #520063;
    padding: 0px;
    margin: 0px;
    padding-bottom: 6px;
}

.page .body H2, 
.page .body_title H2,
.print H2 {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #750000;
    line-height: 1.25em;
    padding: 0px;
    margin: 0px;
}

.page .body_title H2 I,
.page .body H2 I {
    color: #750000;
}

.page .body H2,
.print H2 {
    font-weight: bold;
}

.print H2 {
    padding-bottom: 1em;
}

.page .body HR, 
.page .body_title HR {
    height: 1px;
    border: none;
    color: #520063;
    background: #520063;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
}


.page .body CITE, 
.page .body_title CITE {
    font-size: 0.74em;
    font-style: italic;
    text-decoration: none;
    color: #3A3A3A;
    display: block;
    padding-bottom: 10px;
}

.page .body CITE A, 
.page .body_title CITE A {
    text-decoration: none;
}

.page .body CITE A:active,
.page .body CITE A:hover, 
.page .body_title CITE A:active,
.page .body_title CITE A:hover {
    text-decoration: underline;
}

.page .body P CITE {
    font-size: 1em;
    color: #000000;
    padding: 0px;
    margin: 0px;
    display: inline;
}

.page .body P,
.page .body LI {
    font-size: 0.8em;
}

.page .body P A {
    text-decoration: none;
    color: #3C4CE4;
}

.page .body P A:active,
.page .body P A:hover {
    color: #FFB24D;
    text-decoration: underline;
}

.page .body .photo .caption {
    font-size: 0.65em;
    line-height: 2.75ex;
    padding: 6px;
    padding-bottom: 0px;
}

.page .body .photo .caption CITE {
    font-size: 1em;
    font-style: normal;
    display: block;
}

.page .body .bio,
.page .body .postscript P,
.print .bio,
.print .postscript P {
    font-size: 0.8em;
    font-style: italic;
}

.page .body .bio CITE,
.page .body .postscript CITE,
.print .bio CITE,
.print .postscript CITE {
    font-size: 1em;
    font-style: normal;
    display: inline;
}

.page .body TABLE TD,
.page .body TABLE TH {
	text-align: left;
	font-size: 0.8em;
	padding: 1px 7px 1px 0px;
	margin: 0px;
}


/*
//   Styles for Back Issues page
*/


TD.back_issues {
    padding-top: 13px;
    padding-left: 10px;    
}

.back_issues TD.body {
    width: 533px;
    padding-left: 40px;
    padding-top: 10px;
}

.back_issues .body TH {
    font-family: "Times New Roman", Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.75ex;
    color: #520063;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #520063;
    text-align: left;
}

.back_issues .body TD.top_year, 
.back_issues .body TD.year {
    background-color: #EAEAEA;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-decoration: none;
    color: #520063;
    padding: 0px;
    padding-left: 10px;
    margin: 0px;
}

.back_issues .body TD.year {
    width: 479px;
}

.back_issues .body TD.top_link {
    background-color: #C8C8C8;
    width: 54px;
    padding: 0px;
    padding-left: 10px;
}

.back_issues .body TD.year, 
.back_issues .body TD.top_link {
    border-top: 38px solid #FFFFFF;
}

.back_issues .body TD.top_link A {
    color: #520063;
    font-weight: normal;
    font-size: 1.25em;
    text-decoration: none;
}

.back_issues .body TD.cover {
    width: 140px;
    padding-left: 10px;
}

.back_issues .body TD.cover IMG {
    width: 120px;
    height: 145px;
}

.back_issues .body TD {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.7em;
    vertical-align: middle;
}

.back_issues .body TD H1, 
.back_issues .body TD H1 A {
    color: #520063;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

.back_issues .body TD H1 A:active,
.back_issues .body TD H1 A:hover {
    color: #750000;
}

.back_issues .body TD A {
    text-decoration: none;
}

.back_issues .body TD A:active,
.back_issues .body TD A:hover {
    text-decoration: underline;
}

.back_issues .body TD STRONG {
    font-weight: bold;
}

.back_issues .body TD.blank {
    padding: 0px;
    margin: 0px;
    padding-top: 22px;
}

/*
//   Styles for Snapshot Gallery page
*/


TD.snapshot_gallery {
    padding-top: 13px;
    padding-left: 10px;    
}

.snapshot_gallery TD.body {
    width: 533px;
    padding-left: 40px;
    padding-top: 10px;
}

.snapshot_gallery .body TH {
    font-family: "Times New Roman", Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.75ex;
    color: #520063;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #520063;
    text-align: left;
}

.snapshot_gallery .body TD.top_year, 
.snapshot_gallery .body TD.year {
    background-color: #EAEAEA;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-decoration: none;
    color: #520063;
    padding: 0px;
    padding-left: 10px;
    margin: 0px;
}

.snapshot_gallery .body TD.year {
    width: 479px;
}

.snapshot_gallery .body TD.top_link {
    background-color: #C8C8C8;
    width: 54px;
    padding: 0px;
    padding-left: 10px;
}

.snapshot_gallery .body TD.year, 
.snapshot_gallery .body TD.top_link {
    border-top: 38px solid #FFFFFF;
}

.snapshot_gallery .body TD.top_link A {
    color: #520063;
    font-weight: normal;
    font-size: 1.25em;
    text-decoration: none;
}


.snapshot_gallery .body TD {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.7em;
    vertical-align: top;
}


.snapshot_gallery .body TD A {
    text-decoration: none;
}

.snapshot_gallery .body TD A:active,
.snapshot_gallery .body TD A:hover {
    text-decoration: underline;
}

.snapshot_gallery .body TD STRONG {
    font-weight: bold;
}

.snapshot_gallery .body TD.blank {
    padding: 0px;
    margin: 0px;
    padding-top: 22px;
}


/*
//   Styles for Class Notes page
*/


TD.class_notes {
    padding-top: 13px;
    padding-left: 10px;
    
}

.class_notes TD.body {
    padding-left: 38px;
    padding-top: 10px;
}

.class_notes .body TABLE TD {
    vertical-align: top;
}

.class_notes .body TH {
    font-family: "Times New Roman", Times, serif;
    font-size: 2.25em;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.75ex;
    color: #520063;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #520063;
    text-align: left;
}

.class_notes .body TD {
    padding-top: 9px;
    padding-bottom: 0px;
    padding-right: 30px;
    padding-left: 0px;
    font-size: 0.8em;
    vertical-align: middle;
}

.class_notes .body TD A {
    text-decoration: none;
    color: #3C4CE4;
    font-weight: none;
}

.class_notes .body TD STRONG {
    font-weight: bold;
    color: #520063;
}


/*
//   Styles for Photo Gallery page
*/


BODY.photo_gallery {
    background-image: none;
    padding: 10px;
}

.photo_gallery TABLE.main {
    border: 1px solid #520063;
    width: 712px;
}

.photo_gallery .main .masthead {
    background: #520063;
    text-align: left;
    vertical-align: bottom;
    border-right: 1px solid #520063;
}

.photo_gallery .main .orange_stripe {
    background-color: #FFB34D;
    border-right: 1px solid #520063;
}

.photo_gallery TD.body {
    padding: 20px;
    padding-bottom: 19px;
    border-right: 1px solid #520063;
}

.photo_gallery .body TH {
    font-weight: bold;
    font-size: 1.7em;
    text-align: left;
    padding: 0px;
    padding-bottom: 0.5ex;
    margin: 0px;
}

.photo_gallery .body TH,
.photo_gallery .body TH A {
    text-decoration: none;
}

.photo_gallery .body TD.navigation {
    background-color: #FFB34D;
    font-size: 0.9em;
    padding-right: 0px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
}
.photo_gallery .body TD.navigation IMG {
    vertical-align: bottom;
}

.photo_gallery .body TD.photo_select {
    background-color: #FFB34D;
    text-align: right;
    font-size: 0.9em;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin: 0px;
}

.photo_gallery .body .photo_select INPUT {
    padding: 0px;
    margin: 0px;
}

.photo_gallery .body TD.photo {
    padding-top: 25px;
}

.photo_gallery .body TD.photo IMG {
    border: 1px solid #000000;
}

.photo_gallery .body TD.caption {
    padding: 0px;
    padding-top: 25px;
    padding-left: 20px;
    vertical-align: middle;
    text-align: left;
}

.photo_gallery .body .caption P {
    font-size: 0.8em;
    line-height: 2.75ex;
    padding: 0px;
    margin: 0px;
}

.photo_gallery .body .cite {
    text-align: right;
    width: 320px;
    padding: 0px;
    margin: 0px;
    padding-top: 4px;
}

.photo_gallery .body .cite CITE {
    text-align: right;
    font-style: italic;
    font-size: 0.7em;
}


/* -- EMAIL Form -- */

.page .body_title FORM H1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25em;
	line-height: 10px;
	color: #000000;
	padding: 0px 10px 10px 0px;
}

.page .body_title FORM H2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	color: #520063;
	font-style: italic;
	padding: 0px 10px 10px 2px;
}

.page .body_title FORM TABLE {
	border: none;
	color: #FFFFFF;
}

.page .body_title FORM TABLE TD,
.page .body_title FORM TABLE TD P {
	font-size: 1.0em;	
	padding: 2px 10px 2px 10px;
	border: none;
}


/*
//   Footer styles
*/


.footer TD {
    background: #520063;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    padding: 0px;
    margin: 0px;
}

.footer IMG,
.footer IMG A {
    border: none;
    margin-top: 7px;
    margin-bottom: 8px;
}

.footer .NU_logo {
    width: 200px;
}

.footer .links {
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
}

.footer .links A {
    text-decoration: underline;
    color: #FFB34D;
}