/* Pretty Stuff
================================== */

/* Zero down margin and padding on all elements */
* { /* For some reason, the first css element in the file is ignored!! */
  margin: 0;
  padding: 0;
}

body {
	max-width: 100%;
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	background:  url("../images/bglong.jpg") repeat-x;
	background-color:#eaddbd;
/*	background-color:#7c879b;*/
}

h1 {
	font-size: 2.4em;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

h2 {
	font-size: 2em;
	font-weight: normal;
	line-height: 10px;
}

h3 {
  font-size: 1.6em;
  font-weight: bold;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: 1em 0;
}

#branding { /* # = ID*/
	position: absolute;
	height: 116px;
	width: 981px;
 	background:   url("../images/amsbanner3.jpg") no-repeat left top;
	}
.homelink {
/*background-image: url(images/header.png);
background-repeat: no-repeat;
margin-top: 8px;
*/
position: absolute;
float: left;
height: 116px;
width: 400px;
}
.homelink a {
display: block;
float: left;
height: 116px;
width: 400px;
outline: none;
}

.homelink a span {
display: none;
}
#toplinks { /* top right links in banner */
	position: absolute;
	top: 10px;
	right: 15px;
	}
#toplinks a {
color:#FFFFFF;
}
#contenttoplinks {
	position: relative;
	top: -13px;
	right: -130px;
	/*transform: translateX(-50%);*/
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#login {
	position: absolute;
	color: white;
	bottom: 10px;
	right: 15px;
}

fieldset {
	padding: 10px;
	font-size: 1.4em;
}

#login-table {
	width: 45%;
}

#login h4 {
	text-align: center;
}

#login .submitlogin {
	margin-top: 5px;
}

#login form {
	text-align: right;
}

#brandingBackground {
	height: 116px;
/*	background: url(../images/amsbanner-slice.jpg) repeat-x left top;
*/}

#branding h1 {
  margin: 0;
}

#mainNav {
  list-style: none;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
}

#footer {
	background-color:#535b70;
	padding: 1px 20px 1px 100px;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	clear: both; 
	font-size: 0.8em;
	text-align: center;
}

#jams {
	font-size: 7px;
	font-style: normal;
	background-color: #edf3f8;
	width: 325px;
	padding: 0px 0px 20px 5px;
	border: 4px solid #666666;
	position:relative;
	right:-8%;
}
#jams.parent {
	background-color: #990033;
}
#popular {
	font-size: 7px;
	font-style: normal;
	background-color: #edf3f8;
	width: 300px;
	padding: 20px 0px 20px 25px;
	border: 4px solid #666666;
	position:relative;
	right:-40%;
}
#popular.parent {
	background-color: #990033;
}

#bullets {  /*nudges <ul> <li> bullets right for correct indent*/
	margin-left: 25px;
}


/* Fonts
=================================*/

.footerlink A:link {color:#C1C1C1}
.footerlink A:visited {color:#EAEAEA}
.footerlink A:active {color:#FFFFFF}
.footerlink A:hover {font-weight:bold; color:#FFFFFF; text-decoration:underline; }

.heading1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
}
.heading2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
}
.heading3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
}

.error {
	color:#FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}


.style1 {font-size: x-small}

.style2 {
	color: #000099; /*blue*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.style21 {
	color: #000099; /*blue*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.h3red {
	color: #FF0000; /*red*/
	/*font-size: 1em;
	font-weight: bold;*/
}
.style71 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 9.5px;
}

.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-size: 10px;
}

.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style8bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.style9 {
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
}
.style9-red-strikethru {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: line-through;
}
.style9blue-underline {
	font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #0033FF;
	text-decoration: underline;
}

.style9bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.style9boldblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000099; /*blue*/
	font-style: normal;
}
.style9whitebolditalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
.style9whitebolditalic A:link {color:#FFFFFF}
.style10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000}
.style10bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.style11 {
	color: #CCCCCC; /*grey*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style11g {
	color: #CCCCCC; /*grey*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style12 {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style13 {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
#col2 { column-count: 2; }
#col3 {	column-count: 3; }

#style9bold a:link {
	color: #000099;
}
#style9bold a:visited {
	color: #CC0066;
}
#style9bold a:hover {
    color: #FF6666;
}

/* The Core Technique
================================= */

body {
  min-width: 900px;
}

#wrapper {
  width: 100%;
  max-width: 981px;
  margin: 0 auto; 
  text-align: left;
  background: #fff url(../images/nav-faux-col.gif) repeat-y /*28*/21% 0;
}

#wrapper2 {
  background:   url(../images/secondary-faux-col.gif) repeat-y 71% 0;
}

#mainNav { 
  width: 21%;
  float: left;
}

#content {
	width: 76%;
	float: right;
	padding-right: 20px;
}

#mainContent { 
  width: 77%; 
  float: left; 
  background-color:#FFFFFF;
} 

#secondaryContent { 
  width: 20%;
  min-width: 10em;
  min-height: 650px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
} 
/* add some padding to the contents in the main nav and secondary content areas */
#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav *, #secondaryContent * { 
 padding-left: 20px;
 padding-right: 20px;
}

#mainNav * *, #secondaryContent * * { /*asterisk moves to next level down. E.g. first refs to div, next to div within div*/
 padding-left: 0;
 padding-right: 0;
}

/*mainNav2
-------------------------------------*/

#mainNav2 {
	font-family: Verdana, sans-serif;
	font-size: 0.9em;
	font-weight: bolder;
	color: #FFFFFF;
}

ul#menu {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.mainnav2 {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#menu a {
  display: block;
  text-decoration: none;
  	display: block;
	width:  188px /*175px*/; /* this is where firefox versions are creating problems! ALSO could set in ems ??  */
	height: 4em/*36px*/;
	line-height: 3.9em/*35px*/;
	text-decoration: none;
	background: #94B8E9 url(../images/pixy-rollover4.gif) no-repeat left top;
	text-indent: 10px;
	white-space: nowrap; /*At large font sizes this makes the longer buttons more readable*/
	color: #FFF;
	border-top-width: 1px; /*The border styles don't do anything*/
	border-top-color: #FFF;
	background-color: #FFF;
	z-index:1; /* pertains to layer stacking -- does not seem to do anything at this point*/
	
}

ul#menu li {
  margin-top: 0px;
}

ul#menu li a {
	display: block;
	height: 3em;
	line-height: 2.9em;
	font-size: 0.9em;
	width: 188px;
	text-indent: 10px;
	white-space: nowrap;
	color: #FFFFFF;
	text-decoration: none;
	background: #94B8E9 url(../images/pixy-rollover4.gif) no-repeat left top;
	border-top-width: 1px;
	border-top-color: #FFF;
	background-color: #FFF;
	padding: 0.5em;
}

ul#menu li a:hover {
	background: #94B8E9 url(../images/pixy-rollover4.gif) no-repeat right top;
	color: #FFF;
}

.mainnav2 A:link {color:#FFFFFF}
.mainnav2 A:visited {color:#CCCCCC}
.mainnav2 A:active {color:#FFFF00}
.mainnav2 A:hover {font-weight:bold; color:#FF6666; text-decoration:underline; }
/* .mainnav2 a[href^="http:"] {
	background: url(../images/externalLink.gif) no-repeat right top; 
	font-weight:bold; color:#333333;
	padding-right: 10px;
}
.mainnav2 a[href^="http://www.ams-net.org"], a[href^="http://ams-net.org"] {
	background: #FF0000 url(../images/red.gif) no-repeat left top;
	font-weight:bold; color:#CCCCCC;
	padding-right: 0;
}*/

/* :KLUDGE: Removes large gaps in IE/Win */
.menu li {
  display: inline; 
}

/*minimenu
-----------------------------------*/
ul.minimenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
}

ul#menu li ul li a {
	display: block;
	height: 1.1em;
	line-height: 1em;
	font-size: 0.6em;
	width: 196px;
	text-indent: 10px;
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
	text-align:right;
	background: #94B8E9 url(../images/pixy-rollover4.gif) no-repeat left top;
	border-top-width: 1px;
	border-top-color: #FCC;
	background-color: #FCC;
}

ul#menu li ul li a:hover {
  background-color: #FF0000;
/*  background-position: right bottom;*/
	background: #7b7b69 url(../images/pixy-rollover4.gif) no-repeat right top;
  color: #FFF;
}

.minimenu A:link {color:#FFFFFF}
.minimenu A:visited {color:#CCCCCC}
.minimenu A:active {color:#FFFF00}
.minimenu A:hover {font-weight:bold; color:#FF6666; text-decoration:underline; }
/*.minimenu a[href^="http:"] {
	/* background: url(../images/externalLink.gif) no-repeat right top; 
	padding-right: 10px;
	font-weight:bold; color:#333333;
}
.minimenu a[href^="http://www.ams-net.org"], a[href^="http://ams-net.org"] {
	background: #FF0000 url(../images/red.gif) no-repeat left top;
	font-weight:bold; color:#CCCCCC;
	padding-right: 0;
}*/

.first a {
  height: 4em/*35px*/;
  line-height: 4em/*35px*/;
}

ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

/* :KLUDGE: Removes large gaps in IE/Win */
.minimenu li {
  display: inline; 
}

/* CSS for main content
------------------------------------------------------*/
/* =Links
------------------------------------------------------*/

A:link
{ color:#484e70; }
A:visited
{ color:#727260; }
A:active
{ color:#9097bc; }
A:hover
{color:#9097bc; text-decoration:underline; }

/*indicate external link w/ gif: REMOVED 5/29/09 

a[href^="http:"] {
background: url(../images/externalLink.gif) no-repeat right top;
padding-right: 10px;
}

a[href^="http://www.ams-net.org"], a[href^="http://ams-net.org"], a[href^="http://www.bowdoin.edu"], a[href^="http://www.neh.gov"] {
background-image: none;
padding-right: 0;
}
*/

/*indicate PDFs w/ gif */

a[href$=".pdf"] {
background: url(../images/pdfLink.gif) no-repeat right top;
padding-right: 20px;
}

/* Button styles 
-----------------------*/

.but {width:100px;font-family:tahoma,arial,helvetica,sans-serif;font-size:12px;border:1px solid #000000;background-color:#0099CC;color:#ffffff;font-weight:bold;}
.but2 {width:175px;font-family:tahoma,arial,helvetica,sans-serif;font-size:12px;border:1px solid #000000;background-color:#0099CC;color:#ffffff;font-weight:bold;}
.but3 {width:250px;font-family:tahoma,arial,helvetica,sans-serif;font-size:12px;border:1px solid #000000;background-color:#0099CC;color:#ffffff;font-weight:bold;}

input.btn {
	color:#FFFFFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pixy-rollover2R.gif) no-repeat left top;
	height: 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
	vertical-align: text-top;
	} 
input.btn:hover {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pixy-rollover2R.gif) no-repeat right top;
	height: 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
	vertical-align: text-top;
	cursor:pointer;
}	
input.btnarrow {
	background:url(../images/buttonarrow15px.gif) no-repeat left top;
	width: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	vertical-align:middle;
}
input.btnarrow:hover {
	background:url(../images/buttonarrow15px3.gif) no-repeat right top;
	width: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	vertical-align:middle;
}	
button.btn {
	color:#FFFFFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pixy-rollover2R.gif) no-repeat left top;
	height: 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
	vertical-align: text-top;
	} 
button.btn:hover {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pixy-rollover2R.gif) no-repeat right top;
	height: 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
	vertical-align: text-top;
	cursor:pointer;
}	
button.btnarrow {
	background:url(../images/buttonarrow15px.gif) no-repeat left top;
	width: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	vertical-align:middle;
}
button.btnarrow:hover {
	background:url(../images/buttonarrow15px3.gif) no-repeat right top;
	width: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	vertical-align:middle;
}	
a.btn {
	color:#FFFFFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pixy-rollover2R.gif) no-repeat left top;
	height: 20px;
	padding:3px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center; 
	vertical-align:baseline; 
	} 
a.btn:hover {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/pixy-rollover2R.gif) no-repeat right top;
	height: 20px;
	padding:3px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
	vertical-align:baseline; 
	cursor:pointer;
}

/*input.btnhov {
  border-color: #c63 #FFFFFF #FFFFFF #c63;
  cursor:pointer;
}
*/

/* for ToC and other expandable lists
---------------------------------------------------*/
#maincontent1 {
display:none;
}

#nav, #nav ul{
	list-style:none;
	/*	margin-left:20px; */
	margin: 0;
	padding: 0 0 0 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav ul{
	padding-top:.5em;
}

#nav li{
	padding-left:17px;
	background: url(images/arrow.gif) no-repeat left 4px; /* NOW CORRECTly PLACED*/
	padding-bottom:.45em;	
}

#nav a{
	text-decoration:none;
	/*color:#960000;*/
}

#nav a:hover{
	color:#1b53b9;
}

#nav .expandable{
/*	padding-left:0px;*/
	background-image:none;

}

#nav .expandable img{
	margin-right:5px;
}

#expandAll, #collapseAll {
	font-weight:bold;
	background-image:none;
}


#alpha_upper ol {
	list-style-type: upper-alpha;
	margin: 0;
	padding: 0 0 0 10;
	}

#decimal ol {
	list-style-type:decimal;
	margin: 0;
	padding: 0 0 0 10;
	}

#alpha_lower ol {
	list-style-type: lower-alpha;
	margin: 0;
	padding: 0 0 0 30;
	}

#roman_lower ol {
	list-style-type: lower-roman;
	margin: 0;
	padding: 0 0 0 30;
	}

/* Layout properties for show/hide (question/answer) js  (Children's Lit / HM Brown winners pages 
=======================*/
.question{
	font-weight:bold;	/* Bold font */
	color: #0000FF;		/* The questions is in red */
	cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
	font-size: 12px;
	}
#question a:hover{
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;	
	}
		
.answer{
		/* Layout properties - You can change these */
		
		border: 1px solid #555555;
		padding:10px;
		background-color:#E2EBED;
		
		/* This one should not be changed */
		display:none;	
	}
/* Use to divide content window into two equal divs
=======================*/

#mainwrap2 { 
  width: 100%; 
  float: left; 
  background-color:#FFFFFF;
} 
#mainLeft { 
  width: 50%; 
  float: left; 
  background-color:#FFFFFF;
} 
#mainRight { 
  width: 50%; 
  float: right; 
  background-color:#FFFFFF;
} 
#mainLeft3 { 
  width: 67%; 
  float: left; 
  background-color:#FFFFFF;
} 
#mainRight3 { 
  width: 33%; 
  float: right; 
  background-color:#FFFFFF;
} 

/* Divs for 2 or 3 column work - use only with text, not URLs
=======================*/

#col2 { column-count: 2; }
#col3 {	column-count: 3; }
	
#search { 
	position: absolute;
	bottom: 85px;
	right: 0px;
}
/* Use to divide content window into two equal divs with boxes and special corners
=======================*/

#mainwrap3 { 
  width: 100%; 
  float: left; 
  background-color: #FFFFFF;
} 
#mainLeftC { 
	font-size: 7px;
	font-style: normal;
	background-color: #edf3f8;
	width: 45%;
	padding: 10px 0px 10px 15px;
	border: 4px solid #666666;
	float: left; 
} 
#mainRightC { 
	font-size: 7px;
	font-style: normal;
	background-color: #edf3f8;
	width: 45%;
	padding: 10px 0px 10px 15px;
	border: 2px solid #666666;
	float:right;
}