* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #000;
	background-color: #FFF;
	background-image: url(../../images/pattern.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}

#wrapper { 
 margin: 0 auto;
 width: 1000px;
  border: 1px solid #ccc;
}


#topnavibar {
float: left;
width: 1000px;
  border: 0px solid green;
   color: #ccc;
    background-color: #cccccc;
	   text-align: left;
	  padding-top: 2px;
	  font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	
	  }
	  
	  #sitebar {
width: 620px;
float: left;
 height: 20px;
  border: 0px solid green;
   color: #b22222;
    background-color: #ccc;
	 text-align: left;
	  padding-top: 4px;	
	  font-family:  Arial, Helvetica, sans-serif;
	  font-size: 9px;
	line-height: 11px;  
	  }
	  

#contactbar {
width: 365px;
 float: right;
  border: 0px solid Fuchsia;
   height: 15px;
    font-size: 6px;
	 font-style: normal;
	  font-family: Arial, Helvetica, sans-serif;	  
	   	  }
		  
		
/* AIC sources banner png */
#header {
 color: #333;
 width: 1000px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #ccc;
}

/* Becoming Modern banner */
#navigation {
 float: left;
 width: 1000px;
 color: #333;
 padding: 0px;
 border: 0px solid #ff00ff;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
}


#head #navbar {
    background-color: #CCCCCC;
    color: #FFFFFF;
    font-size: 10px;
    height: 24px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    width: 970px;
}
#head #navbar #sitemap {
    color: #CC0033;
    float: left;
    font-size: 9px;
    text-transform: uppercase;
}
#head #navbar #sitemap a, #head #navbar #sitemap a:visited {
    color: #003366;
}
#head #navbar #sitemap a:hover, #head #navbar #sitemap a:active {
    color: #CC0033;
    text-decoration: underline;
}
#head #navbar #contact {
    float: right;
    margin-top: 1px;
}
#head #searchform, #head #cse-search-box {
    color: #003366;
    float: left;
    font-size: 9px;
    margin-right: 0.75em;
    margin-top: -4px;
    text-transform: uppercase;
}
#head #searchform #searchsubmit, #head #cse-search-box input[type="submit"] {
    font-size: 9px;
}
#head a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#head a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#head a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
#head a:active {
    color: #FFFF99;
    text-decoration: none;
}
#head img.banner {
    border-bottom: 1px solid #CC3333;
    border-top: 1px solid #CC3333;
}



 #colwrapper {
border: 0px solid red;
background-color: #FFF;
	background-image: url(../images/leftcolbackground.jpg);
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left top;
	width: 1000px;
	float: left;
	}



#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px; 
 width: 200px;
 float: left;
}

#rightcolumn { 
 float: left;
 color: #000000;
 border-left-color: #cccccc; border-left-style: solid; border-left-width: 1px;
 /*VERY IMPORTANT added this left border above to the right column for line  */
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 15px 25px 25px 25px;
 width: 745px;
 display: inline;
}
	
/*style for balloon tooltips id*/	
	 
#balloon1, #balloon2, #balloon3, #balloon4, #balloon5 {
width: 155px;
 background-color:#e6e6fa;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
   color: #b22222;
    text-align: center;
	 line-height: 16px;
	 }

	 /*style for larger the age balloon tooltips id*/	
	 #balloon1big {
width: 170px;
 background-color:#e6e6fa;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
   color: #b22222;
    text-align: center;
	 line-height: 16px;	
	 }

	 /*TEXT LIST added style 8/8/2012 to style main list of texts gave id LM */	
	 /*TEXT LIST fixed margin pad 10/10/2012 LM */	
#textlist {
padding-bottom: 7px; }
	 
 #textlist ul {
 border: 0px solid green;
 padding: 0px 0px 0px 20px; 
margin: 10px 0px 10px 20px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-style: normal; 
color: #261e09; 
line-height: 17px;
}

#textlist li {
 padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 5px; 
padding-top: 0px;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 5px; 
margin-top: 0px;
 }
  
#textlist ul ul {
 border: 0px solid pink;
 list-style: none;
padding-left: 1em;
text-indent: -1em;
margin: 0px 0px 0px 0px;
}

#textlist li li {
 padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 0px;
margin: 0px 0px 0px 0px;
 } 
	 
	 
	 
/*sitemap style added 10/26/2012 LM*/	 
	 	
#sitelist {
padding-bottom: 7px; }
	 
 #sitelist ol {
 border: 0px solid green;
 padding: 0px 0px 0px 20px; 
margin: 0px 0px 0px 20px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-style: normal; 
color: #261e09; 
line-height: 17px;
}

#sitelist li {
 padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 5px; 
padding-top: 0px;
margin-left: 0px; 
margin-right: 0px; 
margin-bottom: 5px; 
margin-top: 0px;
 }
  
#sitelist ul {
 border: 0px solid pink;
 list-style: none;
padding-left: 1em;
text-indent: -1em;
margin: 0px 0px 0px 0px;
}

#sitelist ul ul {
 border: 0px solid pink;
 list-style: none;
padding-left: 1em;
text-indent: -1em;
margin: 0px 0px 0px 0px;
}

#sitelist li li {
 padding-left: 5px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 0px;
margin: 0px 0px 0px 0px;
 }  
	 
	/*site list style ends */ 
	
	/* LM: primary sources text banner new august 2013*/
	
#psbanner {
	background-color:#8b0000;
	border-top-color: Black; 
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: 0px; 
	border-left-width: 0px;
	border-right-width: 0px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 1000px;
	
		  }
	 
	 
	 
 /*discussion questions id*/	 
#discussionquestions { 
  border: 1px solid #ccc;
 background-color: #e6e6fa;
 padding: 10px;
 margin: 30px 0px 30px 0px;
 }
 
 #discussionquestions ol {
 padding: 5px 0px 5px 20px; 
margin: 0px 0px 5px 20px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-style: normal; 
color: #000; 
line-height: 17px;
}

  #discussionquestions li {
 padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 5px; 
padding-top: 0px; 
 }
 
 
  

 #dqsectionbreak {
 font-size: 13px; 
 font-weight: bold;
  margin-top: 15px;
 margin-bottom: 10px;
 }

#framingquestions { 
	border: 1px solid #b0c4de;
	background-color: #FFF8DC;
	padding: 10px;
	margin: 40px 0px 20px 0px;
  }
  
  
  
  /***********************************style used inside royal slider main index becomingmodern page*/
#themesboxhprs { 
background-color: #FFF8DC;
	 float: left;
	  border: 0px solid purple;
	   padding: 0px 0px 0px 0px;
	    margin: 0px 0px 5px 0px;
		}
		
	
	/****************************style used inside royal slider main index becomingmodern page*/
 #framingquestionshprs { 
	float: left;
	border: 0px solid #b0c4de;
	background-color: #FFF8DC;
	padding: 5px;
	margin: 0px 0px 5px 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	height: 220px;
  }
  
  
  
    	
		
		/*style used on main index becomingmodern page*/
#themesboxhp { 
	 float: left;
	  border: 0px solid purple;
	   padding: 0px 0px 0px 0px;
	    margin: 0px 0px 25px 0px;
		}
		
	
	/*style used on main index becomingmodern page*/
 #framingquestionshp { 
	float: left;
	border: 1px solid #b0c4de;
	background-color: #FFF8DC;
	padding: 5px;
	margin: 0px 0px 5px 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	height: 170px;
  }
  
   #themehpframingquestions { 
	border: 1px solid #b0c4de;
	background-color: #FFF8DC;
	padding: 5px;
	margin: 0px 0px 25px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
  }
  
  #themehptopbox {
  border: 1px solid #b0c4de;
  /* LM changed from f5f5f5 */
  background-color:#e6e6fa;
  padding: 10px;
   margin: 0px 0px 25px 0px;
	}
	
 #themehpsections {
 border: 1px solid #b0c4de;
  background-color:#FFF8DC;
   padding: 10px;
    margin: 0px 0px 25px 0px;
	} 
  

  #printtableindent {
  float: left;
	border: 0px solid #b0c4de;
	padding: 0px;
	margin: 30px 0px 40px 0px;
	width: 100%;
  }

	
	
	#linkindent {
margin: 10px 10px 40px 10px;
	}



#notescredits {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
  line-height: 16px;
   color: #534f4C;
   }
   
   #pdfnote {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
  line-height: 16px;
   color: #534f4C;
   }
   
 /*little blue text PDF style in body*/
   #pdf {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
	 color: #3366cc;
	 }
   
   
    /*citation in top text titles*/
   #cite {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-variant: small-caps; 
	 color: #2f4f4f;
	 
	 }
   
   
#bottomnavi {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
   }

   
   #footer { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
 width: 980px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #dcdcdc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

a:link { color: #3333cc; text-decoration: underline }
a:active { color: #009900; text-decoration: underline }
a:visited { color: #3333cc; text-decoration: underline }
a:hover { color: #993366; text-decoration: underline }



/*Does not help IE8 OCT 2009 saved may help later css code to fix underline of image links this one does not seem to help OCT 2009 IE8*/
a[href$=jpg],  a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	background-color: transparent;
	}
	
/*Does not help IE8 OCT 2009 code to fix underline of image links do not see that THIS ONE HELPS */
a.noBg:hover { background-color: transparent; /* change this to transparent or none to
fix the issue */
}

/*THIS ONE THIS ONE does it this one does it IE8 OCT 2009 code to fix underline of image links THIS ONE HELPS */
a img {
    border: 0 none;
    vertical-align: middle;
}

/*VERY IMPORTANT THIS ONE THIS ONE does it this one does it IE8 BUG OCT 2009 code to fix underline of image links THIS ONE HELPS */
a img {
    border: none;
    vertical-align: middle;
}



p {font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 13px; 
line-height: 18px; 
text-align: left;
margin-top: 10px; margin-bottom: 15px;
	  }

	  
h1 {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 23px; 
line-height: 30px;
color: #8b0000;
font-weight: bold;
margin: 0px 0px 10px 0px;
}	  

h1.main {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 20px; 
line-height: 30px;
color: #8b0000;
font-weight: bold;
margin: 30px 0px 0px 0px;
}	


h2.sitemap {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 20px; 
line-height: 30px;
color: #8b0000;
font-weight: bold;
margin: 20px 0px 10px 0px;
}


h2 {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 18px; 
line-height: 24px;
color: #8b0000;
font-weight: bold;
}

h2.main {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 18px; 
line-height: 24px;
color: #8b0000;
font-weight: bold;
padding-bottom: 2px; 
}

h3 {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 16px; 
line-height: 23px;
color: #993366;
font-weight: bold;
}

h4 {
font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 14px; 
line-height: 23px;
color: #ffffff;
font-weight: normal;
}

hr {
color: #CCC; 
height: 1px;
background-color: Gray;
   border:none;
   width: 150px; 
   text-align: left;
    margin: 0 auto 0 0;
	 margin-bottom: 8px;
}

.superscript {
	font-size: 9px;
	position: relative;
	bottom: 3pt;
}

ul.body {
padding: 10px 0px 10px 20px; 
margin: 0px 0px 10px 20px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-style: normal; 
color: #261e09; 
line-height: 17px;

}

ul.bodymain {
padding: 0px 0px 10px 10px; 
margin: 0px 0px 10px 15px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
color: #261e09; 
line-height: 16px;
}

li.bodymain {
padding-left: 0px; 
padding-right: 5px; 
padding-bottom: 4px; 
padding-top: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
}

li.body {
padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 5px; 
padding-top: 0px;
}

li.bodytheme {
padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 0px;
}


ul ul	{font-family: Verdana,Arial,Helvetica,Sans-Serif; 
font-size: 13px;
line-height: 17px;
}

ol.body  	{
padding: 5px 0px 5px 20px; 
margin: 0px 0px 5px 20px; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px; 
font-style: normal; 
color: #000; 
line-height: 17px;
}

/* LM fixed bottom margin of ul to create space in supplemental sites list 10/14/2012 */
ul.customsuplink {
		list-style: none;
		padding-left: 1em;
		text-indent: -1em;
		margin: 5px 10px 10px 15px;
		}
		
li.customsuplink {
margin: 5px 0px 15px 0px;
}	


/*not using this style save just in case*/	
ul.customsuplinksave {
		list-style: none;
		padding-left: 1em;
		text-indent: -1em;
		margin: 5px 5px 5px 5px;
		}
		
li.customsuplinksave {
margin: 5px 0px 5px 5px;
}		

		
#rightalignquote {
   text-align: right;
   font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
	margin-right: 30px;
	margin-bottom: 10px;
	border: 0px solid green;
	}
	
	
	#rightalignquote2 {
   text-align: left;
   font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	margin-top: -1px;
	margin-left: 138px;
	margin-bottom: 10px;
	border: 0px solid green;
	}
	
	
	.hangingindent {
    padding-left: 22px ;
    text-indent: -22px ;
} 

table.padded-table td {
 padding:3px;
  }


	 table.dq {
    border: 1px solid #000;
	}

 th.dq, td.dq {
   text-align: left; 
   border: 1px solid #000;
  border-collapse: collapse;
  padding: 0.3em;
}

 caption.dq {
  padding: 0.3em;
} 


/* LM: combined style sheets added left navigation marker menu to MAIN style sheet 10/10/2012 */



				/* Credits: Dynamic Drive CSS Library */
				/* URL: https://www.dynamicdrive.com/style/ */

			.markermenu{
				list-style-type: none;
				margin: 0px 0;
				padding: 0;
				width: 220px;
				border: 0px solid #ffffff;
			}

			.markermenu li a{
				background: white url(../images/crisisbullet.gif) no-repeat 2px .6em;
				/* LM: makes the image not repeat, indents from the left 2 pixels, and indents from the top .6em */
				font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
				line-height: 15px;
				color: #000000;
				display: block;
				width: auto;
				padding: 3px 0;
				padding-left: 12px;
				text-decoration: none;
				border-bottom: 1px solid #ccccff;
			}

			/**********************LM: added second line indent to get text to indent for the two-line list itmes */
			
			.secondline {
 				text-indent: 1.4em;
 				}
 
			

			* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
				width: 210px;
			}

			.markermenu li a:visited, .markermenu li a:active{
				color: #000000;
			}

			.markermenu li a:hover{
				color: #993366;
				background-color: #fff7d7;
				background-image:url(../images/bulletonblue.gif);
			/*onMouseover image change. Remove if none*/
				text-decoration : underline;
			}
			
/* for MAIN home page image */

			.markermenuhp{
				list-style-type: none;
				margin: 0px 0;
				padding: 0;
				width: 220px;
				border: 0px solid #ffffff;
			}

			.markermenuhp li a{
				background: white url(../images/homeicon5.png) no-repeat 1px .2em;
				/* LM: makes the image not repeat, indents from the left 2 pixels, and indents from the top .2em */
				font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
				color: #000000;
				display: block;
				width: auto;
				padding: 4px 0;
				padding-left: 21px;
				text-decoration: none;
				border-bottom: 1px solid #ccccff;
			}


			* html .markermenuhp li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
				width: 210px;
			}

			.markermenuhp li a:visited, .markermenuhp li a:active{
				color: #000000;
			}

			.markermenuhp li a:hover{
				color: #993366;
				background-color: #fff7d7;
				background-image:url(../images/homeicon3.png);
			/*onMouseover image change. Remove if none*/
				text-decoration : underline;
			}
			
			
			
			
		
			/* for MAIN home page image ON */

			.markermenuhpon{
				list-style-type: none;
				margin: 0px 0;
				padding: 0;
				width: 220px;
				border: 0px solid #ffffff;
			}

			.markermenuhpon li a{
				background: white url(../images/homeicon3.png) no-repeat 1px .2em;
				/* LM: makes the image not repeat, indents from the left 2 pixels, and indents from the top .2em */
				font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
				color: #000000;
				display: block;
				width: auto;
				padding: 4px 0;
				padding-left: 21px;
				text-decoration: none;
				border-bottom: 1px solid #ccccff;
			}


			* html .markermenuhpon li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
				width: 210px;
			}

			.markermenuhpon li a:visited, .markermenuhp li a:active{
				color: #000000;
			}

			.markermenuhpon li a:hover{
				color: #993366;
				background-color: #fff7d7;
				background-image:url(../images/homeicon3.png);
			/*onMouseover image change. Remove if none*/
				text-decoration : underline;
			}
			
			
			
			

			
/* for THEME (The Age, etc. ) image */

			.markermenutheme{
				list-style-type: none;
				margin: 0px 0;
				padding: 0;
				border: 0px solid #ffffff;
			}


			.markermenutheme li a{
				background: white url(../images/folderopen2.png) no-repeat 2px .3em;
				/* LM: makes the image not repeat, indents from the left 2 pixels, and indents from the top .3em the last item could be center*/
				font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
				color: #000000;
				display: block;
				width: auto;
				padding: 4px 0;
				padding-left: 24px;
				text-decoration: none;
				border-bottom: 1px solid #ccccff;
			}


			* html .markermenutheme li a{ /*IE only. Actual menu width minus left padding of LINK (10px) */
				width: 210px;
			}

			.markermenutheme li a:visited, .markermenuhp li a:active{
				color: #000000;
			}

			.markermenutheme li a:hover{
				color: #993366;
				background-color: #fff7d7;
				background-image:url(../images/folderopen2.png);
			/*onMouseover image change. Remove if none*/
				text-decoration : underline;
			}