/*********************************************************************/
/*  General styles for all pages (except the main page where noted). */
/*********************************************************************/

body{background-color: #ffffff; color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 0.9em; margin: 0; padding: 0}

/* Header styles */

#header{border-bottom: 5px solid #006600; margin: 1.5em 0 0}

#header #logo{border: none; margin-left: 12px}

#header #newsletter{border: none; position: absolute; margin-top: 12px; right: 0}

#header #join{border: none; position: absolute; margin: 8px 163px 0 0; right: 0}

/* Footer styles */

#footer{border-top: 1px solid #999999; margin-top: -0.5em; padding: 0 3em}

#footer p{font-size: 0.8em}

#footer p.copyright{font-size: 0.6em; text-align: center}

#footer a{color: #006600} /*003300?*/

/* Page layout - affects all pages but the main page */

#page{background-color: #006600; margin: -1em auto 0; max-width: 65em; min-width: 20em}

#page #contents{background-color: #ffffff; border-left: 1px solid #006600; border-right: 1px solid #006600; margin: 1em 0 0.5em 14em; overflow: auto; padding: 0.25em 1em}

/* Firefox (Firefox!) chokes on overflow: auto for pages as long as the convention schedule. This <div> deals with the problem. */
#page #convention{background-color: #ffffff; border-left: 1px solid #006600; border-right: 1px solid #006600; margin: 1em 0 0.5em 14em; padding: 0.25em 1em}

/* Navigation menu on all pages (except positioning on the main page). */

#page #navigation{background-color: #006600; margin: 0.5em 1em 1em; position: fixed; text-align: right; width: 11em}

#page #navigation ul, #main_page #navigation ul{list-style: none; margin: 0; padding: 0}

#page #navigation a, #main_page #navigation a, #page #navigation span, #main_page #navigation span{border-bottom: 1px outset #ccffcc; 
	color: #ccffcc; display: block; font-size: 0.75em; font-weight: bold; line-height: 1.5em; margin: 0.5em 0; padding-right: 8px; 
	text-decoration: none; width: 100%}

#page #navigation span, #main_page #navigation span{color: #ffffff; border-bottom: none; border-right: 1px outset #ffffff}

#page #navigation a:hover, #main_page #navigation a:hover{color: #ffffff}

#page #navigation ul ul li{margin-right: 1.5em}

/* Breadcrumb does not appear on main page. */

#breadcrumb a, #breadcrumb span{font-size: 0.8em; font-variant: small-caps; font-weight: bold}

/* These styles will position the breadcrumb a little differently. */
/*
#page #navigation{background-color: #006600; margin: 1em; position: fixed; text-align: right; width: 11em}

#breadcrumb{background-color: #006600; color: #ffffff; margin: -0.25em -1em 0; padding-left: 1em}

#breadcrumb a{font-size: 0.8em; font-variant: small-caps; font-weight: bold; color: white; padding: 0.25em 0 0.5em; display: inline-block}
*/

#mobile{display: none}

@media screen and (max-device-width: 480px) {
  #mobile{display: block}
	
	#mobile p{font-weight: bold; text-align: center}	
}

/* Generic text, etc. */

#page h1, #reports h1{color: #006600; font-size: 1.75em; font-weight: bold; margin-top: 1.5em; text-align: center}

#page h2, #reports h2{color: #006600; font-size: 1.5em; font-weight: bold; margin-top: 1.5em}

#page h3{color: #006600; font-size: 1.25em; font-weight: bold}

#page h4{font-size: 1.15em; font-weight: bold; margin-top: 1em}

a{color: #006600}

a:hover{text-decoration: none}

.city{float: left; margin-right: 1em; margin-top: 0.5em} /* Used for a paragraph wrapper around images of convention cities. */

/*********************************************************************/
/*  Styles for the main page.                                        */
/*********************************************************************/

/* Page layout */

#main_page{background-color: #006600; margin-bottom: 3em; width: 100%}

#main_page #contents{background-color: #006600; padding: 0.25em 0 0.25em 14em}

/* Navigation menu on the main page. */

#main_page #navigation{left: 0; margin: 0.75em 1em 1em; position: absolute; text-align: right; width: 11em}

/* Generic text, etc. */

#main_page h1{color: #ffffff; font-size: 1.5em; font-weight: bold; margin: 0.35em 0 0}

#main_page p, #main_page ul, #main_page ol, #main_page dl, #main_page a:hover{color: #ffffff}

#main_page a{color: #ccffcc; font-weight: bold}

/*********************************************************************/
/*  Styles for the dates page.                                       */
/*********************************************************************/

dl.date{margin-left: 1em}

.date dt{clear: both; float: left; font-weight: bold}

/*********************************************************************/
/*  Styles for the membership page.				                           */
/*********************************************************************/

table.rate{border-collapse: collapse; margin: 0 auto; width: 100%}

.rate td{padding: 1em}

.rate th{font-weight: bold; padding: 1em; text-align: left}

/*********************************************************************/
/*  Styles for the newsletter page.				                           */
/*********************************************************************/

ul.newsletter{list-style: none}

ul.newsletter li{margin-top: 1em}

/*********************************************************************/
/*  Styles for the awards page.	      		                           */
/*********************************************************************/

.prize{margin-left: 1em}

.prize dt{font-weight: bold}

.prize dd{margin: 0.25em auto 0.75em 1em}

/*********************************************************************/
/*  Styles for the BoD page.		      		                           */
/*********************************************************************/

.directors dt{font-size: 1.1em; font-weight: bold; margin-top: 1em}

.directors dd{margin-left: 0}

/*********************************************************************/
/*  Styles for the Style Sheet page.		                             */
/*********************************************************************/

.stylesheet li{margin-top: 1em}

/*********************************************************************/
/*  Styles for the Women's and Gender Studies Caucus page.					 */
/*********************************************************************/

.womens dt{clear: both; color: #006600; font-size: 1.1em; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em}

.womens dd{margin-left: 1em; margin-top: 0.5em}

.womens dd.name{font-weight: bold; font-size: 1.1em; margin-left: 0.8em}

.womens dd.headshot{float: right}

/*********************************************************************/
/*  Styles for the Cultural Studies and film page.					 				 */
/*********************************************************************/

.presenter_image{float: left; margin-right: 2em}

/*********************************************************************/
/*  Styles for application forms.   		                             */
/*********************************************************************/

div.app_info{border: 1px solid #000000; clear: both; margin-top: 1em; overflow: auto; padding: 0 1em}

div.app_info label{color: #006600; font-size: 1.1em; font-weight: bold; margin-right: 1em}

div.app_info div.left{float: left; width: 48%}

div.app_info div.right{float: right; width: 48%}

div.app_info h2{margin: 0}

div.app_info label span{color: #000000; font-size: 0.9em; font-weight: normal}

div.app_info label span.form_note{display: block; font-size: 0.75em; font-weight: bold; margin-left: 1em}

/*********************************************************************/
/*  Styles for the convention pages.  		                           */
/*********************************************************************/

/* These are from the 2009 session. */

.sessions dt{font-size: 1.2em; font-weight: bold; margin-top: 1.5em}

.sessions dd.title{font-size: 1.1em; font-weight: bold; margin-left: 2.5em; margin-top: 0.75em; text-indent: 0}

.sessions dd.chair{font-weight: bold; margin: 0.75em 0 0.75em 2.75em; text-indent: 0}

.sessions dd.description{margin: 0.5em 0 0.5em 2.75em; text-indent: 0}

.sessions dd{margin: 0.5em 0 0.5em 4.75em; text-indent: -2em}

.sessions dd span.author{display: block; font-weight: bold; margin: 0.75em 0 0.75em 2em}

/* These were put in place for the 2010 convention. */
.session dt{color: #006600; font-size: 1.5em; font-weight: bold; margin-top: 1.5em}

.session dd{font-size: 1.2em; margin: 0.5em 0 0.5em 4.75em; text-indent: -1.5em}

.session dd.title{color: #006600; font-size: 1.5em; font-weight: bold; margin-left: 3.75em; text-indent: -1.2em}

.session dd.chair{font-size: 1.3em; font-weight: bold; margin-left: 5.75em}

.session dd.paper{font-weight: bold}

.session dd.author{margin-left: 6.25em}

.session .affiliation{font-style: italic}

#page h1.convention_main{margin: 0.5em 0}

#page h2.convention_main{margin: 0; text-align: center}

#page p.convention_main{text-align: center}

p.track{margin-left: 3em; text-indent: -3em}

p.track a{font-weight: bold}

p.participant .name{font-weight: bold}

p.participant .affiliation{font-style: italic}

/*span.track{color: #006600; font-weight: bold}*/

span.location{font-style: italic}

dl.presenters dt{margin-top: 1em}

dl.presenters dt span.name{font-weight: bold}

dl.presenters dt span.affiliation{font-style: italic}

dl.presenters dd{margin-left: 4em; text-indent: -2em}

dl.schedule{font-size: 1.2em}

dl.schedule dt{color: #006600; float: left; font-weight: bold; margin-left: 1em}

dl.schedule dd{margin: auto auto 0.5em 8em; padding-left: 3em; text-indent: -1em}

dl.schedule dd.location{font-weight: bold}

dl.schedule dd.event{color: #006600; font-style: italic; font-weight: bold; margin-top: 1em}

dl.schedule dt + dd.event{margin-top: 0}

dl.activities dt{color: #006600; font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em}

dl.activities dd{margin-left: 1em; margin-top: 0.5em}

dl.activities dd.details{font-weight: bold}

#page .index p{margin: 0.5em 0}

div#search_field{font-weight: bold; margin-top: 0.5em; text-align: right}

div.panel_info{border: 1px solid #000000; clear: both; margin-top: 1em; overflow: auto; padding: 0 1em}

div.panel_info label{color: #006600; font-size: 1.2em; font-weight: bold; margin-right: 1em}

div.panel_info div.left{float: left; width: 48%}

div.panel_info div.right{float: right; width: 48%}

div.panel_info h2{margin: 0}

div.panel_info span.form_note{color: #000000; display: block; font-size: 0.7em; margin-left: 1em}

div.panel_info span.description{color: #000000; display: block; font-size: 0.8em; font-weight: normal; margin-bottom: 0.5em; margin-top: 0.5em}

div.panel_info span.error{color: red; display: block; font-size: 0.7em; margin-left: 1em}

div.panel_info span.count_error{color: red}

div.panel_info span.count_ok{color: #006600}

.button{font-weight: bold; margin-top: 0.5em}

.media > li{margin-top: 1em}

/*********************************************************************/
/*  Styles for the announcements page.		                           */
/*********************************************************************/

.updated{font-size: 0.9em; font-variant: small-caps; font-weight: bold; text-align: right}

/*********************************************************************/
/*  Styles for the convention reports.															 */
/*********************************************************************/

#reports{margin: 0; padding: 1em}

#reports .links{font-size: 0.9em; text-align: center}

table.report{border: 1px solid #006600; border-collapse: collapse}

table.report thead{background-color: #006600; color: #ffffff; font-size: 1.1em}

table.report td{border: 1px solid #000000; padding: 0.25em}

table.report .even{background-color: #ccffcc}

table.report .odd{background-color: #ffffff}

table.report .header:after{content:" " url(../images/tablesorter/tsbg.png) " "}

table.report .headerSortUp, table.report .headerSortDown{color: #006600; background-color: #ffffff}

table.report .headerSortUp:after{content:" " url(../images/tablesorter/tsasc.png) " "}

table.report .headerSortDown:after{content:" " url(../images/tablesorter/tsdesc.png) " "}

/* Experimental styles for atom summary page area. */

#page .atom_summary{background-color: #ccffcc; float: right; font-size: 0.9em; margin: 1.5em -0.5em 2em 1.5em; padding: 0.5em; width: 15em}

#page .atom_summary h1{color: #006600; font-size: 1.2em; margin-bottom: 0; margin-top: 0; text-align: center}

#page .atom_summary h2{color: #006600; font-size: 1.1em; margin-bottom: -0.5em; margin-top: 1.5em; text-align: center}

#page .atom_summary p.subscribe{text-align: center}

#page .atom_summary .link{text-align: right}