﻿/* CSS Stylesheet for LearningMethods web site map
   Copyright (C) 2006 David Gorman 

/* element: 0,0,0,0, Sets the properties for an element using shorthand notation (top, right, bottom, left) */

/* RESET DECLARATIONS
This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */

h5. h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

h4 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

h3 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

h2 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

h1 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

iframe {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

object {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

applet {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

div {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}	

/* BODY and BASEFONT */
/* background color for old Green theme: 234135 */
/* background color for Brown theme: 330000 */

  body { 
		margin: 0; 
		background: #003300 url("images/logos/lmlgo-400px-grn-trans.gif") 0 0 no-repeat fixed;
		/* background-color: #003300; */
		font: 400 13px Arial, Helvetica, sans-serif; 
		color: #000000; 
}

  basefont { 
	  	font: 400 1em Verdana, Geneva, sans-serif; 
  		letter-spacing: 0px;
  		word-spacing: 0em;
        /* font: 400 13px Verdana, Geneva, sans-serif; 
         	 color: #000000; */
}

/* ------------------
     PAGE STRUCTURE
   ------------------
   (sets table properties for margins, headers, etc.)
*/

  table.header { 
  			/* for table in the _private\LMHeader.htm file */
      width: 730; 
		  table-align: center; 
  		background-color: #FFFFFF; 
	  	spacing: 0; 
  		padding: 0; \
	  	border-collapse: collapse; 
  		margin: 0; 
	  	border-right: 2; 
}

#divwhite {
    	background: #FFFFFF;
}

#div4header {
      width: 730px;
      background: url('images/Logos/Header.jpg') no-repeat top left;
      margin: 0;
      padding: 0
}

#divbottom {
      width: 730px;
      background: url("images/logos/footer.jpg") top left no-repeat;
      margin: 0;
      padding: 0;
}

#divcontent {   	
  	  text-align: left;
	  	font: 12px Verdana, Geneva, sans-serif; 
  		line-height: 19px;
}

  div.page { 
  		margin: 0 0 30px 0;
} 

  div.footer { 
		  margin: 0; 
      /* background: #FFFFFF url(images/logos/footer.jpg) bottom no-repeat; */
} 

  table.pagetop { 
  			/* this table sits at the top of the page and is used for various notices */
      height: 30px; 
      margin: 0;
      padding: 0; 
	  	spacing: 0;
	  	/* table-border-color-light: rgb(102,204,204); 
		     table-border-color-dark: rgb(0,102,102); */
}

  table.pagebottom { 
		    /* this table sits at the bottom of the page and is used for various notices */
      width: 730px; 
      margin: 0;
      padding: 0; 
  		spacing: 0;
}

  table.base { 
			  /* for underlying table into which goes the header and content  */
  		background-color: #FFFFFF; 
      width: 730; 
		  table-align: center; 
  		spacing: 0; 
	  	padding: 0; 
		  margin: 0;
  		border: none;
	  	border-collapse: collapse; 
}

  table.category { 
			  /* this table centers in base table and carries the category
			     e.g. "LearningMethods Library", etc. */
  		width: 668; 
	  	table-align: center; 
		  background-color: #FFFFFF; 
  		spacing: 0; 
	  	border-collapse: collapse; 
      margin: 0;
}

  table.content { 
  			/* this table centers in category table and carries all 
	  		   the content */
		  width: 608; 
  		table-align: center; 
	  	background-color: #FFFFFF; 
		  spacing: 0; 
  		border-collapse: collapse; 
      margin: 0;
		  font-weight: 400; 
  		font-size: 13px; 
	  	font-family: Arial, Helvetica, sans-serif; 
		  line-height: 18px;
}

  table.introtable { 
			  /* this table carries intro to articles */
  		table-align: left; 
	  	background-color: #F2F2F2; 
		  border: 1px outset #C8C8C8;
  		  /* spacing: 0; */
  	  	/* border-collapse: collapse;  */
      margin: 25px 0 25px 0;
}

  .introtext   {   	
  	  text-align: left;
	  	font-family:  Verdana, Geneva, sans-serif; 
		  font-size: 0.9em;
		  font-style: italic;
  		line-height: 150%;
  		margin: 0 0 8px 0;
  		letter-spacing: 0px;
  		word-spacing: 0em;
}


/*  Floating Table
    --------------
*/

  table.float { 
	  		/* this table floats right in content for news, specials, etc */
		  width: 205;
  		float: right; 
	  	spacing: 0; 
		  border-collapse: collapse;
  		background-color: #FFFFFF; 
	  	margin: 10px 0 10px 30px; 
}

  td.floatborder    { 
         /* creates grey line to separate float from body */
  		border-left: solid 1px #BBBBBB;
  		width: 14px;
		  font: 400 11px Verdana, Geneva, sans-serif; 
      color: #333333; 
  		text-align: left; 
  		line-height: 120%;
}

  H2.floatheader { 
  		font: 600 13px Verdana, Geneva, sans-serif; 
	  	color: #808000; 
  		text-align: left;
  		margin: 8px 0 8px 0
}  		
 
  H2.float12px { 
  		font: 600 12px italic Verdana, Geneva, sans-serif; 
	  	color: #808000; 
  		text-align: left;
  		margin: 8px 0 8px 0
}

  P.floatpara { 
      font: 400 0.8em Verdana, Geneva, sans-serif; 
      color: #333333; 
  		text-align: left; 
  		line-height: 140%;
  		margin: 0 0 8px 0
}


/* ------------------  
    COMMON ELEMENTS   
   ------------------  
*/

  #menuinc {
	      /* Division for the included menu bars at head and foot,
	         (placed in the files in "_private/LM_Menu..."). */
   		background: #FFFFFF;
   		margin: 0;
      padding: 0;
      text-align: center;
      font: 11px Arial, Helvetica, sans-serif;
}

  a.menu:link  { 
	       /* These are the links in the main menu bars
    	   at the top and bottom of the "page".  */
    	font: 12px Arial, Helvetica, sans-serif; 
	    color: #555555; 
  	  text-decoration: none; 
}
  a.menu:visited  { 
  	  font: 12px Arial, Helvetica, sans-serif; 
    	color: #777777; 
	    text-decoration: none; 
}
  a.menu:hover  { 
	    font: 12px Arial, Helvetica, sans-serif; 
    	color: white; 
    	background-color: #555555; 
    	text-decoration: none; 
    	   /* color: #660033;  */
}

  table { 
		  font: 400 1em Verdana, Geneva, sans-serif;
}

  td    { 
      font: 400 1em Verdana, Geneva, sans-serif;
}

  td.bggreen { 
  		background: #003300 url("../images/BGgreen.gif");
}

  H1  { 
  		font: 700 18px Verdana, Geneva, sans-serif; 
	  	color: #006000; 
      margin: 0 0 10px 0;
      line-height: 150%;
  		text-align: left; 
	    text-shadow: 3px 3px 3px #aaa;
}

  H2  { 
  		  /* In articles this is for the byline, was color #555 */
  		font: 700 16px Verdana, Geneva, sans-serif; 
	  	color: #006000; 
      line-height: 150%;
      margin: 6px 0 10px 0;
  		text-align: left; 
}

  H3  { 
  		font: 700 14px Verdana, Geneva, sans-serif; 
	  	color: #555; 
      line-height: 150%;
      margin: 0 0 4px 0;
  		text-align: left; 
}

  H4  { 
  		font: 700 13px Verdana, Geneva, sans-serif; 
	  	color: #555; 
      line-height: 150%;
		  text-align: left; 
}

  H5  { 
  		font: 400 12px Verdana, Geneva, sans-serif; 
	  	color: #555; 
		  text-align: left; 
      line-height: 150%;
}

  H6  { 
  		font: 700 11px Verdana, Geneva, sans-serif; 
	  	color: #000000; 
		  text-align: left; 
      line-height: 150%;		  
}

  P   { 
  		font-family: Verdana, Geneva, sans-serif; 
  		font-weight: 400;
  		font-size: 1em;
  		line-height: 150%;
  		margin: 0 0 10px 0;
  		letter-spacing: 0px;
  		word-spacing: 0em;
}

  B   {
  		font-weight: 700;
}

  strong {
  		font-weight: 700;
}

  UL { 
  		font: 13px  Verdana, Geneva, sans-serif; 
	  	padding-left: "0em"; 
		  margin-top: ".6em"; 
  		margin-bottom: 0; 
	  	margin-left: "1.5em"; 
		  margin-right: "1.5em"; 
}

  A:link  { 
  		color: blue;
}

  A:visited { 
  		color: #3333FF
}

  A:hover { 
  		color: red;
}

  A.Plain:link, 
  A.Plain:visited, 
  A.Plain:hover { 
  		text-decoration: none;
}

/* ------------------
   SPECIAL FORMATTING
   ------------------

   Links 
   -----
*/

  A.pagetop:link  { 
  		color: #666666; 
	  	text-decoration: underline; 
		  font-weight: normal; 
}
  A.pagetop:visited { 
  		color: #666666; 
	  	text-decoration: underline; 
		  font-weight: normal; 
}
  A.pagetop:hover { 
  		color: yellow; 
	  	text-decoration: underline; 
		  font-weight: normal; 
}

  A.SS11px:link  { 
  		font: bold 11px Arial, Helvetica, sans-serif; 
	  	color: silver; 
		  text-decoration: none; 
}
  A.SS11px:visited { 
  		font: bold 11px Arial, Helvetica, sans-serif; 
	  	color: silver; 
		  text-decoration: none; 
}
  A.SS11px:hover { 
  		font: bold 11px Arial, Helvetica, sans-serif; 
	  	color: white; 
		  text-decoration: underline; 
}

  A.greycopyright:link { 
	  	color: #444444; 
  		text-decoration: underline;
}
  A.greycopyright:visited { 
	  	color: #444444; 
	  	text-decoration: underline;
}
  A.greycopyright:hover { 
	  	color: red; 
	  	text-decoration: underline;
}

  A.icra:link { 
	  	  /* Etiqueté grâce à ICRA
		       Content labeled with ICRA  */
	  	font: 9px Verdana, Geneva, sans-serif; 
		  color: #C0C0C0;
  		text-decoration: none;
}
  A.icra:visited { 
		font: 9px Verdana, Geneva, sans-serif; 
		color: #C0C0C0;
		text-decoration: none;
}
  A.icra:hover { 
		font: 9px Verdana, Geneva, sans-serif; 
		color: white;
		text-decoration: underline;
}


/* Fonts
   -----
*/

  .article   {   	
  	  text-align: left;
	  	font-family:  Verdana, Geneva, sans-serif; 
		  font-size: 1em;
  		line-height: 150%;
  		margin: 0 0 10px 0;
  		letter-spacing: 0px;
  		word-spacing: 0em;
}

  .articleTNR   {   	
  	  text-align: left;
	  	font-family: "Times New Roman", Times, serif; 
		  font-size: 1.3em;
  		line-height: 130%;
}

  .category   { 
  		font: 700 16px  Verdana, Geneva, sans-serif; 
      margin: 8px 0 0 0;
		  text-align: left; 
  	  text-shadow: 3px 3px 3px #aaa;
	  	color: #600000;
		  /*  color: #777; #993333; #712400; */
}

  .copyright { 
  		font: 400 0.8em  Verdana, Geneva, sans-serif; 
	  	color: #444444; 
		  line-height: 130%;
		  margin: 0 0 6px 0;
}

  .Indent { 	
  		margin-left: 1.3em; 
}

  .Indent2  { 
	  		/* this style indents text, instead of blockquote tag */
		  margin-left: 3.5em; 
}

  .horizrule   {   	
  		margin: 0 0 10px 0;
}

  .headertxt { 
        /* for text overlaying the header picture (if used)  */
      margin-right: 450px;
	  	font-family: Arial, Helvetica, sans-serif; 
		  font-size: 12px; 
  		font-weight: 575;
	  	text-align: center; 
}
  .Footer9   { 
		  font-family: Arial, Helvetica, sans-serif; 
  		font-size: 9pt; 
	   	text-align: Center; 
}
  .Footer10px  { 
  		font: 10px Arial, Helvetica, sans-serif; 
	  	text-align: Center; 
}


  .S       { font-family: Arial, Helvetica, sans-serif; 
}
  .SS9px   { font: 9px Arial, Helvetica, sans-serif; 
}
  .SS10px  { font: 10px Arial, Helvetica, sans-serif; 
}
  .SS11px  { font: 11px Arial, Helvetica, sans-serif; 
}
  .SS12px  { font: 12px Arial, Helvetica, sans-serif; 
}
  .SS13pxb { font: 700 13px Arial, Helvetica, sans-serif; 
}
  .SS14px  { font: 14px Arial, Helvetica, sans-serif; 
}
  .SS14yelo { font: bold 14px Arial, Helvetica, sans-serif; 
              color: yellow;
}
  .SS15px  { font: 15px Arial, Helvetica, sans-serif; 
}
  .SS15pxb { font: 700 15px Arial, Helvetica, sans-serif; 
}
  .SS16px  { font: 16px Arial, Helvetica, sans-serif; 
}
  .SS18px  { font: 18px Arial, Helvetica, sans-serif; 
}
  .SS22px  { font: 22px Arial, Helvetica, sans-serif; 
}


  .V      {	font-family: Verdana, Geneva, sans-serif; 
}
  .V9px   {	font: 9px Verdana, Geneva, sans-serif; 
}
  .V10px  {	font: 10px Verdana, Geneva, sans-serif; 
}
  .v10pxgry {	font: 10px Verdana, Geneva, sans-serif; 
            	color: #333333; 
          		line-height:14px;
}
  .v11pxgry {	font: 11px Verdana, Geneva, sans-serif; 
          		color: #333333; 
          		line-height:16px;
}
  .V11px  {	font: 11px Verdana, Geneva, sans-serif; 
}
  .V12px  {	font: 12px Verdana, Geneva, sans-serif; 
}
  .V13px  {	font: 12px Verdana, Geneva, sans-serif; 
}
  .V14px  {	font: 14px Verdana, Geneva, sans-serif; 
}
  .V15px  {	font: 14px Verdana, Geneva, sans-serif; 
}
  .V16px  {	font: 16px Verdana, Geneva, sans-serif; 
}


  .T      {	font-family: "Times New Roman", Times, serif; 
}
  .T10px  { font: 10px "Times New Roman", Times, serif; 
}
  .TNR    {	font: 11px "Times New Roman", Times, serif; 
}
  .T11px  {	font: 11px "Times New Roman", Times, serif; 
}
  .T12px  {	font: 12px "Times New Roman", Times, serif; 
}
  .T14px  {	font: 14px "Times New Roman", Times, serif; 
}
  .T16px  {	font: 16px "Times New Roman", Times, serif; 
}
  .T18px  {	font: 18px "Times New Roman", Times, serif; 
}
  .T20px  {	font: 20px "Times New Roman", Times, serif; 
}
  .T24px  {	font: 24px "Times New Roman", Times, serif; 
}
  .T30px  { font: 30px "Times New Roman", Times, serif; 
}


/* --------------------------
     STORAGE: UNUSED STYLES
   --------------------------

  table.base1 { 
		width: 776; 
		table-align: center; 
		background-color: #000000; 
		spacing: 0; 
		padding: 0; 
		border-collapse: collapse; 
		margin: 0; 
		border-right: solid black; 
		border-bottom: thick solid black; 
}
  table.frame1 { 
		width: 768; 
		table-align: center; 
		background-color: #FFFFFF; 
		spacing: 0; 
		padding: 0; 
		border-collapse: collapse; 
		margin-top: 0; 
		margin-bottom: 0; 
		margin-left: 0; 
		margin-right: 0; 
		border-left: thin black; 
		border-right: thick black; 
}
  table.content1 { 
		width: 723; 
		table-align: center; 
		background-color: #FFFFFF; 
		spacing: 0; border-collapse: collapse; 
		margin-top: 10; 
		margin-bottom: 0; 
		margin-left: 25; 
		margin-right: 20; 
		font-weight: 400; 
		font-size: 13px; 
		font-family: Arial, Helvetica, sans-serif; 
}
  table.pageframebackup { 
		width: 770; 
		table-align: center; 
		background-color: #FFFFFF; 
		spacing: 0; 
		padding: 0; 
		border-collapse: collapse; 
		margin: 0; 
		border-top: none; 
		border-left: solid black; 
		border-right: thick solid black; 
		border-bottom: thick solid black; 
}
  table.page { 
		width: 770; 
		table-align: center; 
		border-width: 0; 
		padding: 0; 
		spacing: 0; 
		background-color: #FFFFFF; 
		font-weight: 400; 
		font-size: 13px; 
		font-family: Arial, Helvetica, sans-serif; 
}

   - old background color: #2E625C
   - A:link  { color: blue; text-decoration: none; font-weight: normal; } 
       A:visited { color: #3333FF; text-decoration: none; font-weight: normal; }
       A:hover { color: red; text-decoration: underline; font-weight: normal; } 
   - A.pagetop:link  { color: #FFFF66; text-decoration: underline; font-weight: normal; }
       A.pagetop:visited { color: #FFFF88; text-decoration: underline; font-weight: normal; }
       A.pagetop:hover { color: yellow; text-decoration: underline; font-weight: normal; }
*/