/*   MATHCAMP WEBSITE STYLE SHEET    */
/*   Created Jan 2010 by Marisa    */
/*   Last Updated March 2012 by Marisa    */



/*   THIS STYLE SHEET IS FOR VISUAL CONTROL.  It makes things pretty.   */


body {
font-family:"ff-nuvo-web-pro-1","ff-nuvo-web-pro-2",Arial,sans-serif;
font-smooth:always;

}


p, li, td, th {

font-size:10pt;

line-height:1.2em;

color:#323237;
}

h1 {

	font-size:15pt;

	line-height:1.5em;

	color:#500C23;

	}



h2 {

	font-size:13pt;

	line-height:1.5em;

	color:#500C23;

	}

	h2.slightlysmaller {
	font-size:12pt;	
	}
	
h3 {
	font-size:12pt;
	line-height:1.3em;
	color:#323237;
	}
	
h4 {
	font-size:11pt;
	line-height:1.3em;
	color:#323237;
	}
	
p {
	text-align:justify;

	}
	

	

a {
	text-decoration:none;
	}
	
	a:link {color:#005A46;}
	a:visited {color:#005A46;}
	a:hover {color:#500C23;}
	a:active {color:#EB0A2D;} 
	
	#info-pane a {
	font-weight:bold;
	}	
	
	#wide-info-pane a {
	font-weight:bold;
	}	

	
th {
	font-weight:bold;
}

.leading {

	color:#500C23;

	font-weight:bold;

	}

.red {

	color:#EB0A2D;

	font-weight:bold;

	}
	
.display {
	text-align:center;
	}
	
.major {
	text-align:center;
	font-weight:bold;
	font-size:14pt;
	}
	
.code {
	font-family: Courier New;
	}
	
	
hr {
	border: 0;
	color: #005A46;
	background-color: #005A46;
	height: 1px;
	}
	
#left-menu-pane p {
	text-align:left;
}
	
#left-menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
	
	#left-menu li {
	list-style: none;
	margin-left: -33px;
	padding: 0.3em;
	}
	
	#left-menu li.indent {
	list-style: none;
	margin-left: -11px;
	padding: 0.3em;
	}
	
.spotlight, .spotlight-grey, .spotlight-center, .spotlight-blue {
	font-style: italic;
	margin-left:33px;
	padding-left:11px;
	margin-right:33px;
	padding-right:11px;
	padding-top:1px;
/*	border:1px solid #323237; */
	}
	
	.spotlight, .spotlight-grey, .spotlight-blue {
	text-align:justify;
	padding-bottom:1px;
	}
	
	.spotlight-grey {
	background-color:#EBEBEE;
	}

	.spotlight-blue {
	background-color:#C3CAF5;
	}
		
	.spotlight-center {
	text-align:center;
	border:1px solid #323237;
	padding-top:30px;
	padding-bottom:30px;
	}
	
	p.spotlight-title{
	color:#500C23;
	font-weight:bold;
	}
	
	
/*   IMAGE THUMBNAILS  */

	
.thumbnail-image {
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:100px;
	margin:0px 22px 0px 0px;

	}

.thumbnail-image-with-tall-text {	
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:100px;
	margin:0px 22px 30px 0px;
	}
	
.thumbnail-image-with-very-tall-text {	
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:100px;
	margin:0px 22px 80px 0px;
	}

.thumbnail-image-with-extremely-tall-text {	
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:100px;
	margin:0px 22px 165px 0px;
	}		
		
.thumbnail-image-with-the-most-text {	
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:100px;
	margin:0px 22px 190px 0px;
	}

	.thumbnail-image-100x130 {
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:130px;
	margin:0px 11px 11px 0px;

	}
	
	.thumbnail-image-125x150 {
	float:left;
	/* border:1px solid #323237; */
	width:125px;
	height:150px;
	margin:0px 22px 11px 0px;

	}

	.thumbnail-image-100x150 {
	float:left;
	/* border:1px solid #323237; */
	width:100px;
	height:150px;
	margin:0px 11px 11px 0px;

	}

	.thumbnail-image-100x150-right {      		/* This is currently on the testimonials page.  */
	float:right;
	/* border:1px solid #323237; */
	width:100px;
	height:150px;
	margin:0px 0px 11px 11px;

	}
	
.thumbnail-text{     						/* This is for the text (typically a person's bio) next to a 100x100 thumbnail photo.  */
	min-height:120px;
/*	border:1px solid blue; */
	}

.thumbnail-text-tall {     					/* This is for the text (typically a person's bio) next to a thumbnail photo taller than 100px.  */
	min-height:155px;
/*	border:1px solid red;  */
	}

.thumbnail-text-extremely-tall {     			/* This is for the text (typically a person's bio) that is very very very tall.  */
	min-height:180px;
/*	border:1px solid red;  */
	}
	
	
/*   VARIOUS KINDS OF LISTS  */
	
.widelist li {
	padding:5px;
	}
	
.nicelist {
	padding:0px;
	margin-left:15px;
	}
	
	ul.nicelist {
	list-style-type:none;
	}
	
	.nicelist li {
	padding:5px;
	}
	
	.nicelist li a {
	font-weight:bold;
	}
	
.nicelist-narrow {
	padding:0px;
	}
	
	ul.nicelist-narrow {
	list-style-type:none;
	margin-left:15px;
	}

	ol.nicelist-narrow {
	margin-left:35px;
	}
	
	.nicelist-narrow li {
	padding-bottom:5px;
	}
	
	.nicelist-narrow li a {
	font-weight:bold;
	}
	
	
.nicelist-noindent {
	list-style-type:none;
	padding:0px;
	margin-left:0px;
	}
		
	.nicelist-noindent li {
	padding-bottom:22px;
	}
	
.quote-offset {
	margin-left:33px;
	margin-right:11px;
	font-style:italic;
	}
	
.bigquote {
	font-size:12pt;
	line-height:1.2em;
	}


/*   VARIOUS KINDS OF DROP-IN PICTURES, QUOTES, and ANNOUNCEMENTS  */
	
.big-deal {
	padding-left:11px;
	padding-right:11px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}	
	
	.big-deal p {
	text-align:center;
	font-size:14pt;
	line-height:1.2em;
	}
	
.drop-in-right {     /* For dropping in a quote or photo whose width is specified as an attribute of the image.  */
	float:right;
	margin-left:23px;
	margin-top:5px;
	margin-bottom:16px;

	}

.drop-in-left {     /* For dropping in a quote or photo whose width is specified as an attribute of the image.  */
	float:left;
	margin-right:16px;
	margin-top:5px;
	margin-bottom:16px;

	}

.drop-in-middle {     /* For dropping in a quote or photo whose width is specified as an attribute of the image.  */
	text-align:center;
	margin-right:16px;
	margin-top:16px;
	margin-bottom:16px;

	}

	
.drop-in-wide {      /* For dropping in a block with a blue background, as wide as the current div.  */

	background-color: #C3CAF5;
	padding-left:11px;
	padding-right:11px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:0px;

	}
	
.drop-in-center {      /* For dropping in a centered, full-width (all of the current div) block with a blue background.  */
	background-color: #C3CAF5;
	padding-left:11px;
	padding-right:11px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

	}
	
	.drop-in-center p {
	font-size:12pt;
	line-height:1.2em;
	}
	
	.drop-in-center li {
	font-size:12pt;
	line-height:1.2em;
	}
	
.drop-in-announcement {      /* For dropping in a narrow block whose width you wish to control (currently set at 220px).  */
	float:right;
	width:220px;
	background-color: #C3CAF5;
	padding-left:11px;
	padding-right:11px;

	margin-left:27px;
	margin-bottom:11px;
	margin-right:0px;	
	text-align:center;
	}

	.drop-in-announcement p {
	font-size:12pt;
	line-height:1.2em;
	text-align:center;
	}
	
.drop-in-announcement-red {      /* For dropping in a narrow block whose width you wish to control (currently set at 220px).  */
	float:right;
	width:220px;
	background-color: #C3CAF5;
	padding-left:11px;
	padding-right:11px;

	margin-left:11px;
	margin-bottom:11px;
	margin-right:0px;	
	text-align:center;
	}

	.drop-in-announcement-red p {
	font-size:12pt;
	line-height:1.2em;
	text-align:center;
	color:red;
	font-weight:bold;
	}
	
	
/*   ON THE TESTIMONIALS PAGE   */

.quote {
	padding-top:16px;
	}

.quote-narrow {
	width: 477px;
	}
	
.quote-narrow-right {
	width: 477px;
	margin-left:111px;
	}
		
.attribute {
	font-style:italic;
	margin-top:-10px;
	margin-left:25px;
	}
.attribute-right {
	font-style:italic;
	margin-top:-5px;
	margin-left:136px;
	}
	
.more {
	text-align:right;
	font-style:italic;
	clear:right;
	}


/*   SPECIAL KINDS OF DIVS:  SPONSORS, FORMS, ETC   */

.sponsor {
	float:left;
	width:150px;
	height:120px;
	margin:0 0 15px 15px;
	padding:15px;
	/* border:1px solid black; */
	/* align:center; */  /* this line gave a validation error -- check it out */
	bottom:0;
	}

	.sponsor p {
	text-align:center;
	bottom:0px;
	}

div.fill_out_a_form {
	background-color: #C3CAF5; 
	width:95%; 
	padding-top:20px; 
	padding-left: 20px; 
	padding-right: 20px;
	}

	div.fill_out_a_form input text {
	border: 1px solid #C8C8CD;
	}

table.quiz {
	border: 1px solid #323237;
	border-collapse:collapse;
	}

	table.quiz td {
	width:60px;	
	text-align:center;
	}
	

.social-networks{
	text-align:right;	
	}

	div.social-networks img {
	border:0px;
	}

	div.social-networks ul {
	list-style-type:none;
	}

	div.social-networks li {
	display:inline;
	padding-left:11px;
	}
	
	
/*  Display Tables  */

#nice
{
width:100%;
border-collapse:collapse;
}

#nice td, #nice th 
{
border:1px solid #323237;  /* dark grey */
padding:3px 7px 2px 7px;
}

#nice th 
{
font-size:11pt;
text-align:left;
padding-top:2px;
padding-bottom:2px;
background-color:#C3CAF5;   /* light blue */
color:#000000;
font-weight:normal;
}

#nice tr.alt td 
{
color:#000000;
background-color:#EBEBEE;	/* light grey */
}

#nice td.times
{
width: 110px;
}





/*   END OF FILE    */