body {
	font-family:verdana,arial,helvetica,sans-serif;
	margin:0px;
	}

/* ===================== BEGIN MAA Online Header, taken from MAA Online's style.css =========================== */	
	
div#wholething {
	background-color:#1445c4;
	}
		
div#maalogo {
	float:left;
	background-color:#1445c4;
	width:353px;
	height:66px;
	margin:8px;
	padding-bottom: 4px; /* to account for missing search box */
	
	}

/* Hide Some Sponsers for the MAAOnline site: */
#nsdlsponser{ display: none; }
#maasponser{ display: none; }


dl#rightsearch  {
    float:right;
	width:20%;
	margin: 8px 8px 8px 0px;
	padding:0px;
	border:1px solid #33cccc;
	background-color:#ccddf7;
	}

/* commented backslash hack hides rule from IE5 Mac \*/
dl#rightsearch{
	width:auto;
	}
/* end hack */
		

dl#rightsearch dt {
	font-family:"trebuchet ms";
	background: #1e7af7;
	color:#fff;
	margin-bottom:6px;
	padding:4px;
	font-weight:bold;
	}
	
dl#rightsearch  dd {
	margin: 0px 6px 4px 6px;
	}

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


#navlinks {
    background:#5192e9 url("/images/maaonline/headerbg.jpg") repeat-x bottom;
	float:left;
	width:100%;
	font-family:"trebuchet ms" ;
	font-weight:bold;
	font-size:11px;/* formerly 70% */
    line-height:normal;	
    margin: 0;
	border-top: 1px solid #33cccc;
	}
	
#navlinks ul {		
    margin:0px;
    padding:10px 0px 0px 0px;
    list-style:none;
	}
	
#navlinks li {
	display:inline;
    }
	
#navlinks a {
    float:left;
	background:url("/images/maaonline/bothtabs_l.gif") no-repeat left top;
	border-bottom:1px solid #1D4882;
    padding:0px 0px 0px 7px;
    margin:0px 2px;
    }	
	
#navlinks a span{
    float:left;
    display:block;
	padding:5px 17px 4px 10px;
	background:url("/images/maaonline/bothtabs_r.gif") no-repeat right top;
    }	

/* commented backslash hack hides rule from IE5 Mac \*/
#navlinks a span{
    float:none;
	}
/* end hack */


#navlinks li.current a{
	background-position: 0% -150px;
	border-width:0px;
	}

#navlinks li.current a span{
	padding-bottom:5px;
	background-position:100% -150px;
	}
	
#navlinks a:hover{
	background-position: 0% -150px;
	border-width:0;
	}

#navlinks a:hover span{
	background-position:100% -150px;
	padding-bottom:4px;
	}
	

#wholething a:link {
	text-decoration:none;
	/*
	color:#336633;
	*/
	color:#004400;
	}
#wholething a:visited {
	text-decoration:none;
	color:#336633;
	}
#wholething a:hover {
	text-decoration:none;
	color:#f90;
	}

/* for Footer: */
div.line {border-top: 1px dotted #309; margin: 18px 0px;}
div.disclaimer {font-size:.8em;}
.footertext{font-size:.8em;width:100%;text-align:center; margin-bottom: 60px;}
.footertext a:link {color:#00c; text-decoration: underline;}
.footertext a:visited {color:#00c; text-decoration: underline;}
.footertext a:hover {color:#f90; text-decoration: underline;}	

/* ===================== END MAA Online Header =================================================== */

/* On #main table td for the main page content. */ 
#mathDLContent{ 
	clear: both;  /* needed to clear floats in header */
	font-family: Verdana;
	font-size: 10pt; /* This controls the font size for everything on the page */
	line-height: 1.3;
	margin-left: 15px; 
	padding-top: 10px; 

}

.imgLeft{ margin-right: 30px; margin-bottom: 20px; }

/* Most styles were imported from SubpageDL.css: */
/**********************************
	LEFT COLUMN
**********************************/
#leftColumn {
	background: white;
	color: black;
	font-size: 80%;
	font-family: Verdana;
	line-height: 1.3;	
	}
	
	/* SEARCH ========================================= */
	#leftColumn	#searchPanel {
		background: url('/images/subpageDL/reviewsFeatureBg.gif') no-repeat;
		border-bottom: dotted 1px #330099;
		border-bottom: dotted 1px #330099;
		padding: 5px 0px 5px 0px;
		width: 190px;		
	}
	#searchPanelTitle{ 
		margin-top: 10px; 
		font-weight: bold;
		font-size: 110%; /* which is actually 80% because its 100 percent of the leftColumn font size */
		font-family: Arial;
		color: white;
		background: #1343BB;
		padding: 2px 0px 2px 8px;
		border: solid 1px #330099;
		width: 180px;	
	}
				
	#searchPanelBase{ }
		#leftColumn	#searchPanel div.content {
			font-size: 100%;
			line-height: 1.3;
			padding: 0px 2px 0px 6px;
		}
		#leftColumn	#searchPanel a{
			font-weight:normal;
			text-decoration: underline;
		}
		#leftColumn	#searchPanel h2{ /* Example: Search JOMA */
			color: black;	
			font-size: 110%;
			margin-bottom: 4px;
			margin-top: 2px;
		}
		#leftColumn	#searchPanel form {
			margin: 0px;
			padding: 0px;
		}
		#leftColumn	#searchPanel form input {
			vertical-align: middle;
			margin-top: 2px;
			padding-top: 2px;
			padding-bottom: 2px;		
		}
		#leftColumn	#searchPanel .inputText{		
			border: solid 1px black;
			width: 165px;
			padding: 2px;
			font-size: 100%;
			font-family: verdana;
		}
		#leftColumn	#searchPanel select{
			margin-top: 2px;
			margin-bottom: 2px;
		}
		/* END SEARCH ========================================= */

#leftColumn .sponsers{
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
		#leftColumn .sponsersImg{
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}

				
/* MENU items on left side - blue */	 
#leftColumn div.leftPanel ul{
	list-style: none;
	margin-top: 10px;	 
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	width: 160px;
}
		#leftColumn div.leftPanel li a{
			color: blue;
			display: block;
			text-decoration: underline;
		}
		#leftColumn div.leftPanel li{
			list-style: none;
			padding: 4px 0px 4px 5px;
		}
			#leftColumn div.leftPanel li.selected{
				background: #FFFFFF;					
			}
				#leftColumn div.leftPanel li.selected:hover{
					background: #FFFFFF;				
					cursor: auto;	
				}

/*Related articles*/
div#relatedArticles{
}
	div#relatedArticles p{
		padding:10px 0px 15px 9px;
		font-size:1em;
		margin:0px;
	}
		div#relatedArticles p.title{
			padding-bottom:4px;
		}
	div#relatedArticles img.thumb{
		float:right;
		margin:0px 0px 4px 4px;
	}
	div#relatedArticles img.readmore{
		margin:10px 0px 0px 0px;
	}
	div#relatedArticles ul {
		list-style:none;
		padding:10px 0px 15px 9px;
		margin:0px;
		font-size:1em;
	}
	div#relatedArticles li {
		margin-bottom:1em;
	}
	div#relatedArticles p.quotation {
		font-weight:bold;
		color:#1D1E61;
		background:none;
		padding-bottom:1em;
	}
	div#relatedArticles p.author {
		padding-top:0px;
		color:#623E2D;
		background:none;
	}
			
/**********************************
	MAIN COLUMN
**********************************/
#main {

	background: white;
	padding-bottom: 50px;
	padding-left: 35px; /* was 40px; */
	padding-right: 50px;
}
#mainColumn{ font-size: 90%; }
/* === LOGIN ===== */
#main div#loginNav{
	float: right;
	margin-top: -6px;
}
		#main div#loginNav a{				
			margin-right: 4px;
		}
		#main div#loginNav .loginname{
			display: inline;
			font-size: 98%;
			margin-right: 4px;			
		}
		#main div#loginNav .logoutbutton{
		
		}
		#main div#loginNav .secondarybarlinks{
			padding-top: 4px;
		}
/* Breadcrumbs */		
#main #breadcrumbs_homelink {		
			
}
#main .homeLink {		
	
}
	
#main .selectFormat{ font: normal 9pt verdana; line-height: 1.4; }
	
/* Headings: */

	h1{ 
		font-family: Arial;
		font-weight: normal;
		font-size: 180%;
		
	} /*ex. Limited Access */ 
	h2{ 
		font-family: Arial;
	}
	
	#main h1.mainTitle, #main h1.browseTitle, #main h1.altMainTitle { /* MAA Reviews */
		background: url('/images/subpageDL/reviewsTitleLine.gif') bottom left repeat-x;
		color: #0C2972;	
		font-family: Arial;
		font-weight: bold;
		font-size: 180%;
		line-height: 1.4;
		margin-bottom: 5px;
		margin-top: 5px;
		padding: 0px;	
		padding-bottom: 10px;	
	}
		#main h1.mainTitle a{ /* ex. *Loci*: Resources */
			text-decoration: underline;
			color: #090F66;
		}
		#main h1.mainTitle a:hover{ /* ex. *Loci*: Resources */
			text-decoration: underline;
			color: #2796EB;
		}		
	
	#main h1.contentTitle {
		margin: 0 0 4px 0;
		font-family: Arial;
		font-weight: bold;
		font-size: 144%;
		line-height: 1.3;
		color: #071843;
		padding: 0px;
	}

	
	#main h1.docTitle { /* subtitle: ex. article title */
	
		margin: 10px 20px 12px 0px;
		padding: 0px;
		color: #090F66; /* Navy Blue */
		font-size: 144%;
		line-height: 1.4; /* in case it wraps */
		font-family: Arial, Verdana;
		font-weight: normal;
		border-bottom: solid 1px #CFE3F3;
		
	}	
	#main h1.dotted {
		border:none;
		padding-bottom:5px;
		border-bottom: dotted 1px #CFE3F3;
	}
	#main h2.staticTitle { /* ex. LOCI -> _Copyright & Fair Use_ */
	
		color: #090F66;
		font-family: Arial;
		font-weight: bold;
		font-size: 130%;	
		margin: 10px 20px 12px 0px;
		padding: 0px;
	
	}
	#main h2.section {		
		border-top: solid 1px black;
		border-bottom: dashed 1px black;
		color: #004400;
		font: normal 16pt Arial;
		line-height: 1.3;
		margin: 26px 0px 4px 0px;
		padding: 6px 0 6px 0;		
	}


	#main table.itemList {
		border: solid 1px #000099;
	}
	#main table.itemList th {
		background-color: #303474;
		font-weight:bold;
		color:white;
		text-align: left;
	}
	#main table.itemList td {
		background-color: #DADCE7;
	}


	/****************************************************************
	 BEGIN DISPLAY STYLES
	 THE FOLLOWING STYLES ARE DUPLICATED IN "editorStyles.css"
	 FOR INCLUSION IN THE WEBEDIT PRO APPLICATION
	 styles included here are within the CONTEXT of the td#main ID
	****************************************************************/

	td#main h1 {
		margin:0px;
		font-size:1.2em;
	}
	
	td#main h2 {
		margin:0px;
		font-size: 110%;
		color: #782500;
	}
	
	td#main h3 {
		margin:0px;
		font-size:1em;
	}
	
	td#main h4 {
		margin:0px;
		font-size:1em;
		color: #375A99;
	}

	td#main h5 {
		margin:0px;
		font-size:0.9em;
		color: #375A99;
	}

	td#main p{
		margin-top:10px;
		margin-bottom: 10px;
		font-size:1em;
	}

	td#main li, td#main td, td#main div {
		font-size:1em;
	}
	
	td#main p.attention {
		font-weight:bold;
		color: #B46202;
		background-color: #F7F7EA;
		border: solid 1px #B46202;
		padding: 4px;
	}
	
	td#main p.highlight {
		font-weight:bold;
		color: #990000;
	}
	
	td#main .feature {
		border: solid 1px #7983B3;
		padding: 6px;
		float: right;
		margin: 0px 0px 10px 10px;
		width: 160px;
		background-color: #DDE0F1;
	}
	
	td#main p.note {
		font-style: italic;
		margin: 16px;
	}	
	
/****************************************************************
	 END DISPLAY STYLES
	****************************************************************/

	/* sub section main page styles */	
	
	#main p#welcome{
		padding: 0px;
	}
	
	/* Main Featured Items table */
	#main #lociFeatureBlockTable{
			margin-left: 0px;
			margin-top: 20px;
			width: 94%;	/*Control featuredItems table width */
	}
		#main .featureTableHeader{ /* Featured Items: (table header) */
			background: #1343BB;
			border: solid 1px #330099;
			color: white;
			font: bold 110% Arial;
			letter-spacing: 0.02em;
			padding: 2px 0px 2px 8px;
		}
		
	#main .borderedMiddle{
		background: url('/images/subpageDL/reviewsFeatureBg.gif') repeat-x;
		border-left: dotted 1px #330099;
		border-bottom: dotted 1px #330099;		
		width: 0.5%;
		
	}
	#main td.featureCell{
		background: url('/images/subpageDL/reviewsFeatureBg.gif') repeat-x;
		color: black;
		margin:0px;	
		padding: 20px 10px 20px 10px;	
		border-bottom: dotted 1px #330099;
		width: 48.75%;
		
	}
		#main td.featureCell h2 {
			color: #090F66;
			font-size: 100%;
			font-family: Verdana;
			line-height: 1.4;
			margin: 0px 0px 4px 0px;
			padding: 0px;
		}
			#main td.featureCell h2 a{ font-weight: bold; }
		#main td.featureCell img.thumb{
			float: right;
			margin-left: 6px;
			margin-right: 6px;
		}
		#main td.featureCell a{
			font-weight: normal;
			text-decoration: underline;			
		}
		#main td.central{
			background: url("/images/subpageDL/mainFeatureCentralBg.gif") no-repeat;
			padding:0px;
			margin:0px;
			width: 1px;
		}

		
		
/* tool palette */
div#tools{
	width:157px;
	background:  url(/images/subpageDL/tools_pagebg.gif) no-repeat #CA7C20;
	float:right;
	height: 30px;
	margin:0px 0px 80px 20px;
	border-left: solid 5px white;
	padding: 0px 0px 0px 0px;
	line-height: 1.0;
}
	div#tools p.pages,div#tools p.prevnext{
		color:white;
		font-weight:bold;
		text-align:center;
		font-size:10px;
		padding:4px 0px 6px 0px;
		margin:0px;
	}
	div#tools p.prevnext {
		background:url(/images/subpage/tools_blackdash.gif) bottom repeat-x;
	}
		div#tools p.prevnext a {
			color: #593A08;
		}
	div#tools p.button {
		font-size:10px;
		margin:0px;
		text-align:left;
	}
	div#tools p.button a{
		color:#844801;
		font-weight:bold;
		text-decoration:none;
		background:url(/images/subpage/tools_whitedash.gif) bottom repeat-x #DADCE7;
		display:block;
		padding:6px;
	}
	div#tools p.button a:hover {
		background-color:#B3B7D1;
	}
/* Article Content Styles */
td#main p.metadata {
	margin-top: 4px;
	font-size:.9em;
}
td#main p.author {
	font-weight:bold;
	font-size:.9em;
}
/*rating and discussion link*/
td#main div#rating {
	float:left;
	margin-bottom:1em;
}
	td#main div#rating p.stars {
		float:left;
		font-size:.8em;
	}
	td#main div#rating p.discuss {
		font-weight:bold;
		float:right;
		font-size:.9em;
	}
	/* ugly style hack to clear the floated ratings row in Netscape */
	head:first-child+body div.clear {
		clear:left;
	}
	
td#main p.pagenav {
	font-weight:bold;
	font-size:1em;
}
/* Discussion Styles */
div#discussion{
	border-top:2px solid #1D1E61;
	border-bottom: dotted 1px #CFE3F3;
	
	padding:0px 0px 10px 0px;
}
	div#discussion h2,div#allDiscussions h2{
		color:#A05701;
		font-size:1.2em;
		border-bottom: dotted 1px #CFE3F3;
		
		padding:6px 0px 6px 0px;
		margin-bottom:5px;
	}	
	div#discussion h3 {
		color:#1D1E61;
		font-size:1.2em;
		margin:0px;
	}
	div#discussion h4 {
		color:#A05701;
		font-size:1em;
		margin:0px 0px 5px 0px;
	}	div#discussion div.thread {
		margin-top:15px;
	}
	div#discussion p {
		margin-top:.5em;
		margin-bottom:.7em;
		font-size:1em;
	}
	div#discussion p.threadNumber {
		font-weight:normal;
		margin:0px;
		font-size:0.9em;
		color:#6A6767;
	}
	div#discussion p.author {
		color:#1D1E61;
		font-weight:normal;
		border:none;
		margin-top:0px;
	}
	div#discussion p.reply {
		background:url(/images/subpage/bullet_reply.gif) no-repeat;
		padding:0px 0px 0px 12px;
		color:#1D1E61;
		margin-bottom:1.5em;
	}
	#main p.replynav {
		font-size:.9em;
	}
	#main p.replynav a{
		font-weight:bold;
	}
/*********************

	Discussion Form Styles
	
*********************/	
div#discussionForm {
}
	div#discussionForm h2 {
		color:#A05701;
		font-size:1.2em;
		padding-bottom:2px;
		margin:15px 0px 10px 0px;
	}
	div#discussionForm h3 {
		font-size:1.2em;
		color: black;
	}
	div#discussionForm h4 {
		font-weight:normal;
		margin:10px 0px 4px 0px;
		font-size:.8em;
		color:#6A6767;
	}
	div#discussionForm div#original {
		background:#FFF7EE;
		border:1px solid #3058A0;
		padding:0px .6em 0px .6em;
	}
		div#discussionForm div#original p{
			margin:.6em 0px .6em 0px;
	}
			div#discussionForm div#original p.question{
				color:#002661;
			}
				div#discussionForm div#original p.question strong{
					font-size:1.2em;
				}
	div#discussionForm a.skip {
		font-size:.6em;
		font-weight:normal;
		margin-left:10px;
	}
	div#discussionForm form {
		margin-top:10px;
	}			
				
	div#discussionForm input.large {
		width:460px;
	}
	div#discussionForm input.medium {
		width:235px;
	}
	div#discussionForm textarea {
		width:370px;
	}	
/*********************

	Search Results Page Styles
	
*********************/
.recordNav {
	padding: 6px 0px 0px 0px;
}
.searchDescription{ background: #F3F2F0; padding: 2px 6px 2px 6px; margin: 2px 15px 2px 0px; }
	.searchDescription p{ font-size: .8em; color: #404040;line-height: 1.5; }
.resultitem{ margin-bottom: 10px; border-bottom: dotted 1px #CECECE; padding: 0px; padding-bottom: 10px;}
.resultitem p{ margin-top: 0px; margin-bottom: 5px;}

div#featuredResults {
	margin-top:10px;
		float:left;
}
	div#featuredResults p {
		margin-bottom:.5em;
	}
	div#featuredResults h3,div#otherResults h3 {
		font-size:10pt;
		margin-bottom:0px;
	}
	div#featuredResults img.readmore {
		margin-top:5px;
	}
	div#featuredResults div.row {
		clear:both;
		float:left;
		background:url(/images/homepage/dashbg.gif) repeat-x bottom;
		padding:.5em 0px 6px 0px;
		width: 524px; 
	}	
	div#featuredResults div.leftResult {
		float:left;
		width: 240px;
		padding:0px 12px 0px 4px;
		border-right: solid 1px #CDCDCD;

		/*w\idth:256px;*/ /* hack for box model */
	}	
	div#featuredResults div.rightResult {
		padding:0px 0px 0px 12px;
		float:right;	
		width: 240px;
		/*w\idth:260px;*/ /* hack for box model */
	}
	div#featuredResults img.thumb{
		float:right;
		margin:0px 0px 5px 5px;
	}
	div#otherResults  {
		clear:both;
		margin-top:15px;
	}
	td#main div#otherResults h2 {
		color:#B46202;
		font-size:1.2em;
		margin-bottom: 5px;
	}

/*********************

	Advanced Search Table Styles
	
*********************/

	td#main .formTable td{
		background-color: #D0D8E3;
		margin: 1px;
		padding: 2px;
		color: black;
	}

	td#main .formTable th{
		background-color: #53589A;
		margin: 1px;
		padding: 2px;
		color: white;
		text-align:left;
		vertical-align: top;
	}

	td#main .formTable input{
		font-size: 0.9em;
		color: black;
		width: 240px;
		border: solid 1px black;
	}

	td#main .formTable input.radio{
			border: none;
			width: 20px;
			height: 10px;
			color: black;	
			margin: 2px;
			vertical-align: middle;
	}

	td#main .formTable select,td#main .formTable textarea {
		font-size: 0.9em;
		font-family: verdana, helvetica, sans-serif;
		color: black;
		width: 200px;
		border: solid 1px black;
	}

	td#main .formTable .short {
		width: 100px;
	}

	td#main .formTable textarea.full {
		width: 450px;
	}
	
	

#main .VisitSiteP{ /* on paragraph surrounding the button */
		margin-top: 10px;
		margin-bottom: 2px;
}	

	.goToButton{
		font: bold 10pt "Trebuchet MS",Arial;
		margin-top: 10px;
		margin-bottom: 0px;
		text-align: center;
	}	
		

#main p.featurebrand{ /* On a paragraph, ex. Convergence or Resources label in featured items table. */
		font: normal 9pt Arial;
		color: black;
		line-height: 2.4;
		display: inline;
		border: solid 1px #9C9FAA;
		padding: 4px 10px 4px 10px;
		background: #FFFFFF;				
	}

#errorblock{ margin-bottom: 4px; }


/* For Registration Tables off of Main Page */
#main .registerTable{
		margin-top: 10px;
	}
	#main .registerTable .formcheckbox{ /* on td */
		border: none;
		padding: 2px;
		text-align: left;
		background: white;
	}
	#main .registerTable .formcheckbox input{ /* actual checkbox */
		border: solid 1px #40495C;
		width: 20px;
		height: 18px; /* needed for Opera and Netscape 6 */
		background: #FFFFE1;
	}
	#main .registerTable .submitbutton input{
		border: 0px;
		width: 66px;
		height: 26px;
		padding: 0px;
		background: none;
	}

	#main .registerTable th {
		font: normal 8pt verdana;
		padding: 2px;
		text-align: right;
	}
	#main .registerTable input {
		border: solid 1px #40495C;
		background-color: #FFFFE1;
		font-size: 10pt;
		padding: 2px;
		width: 265px;
	}
	#main .registerTable select {
		border: solid 1px black;
		background-color: white;
		font-size: 0.9em;
	}
	#main .registerTable label {
		margin: 0px 6px 0px 4px;
	}
	
/* Blue rounded block on the Sign In page to direct members to the MAA site to login */	
#are_you_member{
	background: url('/images/subpageDL/are_you_member_block.gif') no-repeat;
	width: 218px;
	height: 47px;
	padding: 40px 5px 5px 10px;
}
	#are_you_member a{ font-weight: bold; }