@charset "UTF-8";
/*

		CSS file for aarf.ai
		
		April 02 2014
		

based on

http://webdesign.about.com/od/layout/a/prioritize-content-use-css-float-for-layout.htm

columns for newsletter.shtml based on
http://www.getcsstemplates.com/free_css_templates/free-css-templates-67.html


 */
 
/*  
-----------------------------------------------------------------------
 Dimensions, margins, paddings, floats and other behaviors
-----------------------------------------------------------------------
*/

/*  everything, header to footer is insides layout */
 
#layout_level1 {
	width:95%; /* was 75% */
	margin-left: 2%;  /* was 5% */
}
#header_level1 {
	height: 180px; /* was 220px */
}
#header_level1, #footer_level1, #maincol_index, #thirdcol_index {
	/*  V,H or TRBL */

	padding: 1em 0em;  /*  V,H or TRBL  was  2em 1%  */
	margin: 1em 0%;	 /*  V,H or TRBL  was  1em 0%  */
}
#navcol_index {
	padding: 0em 0em;  /*  V,H or TRBL  was  2em 1%  */
	margin: 1em 0em;	 /*  V,H or TRBL  was  1em 0%  */
}
#content {
	padding: 0;
}
/* index page has 3 columns with one column, a wrapper column, containing nav and main and a third column */
/* position the columns with the wrapper class */


.wrap_index {	/*  nav and main inside wrapper. comment it out in the html for pages with only 2 columns (hav and main) */
	float: left;
	width: 70%; 			/* was 74 */
	margin-left: 0%;
	margin-right: 1%;		/* was 2% orginally */
}
#navcol_index {
	float: left;
	width: 26%;
	margin-left: 0%;
	margin-right: 0%;
}
#maincol_index {
	float: right;
	width: 68%;
	margin-left: 1%;
	margin-right: 0%;
}
#thirdcol_index {
	float: right;
	width: 26%;
	margin-left: 0%;
	margin-right: 0%;
}
/*  inside the wrapper, assign sizes to nav and main */



/* level 1 pages have 2 columns with nav and content column */
.wrap_level1 {	/*  nav and main inside wrapper. comment it out in the html for pages with only 2 columns (hav and main) */
	float: left;
	width: 95%; 			/* was 74 */
	margin-left: 0%;
	margin-right: 1%;		/* was 2% orginally */
}
#navcol_level1 {
	float: left;
	width: 20%;
	margin-left: 0%;
	margin-right: 0%;
}
#maincol_level1 {
	float: right;
	width: 76%;
	margin-left: 1%;
	margin-right: 0%;
}
#footer_level1 {
	clear: both;
}
/*  
-----------------------------------------------------------------------
 colors and borders
-----------------------------------------------------------------------
*/

#layout_level1 {
	background-color: #fffbf0; /*  fffbf0 is a creamy yellow. ffffff=white c0dffd  there is not layout_level2 or any other layout*/
}
#header_level1, #footer_level1 {
	background-color: #4682b4; /* 4682b4 is a blue with hints of gray. 0073AD is kind of like our roof*/
	border: 1px solid #ddd;
}
#navcol_index, #navcol_level1 {
	/* 5/5/2011:  f1f8ff lighter than baby blue; older:     e6f3ff is a baby blue for production */
	background: #f1f8ff; 	/* f1f8ff this is the entire nav column. The nav buttons list items have the same color to blend in */
}
#footer_level1 {
	border: 1px solid #ddd;
}
/*	Zero out margin, padding, border to make sure that all browsers place the content in the same place. 
    Then set  default foreground or font color to black and the default background color to white
    (source credit: Jennifer Kyrnin, about.com */
html, body {
	margin:0;
	padding:0;
	border:none;
}
ul {
	margin:0;
	padding:0;
	border:none;
}
ul {
	margin-left:1em;
	padding-left:1em;
}
/* 
-----------------------------------------------------------------------
Resets for browsers
-----------------------------------------------------------------------
*/

/* 
Thermo nuke to prevent webkit Safari/Chrome from padding unordered lists. Google for:
safari +"-webkit-padding-start: 40px;"   
to get the details 

 { margin:0; padding:0; } 

 It's drastic so I'll just zero out the ul and then restyle it 
 */ 
 
 
 /* is this true? If use Thermo nuke to prevent webkit Safari/Chrome from padding unordered lists, then do this:*/
/*ul {
 padding-left: 1em;
 padding-top: 1em;
}
*/





/*  
--------------------------------------------------------------------
 Containers and boxes
--------------------------------------------------------------------
*/

/* used in newsletters.shtml */
#boxes_container {
	margin : 5px;  /* mb was 5px auto*/
	width : 615px;/* mb added*/
}
/* used in newsletters.shtml */
.internal_column {
	width : 150px; /*width : 210px;*/
	float : left; /* mb was float : left;*/
	/* mb was margin : 10px 7px;*/
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	text-align : left; /* mb was justify*/
}
/* used in thankyou page */
#thankyou_container {
	width : 60em;/* mb added*//*	height: 30em;*/
}
.thankyou_column {
	width: 20em;
	float: left;
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	text-align : left; /* mb was justify*/
}
/*  
--------------------------------------------------------------------
 Fonts, text and Headers. Set default font family, hx etc. font size in ems  
 (source credit: Jennifer Kyrnin, about.com
--------------------------------------------------------------------
*/

/* font-family: Verdana, Arial, sans-serif;  */
/* font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif; */
/* font-family: Courier, monospace;  for debugging */
html, body, h1, h2, h3, h4, h5, h6, p, th, td, li {
	font-family: Verdana, Arial, sans-serif;
	font-size: .9em; /* background: url(images_global/stripe.png) repeat;  for debugging */
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.9em;
}
h5 {
	font-size: 0.6em;
}
h6 {
	font-size: 0.6em;
}
#maincol_index {
	font-size: 0.9em;
}
#thirdcol_index {
	font-size: 0.9em;
}
#header_level1 h1 {
	font-size: 1.75em; /* was 2em on apr22 2011 */
	color: white;
}
#header_level1 h2 {
	font-size: 1.5em; /* was 1.8em on apr22 2011 */
	color: white;
}
#header_level1 h3 {
	font-size: 1.25em; /* was.8em on apr22 2011 */
	padding-top: 0em;
	padding-left: 10em; /* was 8em on nov23 */
	color: white;
}
/* used in lots of newsletter sub pages, but why? */
#header_secondlevel_page h1 {
	font-size: 1.75em;
	padding-top: 1em;
	padding-left: 1em;
	color: white;
}
#header_secondlevel_page h2 {
	font-size: 1.25em;
	padding-top: 0em;
	padding-left: 0em;
	color: white;
}
#header_secondlevel_page h3 {
	font-size: 1em;
	padding-top: 0em;
	padding-left: 0em;
	color: white;
}
#header_newsletter h1 {
	font-size: 1.4em;
	padding-top: 1em;
	padding-left: 4.5em;
	color: white;
}
#header_newsletter h2 {
	font-size: 1.2em;
	padding-top: 0em;
	padding-left: 5.25em;
	color: white;
}
#header_newsletter h3 {
	font-size: .8em;
	padding-top: 0em;
	padding-left: 10em; /* was 8em on nov23 */
	color: white;
}
#header_photo_page h1 {
	font-size: 1.75em;
	padding-top: 1em;
	padding-left: 1em;
	color: white;
}
#header_photo_page h2 {
	font-size: 1.25em;
	padding-top: 0em;
	padding-left: 0em;
	color: white;
}
#header_photo_page h3 {
	font-size: 1em;
	padding-top: 0em;
	padding-left: 0em;
	color: white;
}
#footer_index, #footer_level1 h3 {
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: .25em;
	color: white;
}
.orangebutton100, .orangebutton75, .orangebutton50, .bluebutton100, .bluebutton75, bluebutton50 {
	display: block;
	font-size: 2em;
	font-weight: bold;
	padding-top: 0%;
	padding-left: 1%;
	padding-bottom: 0%;
	padding-right: 0%;
	margin-top: 1%;
	margin-left: 0%;
	margin-bottom: 1%;
	margin-right: 0%;
	color: #fff;
}
.orangebutton100, .orangebutton75, .orangebutton50 {
	background-color: #ff9900;
}
.bluebutton100, .bluebutton75, .bluebutton50 {
	background-color: #4682b4;
}
.orangebutton100, bluebutton100 {
	width: 100%;
}
.orangebutton75, bluebutton75 {
	width: 75%;
}
.orangebutton50, .bluebutton50 {
	width: 50%;
}
/*consider renaming to contentheader_h1, h2, h3 to differentiate from headers in the 
  banners of main, second level pages as well as the footer*/
.subHeader {
	font-weight: bold;
	color: #4682b4;
	/*	line-height:16px;*/
	letter-spacing:.2em;
	font-size: 1em;
}
.subheader_h1 {
	font-weight: bold;
	color: #4682b4;
	letter-spacing:.2em;
	font-size: 1.2em;
	text-transform:uppercase;
}
.subheader_h2 {
	font-weight: bold;
	color: #4682b4;
	letter-spacing:.2em;
	font-size: 1em;
	text-transform:uppercase;
}
.subheader_h3 {
	font-weight: bold;
	color: #4682b4;
	letter-spacing:.2em;
	font-size: .8em;
	text-transform:uppercase;
}
.subheader_h4 {
	font-weight: bold;
	color: #4682b4;
	letter-spacing:.2em;
	font-size: .6em;
	text-transform:uppercase;
}
#newscolumn p {
	padding-left: 1em; /* 220px is orange */
	padding-right: 1em; /* 220px is orange */
	font-size: 0.8em;
}
/*
-----------------------------------------------------------------
	Bamboozle the Google Custom Search Enginer (CSE) input box font size
	FAILS!
-----------------------------------------------------------------
*/
input.gsc-input {
	font-size: 0.5em;
}
/*
-----------------------------------------------------------------
	Text
-----------------------------------------------------------------
*/

/* 
any paragraph that is in a tag having class "quip", gets this treatment
*/
p.quipauthor {
	color: #666666;
	font-style: italic;
	font-size: 80%; /* inherited or subset Size will be 80% of whatever the font size was coming in*/
	margin-top: 10px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
p.monospaced {
	font-family: "Courier New", Courier, "Andale Mono";
}
p.smallnote {
	font-size: 80%;
}
br.clear {
	clear: both;
}



/*email hider, right to left, so kick@inception.com appears correctly when this HTML is used: <span class="obfuscate">moc.noitpecni@kcik</span>*/
.obfuscate { unicode-bidi: bidi-override; direction: rtl; }






/*
-----------------------------------------------------------------
	Photo and Images
-----------------------------------------------------------------
*/

/* 
any img tag (an image) that is inside a tag having class "photo", gets this treatment
*/
.photo img {
	border: 2px solid #eee;   /*2px solid #ccc the border, the border type and the color of the border around the image. Shows it's a clickable link */
	padding-top: 0px; 		/*the padding on all 4 sides around around the image; may flow outside the figurefloatedleft and right boxes! must add this padding to the width of figurefloated left */
	padding-right: 0px;     /* the padding is the space from the picture to the border around the picture*/
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.photonolink img {
	border: 1px solid #000;   /* small black border, not a clickable link */
	padding-top: 0px; 		/*the padding on all 4 sides around around the image; may flow outside the figurefloatedleft and right boxes! must add this padding to the width of figurefloated left */
	padding-right: 0px;     /* the padding is the space from the picture to the border around the picture*/
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


img.fullsize {
	float: left;
	color: #000;
	text-align: center;
	background-color: #eee; /* color inside the picture */
	border: 1px solid #666;
	margin: 10px 40px 10px 10px; /* Top Left Bottom Right */
	padding: 15px;
}
/* 
11/18/11 added img.humor http://css-tricks.com/622-using-css-for-image-borders/
*/

img.humor {
	padding:2px;
	border:1px solid #444444;
	background-color:#fffbf0;
}
.caption {
	font-size: 0.75em; /* for an 14 pt font, 14/16 = 0.875, for a 12pt font, 0.75 */
	color: #444444; /* try 444444 or 666666 */
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.captionfornewsletterimage {
	font-size: 0.75em; /* for an 14 pt font, 14/16 = 0.875, for a 12pt font, 0.75 */
	color: #880000; /* try 444444 or 666666 */
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20em;
}
.captionfull {
	font-size: 1em; /* for an 14 pt font, 14/16 = 0.875, for a 12pt font, 0.75 */
	color: #444444; /* try 444444 or 666666 */
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*used in 2010 Q4: */
.figurenewslettergeneric {
	float: left;
	margin-top: 10px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 10px; 		/* left margin to beginning of box. S/B at least whatr the p or body left margin is */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: right;			/* don't allow anything to the right*/
}
.figurefloatedleftgeneric {
	float: left;
	margin-top: 1em;  		/* margin from the text to the top of this box */
	margin-right: 1em; 	    /* margin from the right of this box until the start of the text */
	margin-bottom: 1em;
	margin-left: 2em; 		/* left margin to beginning of box. S/B at least whatr the p or body left margin is */
	border: 4px solid #666; /* border around the box holding the image, frame of the picture. Designates that it is a clickable link */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: right;			/* don't allow anything to the right*/
}
.figurefloatedleft100 {
	float: left;
	/*	width: 104px;  	*/		/*104px; the width of the box that the image sits inside of */
	margin-top: 10px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 10px; 		/* left margin to the beginning of this box. should be at least whatever the p or body left margin is */
	border: 4px solid #666; /* border around the box holding the image, frame of the picture. Designates that it is a clickable link */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.figurefloatedleft200 {
	float: left;
	width: 204px;  			/*the width of the box that the image sits inside of */
	margin-top: 10px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 10px;
	border: 4px solid #666; /* border around the box holding the image, frame of the picture. Designates that it is a clickable link */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.figurefloatedrightgeneric {
	float: right;
	margin-top: 10px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 10px; 		/* left margin to the beginning of this box. should be at least whatever the p or body left margin is */
	border: 4px solid #666; /* border around the box holding the image, frame of the picture. Designates that it is a clickable link */
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	clear: left;			/* don't allow anything to the left*/
}
.figurefloatedrightgenericnolink {
	float: right;
	margin: 2px;  		/* margin from the text to the top of this box */
	border: 1px solid #000; /* border around the box holding the image, frame of the picture. Designates that it is a clickable link */
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	clear: left;			/* don't allow anything to the left*/
}
.imagefloatedright {
	float: right;
	margin-top: 3px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 3px; 		/* left margin to the beginning of this box. should be at least whatever the p or body left margin is */
	border: 1px solid #000;
	/* border around the box holding the image, frame of the picture. NOT a clickable link */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: left;			/* don't allow anything to the left*/
}
.figurefloatedright100 {
	float: right;
	width: 104px;  			/*the width of the box that the image sits inside of */
	margin-top: 10px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 10px; 		/* left margin to the beginning of this box. should be at least whatever the p or body left margin is */
	border: 4px solid #666; /*the border around the box holding the image. the frame of the picture if you will */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: right;			/* don't allow anything to the right*/
}
.figurefloatedright200 {
	float: right;
	width: 204px;  			/*the width of the box that the image sits inside of */
	margin-top: 10px;  		/* margin from the text to the top of this box */
	margin-right: 10px; 	/* margin from the right of this box until the start of the text */
	margin-bottom: 10px;
	margin-left: 10px;
	border: 4px solid #666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: right;			/* don't allow anything to the right*/
}
/* figure-divs and their supporters */

div.figure {
	float: left;
	padding: 1em; /*  was 3em 10px */
	margin: 1em;
	width: auto; /*  100% */
	background-color: #eee; /* color inside the picture */
	border: thin solid #4682b4; /* thin solid silver */
}
div.figure img {
/*width: 100%; */
}
div.figure p { /* the default "legend" style, as opposed to "caption" */
	font-size: smaller;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 1.1;
	margin: 0.25em auto 0 auto;
}
/* "caption" for short phrases; "legend" (default) is for continuous prose */
div.figure p.caption {
	text-align: center;
}
/*
-----------------------------------------------------------------
	Logos and Graphics
-----------------------------------------------------------------
*/
/* class selectors for logo */

.logo_large {
	padding-top: 0; /*  was . 25 em  */
	padding-top: 0; /*  was . 25 em  */
	padding-left: 1em; /*  was  4 em  */
	padding-right: 2em;  /*  was  1 em  */
	float: left;
}
.logo_large_right {
	padding-top: 0em;  /*  was . 25 em  */
	padding-top: 0em;  /*  was . 25 em  */
	padding-left: 2em;  /*  was  4 em  */
	padding-right: 1em;  /*  was  1 em  */
	float: right;
}
.logo_small {
	padding-top: 0;  /*  was . 25 em  */
	padding-bottom: 0em;  /*  was 0 em  */
	padding-left: 1em;  /*  was . 2 em  */
	padding-right: 2em;  /*  was . 8 em  */
	float: left;
}
.logo_small_right {
	padding-top: .5em; /*  was . 5 em  */
	padding-bottom: 0em;  /*  was 0 em  */
	padding-left: 2em; /*  was . 8 em  */
	padding-right: 1em; /*  was . 2 em  */
	float: right;
}
.logo_generic {
	padding-top: .5em;
	padding-bottom: 0em;  /*  was 0 em  */
	padding-left: .75em;
	padding-right: .75em;
	float: left;
}
.logo_generic_right {
	padding-top: .5em;
	padding-bottom: 0em;  /*  was 0 em  */
	padding-left: .75em;
	padding-right: .75em;
	float: right;
}
#news_graphic {
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 0; /* was 1 em */
	float: left;
}
/*
-----------------------------------------------------------------
	List items 
-----------------------------------------------------------------
*/


/* 
Ordered lists

/* list 1 style */
#list1 {
	font-style: oblique;
		color: #555555;

}
#list1 p {
	font: normal;
	
	font-style: normal;

	color: #000000;
}

/* list 2 styles */
#list2 {
	font: italic 1em Georgia, Times, serif;
	color: #999;
	list-style: lower-roman;
}
#list2 p {
	color: #000;
}

/* list 3 styles */
#list3 {
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #666;
}
#list3 p {
	color: #000;
	border-left: solid 1px #999;
	margin: 0;
	padding: 0 0 1em 1em;
}







/* 
Style the unordered list for the nav buttons
Browsers like to left-indent lists; the amount varies for each browser. Some use 
padding (Mozilla, Netscape, Safari), others use margins (Internet Explorer, Opera). 
Setting margin and padding to 0 stops that. Setting list-style to none removes 
the bullets 
*/

ul#navbuttonslist {
	padding-top: .5em;
	padding-bottom: 1em;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	list-style: none;
}
ul#navbuttonslist li {
	display: block;
	list-style: none;
	font-size: 1em;	 /*  was 1em*/
	margin-top: 0px;   /*  was 5px*/
	margin-right: 0px;
	margin-bottom: 0px;/*  was 5px*/
	margin-left: 0px;
	border-bottom: 4px solid; /* separates the menu items*/
	border-color: #cbe5fe;
}
ul#navbuttonslist li a {
	color: #000000; 				/* the text color (black, used in May 2010 */
	background-color: #f1f8ff;  	/* use same color as nav col to blend in f1f8ff is lighter than #e6f3ff , a baby blue (used in May 2010) and 8CC6D6 (grayteal) */
	border-bottom-color: #cbe5fe;	/* the dividers between nav buttons is cbe5fe (used in May 2010) a slightly darker baby blue than the box */
	display: block;
}
ul#navbuttonslist li a:hover {
	color: #ffef08;  			/* on hover, change the list item TEXT color to ffef08 a yellow */
	background-color: #18adce;	/* and change the color of the entire menu item to a sort of teal  */
}
/*
-----------------------------------------------------------------
	horizontal menus, used in NL 2011 Q1, etc 
-----------------------------------------------------------------
*/
ul.hozmenu {
	list-style:none; /* remove bullets */
	background:#f1f8ff;/* the default bg color of the entire ul area  */
	overflow:auto; /* span the width of the container */
	padding:0;
	margin:0; /* reset browser defaults */
	height:100%; /* ie6 fix */
}
ul.hozmenu li {
	display:inline; /* line-up the list items horizontally */
	padding:0;
	margin:0; /* again, reset browser defaults */
	font-size: 66%;
}
ul.hozmenu li a {
	padding: .25em .5em; /* top,bottom and left,right was .25em .5em   */
	color:#f1f8ff;  /* the color of each list item inside the ul box area #e6f3ff , a baby blue (used in May 2010) and 8CC6D6 (grayteal) */
	color: #000000; 				/* the text color (black, used in May 2010 */
	border-left: 4px solid #cbe5fe;	 /*  was .25em small vertical bar is the border; cbe5fe matches bottom border of nav   */
	text-decoration: none;
	display:block; /* block to make it one unit */
	float:left; /* float each list item to the left */
}
ul.hozmenu li.last a {
	border-right: 4px solid #cbe5fe;	 /*  was .25em small vertical bar is the border; cbe5fe matches bottom border of nav   */
}
ul.hozmenu li a:hover {
	color: #ffef08;  			/* on hover, change the list item text color to ffef08 a yellow */
	background-color: #18adce;	/* and change the text color to 18adce a dark blue  */
}
/* Thank you level 1 page list items */

ul.thankyoulist {
	width: 20em;
	font-size:0.8em;
	list-style-image: url(images_global/arrow3.png);
	display: block;
}
ul.thankyoulist li {
	float: left;
	width: 20em;
	color:#000000;
}
/*
-----------------------------------------------------------------
	Bullets
-----------------------------------------------------------------
*/

.bullet_arrow {
	display: block;
	list-style-image: url(images_global/bullets/arrows/arrow3.png);
	font-size: 75%; /* was font-size:0.875em; */
}
.bullet_arrowblueongray {
	display: block;
	list-style-image: url(images_global/bullets/arrows/arrow_blueongray.png);
	font-size: 75%; /* was font-size:0.875em; */
}
.bullet_arrow_paleyellow {
	display: block;
	list-style-image: url(images_global/bullets/arrows/arrow3_paleyellow.png);
	font-size:0.875em;
}
.bullet_arrow_white {
	display: block;
	list-style-image: url(images_global/bullets/arrows/arrow3_white.png);
	font-size:0.875em;
}
.bullet_arrow_eee {
	display: block;
	list-style-image: url(images_global/bullets/arrows/arrow3_eee.png);
	font-size:0.875em;
}
.bullet_orangesquare {
	display: block;
	list-style-image: url(images_global/bullets/squares/orangesquare.png);/*orange square dot surrounded by gray*/
}
.bullet_orangesquarecream {
	display: block;
	list-style-image: url(images_global/bullets/squares/orangesquarecream.png);/*orange square dot surrounded by cream*/
}
.bullet_pawblack {
	list-style-image: url(images_global/bullets/paws/pawblack.png);
	font-size:0.875em;
}
.bullet_pawblue {
	list-style-image: url(images_global/bullets/paws/pawblue.png);
	font-size:0.875em;
}
.bullet_pawgreen {
	list-style-image: url(images_global/bullets/paws/pawgreen.png);
	font-size:0.875em;
}
.bullet_pawyellow {
	list-style-image: url(images_global/bullets/paws/pawyellow.png);
	font-size:0.875em;
}
.bullet_pawred {
	list-style-image: url(images_global/bullets/paws/pawred.png);
	font-size:0.875em;
}
.bullet_paworange {
	list-style-image: url(images_global/bullets/paws/paworange.gif);
	font-size:0.875em;
}
.bullet_redstar {
	list-style-image: url(images_global/bullets/stars/redstar.png);
	font-size:0.875em;
}
/*
-----------------------------------------------------------------
	Block Quotes
-----------------------------------------------------------------
*/

/*  mbfix so that legacy newsletter blckquotes work but need a new blckquote for new 2col and 3col css and html files. THEN MOVE THIS TO TEXT SECTION 
div#header_level1 blockquote {
*/

div#header_level1 blockquote {
	font-style: italic;
	font-size: .8em;
	background-color: #eee; /* eee override the header's bg color so the blockquote box has a different bg shading */
	text-align: left;
	text-indent: 1em;
	/*max-width: 40em; */	/*	was 20em */
	margin-right: auto;	/*	was auto */
	margin-left: 18em;
	padding-left:  1em; 	/* was 1em 1em; on nov23 2010 */
	padding-right:  1em; 	/* was 1em 1em; on nov23 2010 */
	border: solid 1px #008; /* 060606 */
}
/*  mbfix so that legacy div#content blockquotes work but need a new blockquote for new 2col and 3col css and html files
note 12/16/16 affects box blockquote (change the border-left to see */
div#content blockquote {
	font-size: 90%;
	text-align: left;
	color: #444444;  /* text color 444444   */
	margin-left: 2em;
	margin-right: 2em;  /* if too small, overlaps with right images was 16em   */
	padding: 0em 1em 0em 1em;  /* t,r,b,l*/
	border-left: 4px solid #ccc;   /*  #ccc */
}
/*  mbfix so that legacy div#content blockquotes work but need a new blockquote for new 2col and 3col css and html files  */

/* put a gray bar on the left to show it's a quote */

.blockquotebar {
	font-size: 90%;
	text-align: left;
	color: #444444;  /* text color 444444   */
	margin-left: 2em;
	margin-right: 16em;  /* if too small, overlaps with right images   */
	padding: 1em 2em 1em 1em;  /* t,r,b,l  was 1 3 1 2*/
	border-left: 4px solid #800;   /*  #ccc */
}
/* a box with gray sides */
.blockquotebox {
	font-style: italic;
	font-size: 90%;
	background-color: #eee;
	margin-left: 1em;   /* want smaller margin than normal blockquote because newscal index is smaller */
	margin-right: 1em; /* was auto */
	padding: .25em 2em .25em 1em;  /* t,r,b,l  was 1 3 1 2*/
	border-top: 4px solid #ccc;  /*  #make sure to keep same as border left on content blockquote */
	border-right: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
}
/*
-----------------------------------------------------------------
	Links behaviours
-----------------------------------------------------------------
*/
a:link {
	color:#e77329;
	font-weight:normal;  /* was bold*/
	text-decoration:none;  /*could be none if want underline on hover, say*/
}
a:visited {
	color:#996633;
	font-weight:normal;
	text-decoration:none;
}
a:active {
	color:#002377;
	font-weight:normal;
	text-decoration:none;
}
a:hover {
	color:#0073bd;
	font-weight:normal;
	text-decoration:underline;
}
/* stop the float */
  br {
	clear: left;
}
/*
-----------------------------------------------------------------
	For debugging
-----------------------------------------------------------------
*/

/*

* {
	outline: 2px dotted red
}
* * {
	outline: 2px dotted green
}
* * * {
	outline: 2px dotted orange
}
* * * * {
	outline: 2px dotted blue
}
* * * * * {
	outline: 1px solid red
}
* * * * * * {
	outline: 1px solid green
}
* * * * * * * {
	outline: 1px solid orange
}
* * * * * * * * {
	outline: 1px solid blue
}

 */