@charset "UTF-8";
/*

		CSS file for aarf.ai
		
		June 14 2011 mb
		
-------------------------------------------------------------------------------------------------------
columns for newsletter.shtml based on
http://www.getcsstemplates.com/free_css_templates/free-css-templates-67.html
--------------------------------------------------------------------------------------------------------
*/

/*	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;
}
/* 
-----------------------------------------------------------------------
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  */ 

ul {
	margin:0;
	padding:0;
	border:none;
}
ul {
	margin-left:1em;
	padding-left:1em;
}
/*  
-----------------------------------------------------------------------
Divs and Wrappers
-----------------------------------------------------------------------
*/

/* define sizes, margins, padding and then position the cols on the page*/
#layout_index, #layout_level1 {
	width:90%; /* was 75% */
	margin-left: 2%;  /* was 5% */
	background-color: #fffbf0; /*  fffbf0 is a creamy yellow. ffffff=white c0dffd*/
}

#header_level1, #footer_index, #footer_level1, #maincol_index, #maincol_level1, #navcol_index, #navcol_level1, #newscol_index {
	/* If only two values only sets top, right and bottom left get set from the T,R values */
	padding-top: 1em;		/* was 1em orginally */
	padding-bottom: 1em;	/* was 1em orginally */
	padding-left: 1%;		/* was 2% orginally */
	padding-right: 1%;		/* was 2% orginally */
	margin-top: 1em;		/* was 1em orginally */
	margin-bottom: 1em;		/* was 1em orginally */
}

#content {
	padding: 0;
}
/* wrappers */
.wrap_index {
	float: left;
	width: 72%; 			/* was 70 */
	margin-right: 1%;		/* was 2% orginally */
}
.wrap_level1 {
	float: left;
	width: 100%;
	margin-right: 0%;		/* don't need for 2-column pages? */
}
.wrap_level2 {
	float: left;
	/* width: 72%;  */
	margin-right: 1%;		/* was 2% orginally */
}
/* columns for index page ONLY*/
#maincol_index {
	float: right;
	width: 64%;  /* was 58% */
	margin-left: 1%;
}
#navcol_index {
	float: left;
	width: 30%; /* was 32% */
}
#newscol_index {
	float: right;
	width: 24%;/* was 24% */
}


/* columns for level 1 pages */

#maincol_level1 {
	float: right;
	width: 73%;
	margin-left: 2%;
}
#navcol_level1 {
	float: left;
	width: 21%;
}
/* columns for level 2, secondary pages */

#maincol_level2 {
	float: right;
	width: 64%;
	margin-left: 2%;
}
#navcol_level2 {
	float: left;
	width: 30%;
}
/* div behaviours */
#footer_index, #footer_level1 {
	clear: both;
}



/*  
--------------------------------------------------------------------
 Containers and boxes
--------------------------------------------------------------------
*/
.box2 {
	width : 200px;  /* mb was 115px*/
	padding-left : 0px; /* mb added*/
	padding-right : 0px; /* mb was 20px*//*float : right;*/
}
.box3 {
	width : 200px;  /* mb was 115px*/
	padding-left : 0px; /* mb added*/
	padding-right : 0px; /* mb was 20px*//*float : right;*/
}
/* 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. need a custom class */

/* used in newsletters.shtml */
#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*/
}

/*  
-----------------------------------------------------------------------
 colors and borders
-----------------------------------------------------------------------
*/


#header_level1, #footer_index, #footer_level1 {
	background-color: #4682b4; /* 4682b4 is a blue with hints of gray. 0073AD is kind of like our roof*/
	border: 1px solid #ddd;
}
#maincol_index {
	background: #fffbf0; 	/* fffbf0 which is a creamy yellow. for debugging was fff07b (mustard yellow). eliminate this backround for production */
}
#navcol_index, #navcol_level1, #navcol_level2 {
/* 5/5/2011:  f1f8ff lighter than baby blue */
/* older:     e6f3ff is a baby blue for production */

	background: #f1f8ff; 	/* this is the entire nav column. The nav buttons list items have the same color to blend in */
		
}
#newscol_index {
	background-color: #eee; /*eeeeee is gray fffbf0  e77329 is orange */
	border-style:solid;
	border-width: 1px;
	border-color:#ff9900; /* ff9900 is an orange color. 98bf21 */
	font-size: 0.9em;
}


/*  
--------------------------------------------------------------------
 Fonts, text and Headers. Set default font family, font size in ems  
 (source credit: Jennifer Kyrnin, about.com
--------------------------------------------------------------------
*/
/*  font-family: “Trebuchet MS”, Verdana, Arial, Helvetica, sans-serif; */
/*  font-family: Verdana, Arial, sans-serif;  */

html, body, h1, h2, h3, h4, h5, h6, p, th, td, li {
	font-family: Verdana, Arial, sans-serif; /* font-family: Courier, monospace;  for debugging */
	font-size: .9em; /* background: url(images_global/stripe.png) repeat;  for debugging */
}
/*	 ...and after that, set default hx sizes (source credit: Jennifer Kyrnin, about.com */
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;
}
/*  #header_index, #header_level1 { */
#header_level1 {
	height: 200px;
}
/*
#header_index h1 {
	font-size: 2.5em;
	color: white;
	font-weight: bold;
	padding-top: 1em;
}
#header_index h2 {
	font-size: 2em;
	color: white;
	padding-top: 1em;  THIS WAS COMMENTED OUT LINE
}

*/

#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;
}
#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;
}
/*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;
}
/* If use Thermo nuke to prevent webkit Safari/Chrome from padding unordered lists, then do this:*/
/*ul {
 padding-left: 1em;
 padding-top: 1em;
}
*/


/*
-----------------------------------------------------------------
	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;
}
/*
-----------------------------------------------------------------
	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 */
	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; /*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*/
}

.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; /*4px solid #666 the border around the outside of the box holding the image. the outer frame of the picture if you will */
	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;
	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; /*the border around the box holding the image. the frame of the picture if you will */
	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-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 #666; */
	
	/*the border around the box holding the image. the frame of the picture if you will */
	
	
	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: 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-family: verdana, arial, sans-serif;
	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: 1em;
	padding-left: 1em;
	padding-right: 4em;
	float: left;
}
.logo_small {
	padding-top: .75em;
	padding-left: .75em;
	padding-right: .75em;
	float: left;
}
.logo_small_right {
	padding-top: .75em;
	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 
-----------------------------------------------------------------
*/

/* 
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/arrow3.png);
	font-size: 75%; /* was font-size:0.875em; */
}
.bullet_arrowblueongray {
	display: block;
	list-style-image: url(images_global/arrow_blueongray.png);
	font-size: 75%; /* was font-size:0.875em; */
}
.bullet_arrow_paleyellow {
	display: block;
	list-style-image: url(images_global/arrow3_paleyellow.png);
	font-size:0.875em;
}
.bullet_arrow_white {
	display: block;
	list-style-image: url(images_global/arrow3_white.png);
	font-size:0.875em;
}
.bullet_arrow_eee {
	display: block;
	list-style-image: url(images_global/arrow3_eee.png);
	font-size:0.875em;
}
.bullet_orangesquare {
	display: block;
	list-style-image: url(images_global/orangesquare.png);
	font-size:0.875em;
}
.bullet_pawblack {
	list-style-image: url(images_global/pawblack.png);
	font-size:0.875em;
}
.bullet_pawblue {
	list-style-image: url(images_global/pawblue.png);
	font-size:0.875em;
}
.bullet_pawgreen {
	list-style-image: url(images_global/pawgreen.png);
	font-size:0.875em;
}
.bullet_pawyellow {
	list-style-image: url(images_global/pawyellow.png);
	font-size:0.875em;
}
.bullet_pawred {
	list-style-image: url(images_global/pawred.png);
	font-size:0.875em;
}
.bullet_redstar {
	list-style-image: url(images_global/redstar.png);
	font-size:0.875em;
}


/*
-----------------------------------------------------------------
	Block Quotes
-----------------------------------------------------------------
*/

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

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 #060606;
}
div#header_newsletter blockquote {
	font-style: italic;
	font-size: .8em;
	background-color: #eeeeee; /* override the header's bg color so the blockquote box has a different bg shading */
	text-align: left;
	text-indent: 1em;
	max-width: 60em;
	margin-right: auto;
	margin-left: 9em;	/* was 8em on nov23 2010 */
	padding: 1em 1em;
	border: solid 1px #060606;
}
/*  mbfix so that legacy div#content blockquotes work but need a new blockquote for new 2col and 3col css and html files */
div#content blockquote {
	font-style: italic;
	background-color: #EEEEEE; /* override the header's bg color so the blockquote box has a different bg shading */
	text-align: left;
	max-width: 45em;
	margin-right: auto;
	margin-left: 20px;
	padding: 1em 1em;
	border: solid 1px #060606;
}



/*
-----------------------------------------------------------------
	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 }
 
*/