td { color: #333; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular  }
.tab   { color: #fff; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none; padding: 6px 4px 6px 8px }

.tab A:link     { color: #fff; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none }
.tab A:visited { color: #fff; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none }
.tab A:hover     { color: aqua;}


.tabSelected  { color: black; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none; background-color: #20a4ca; padding: 4px 4px 4px 8px; border: none }


.tabsBase   { font-weight: bold; border-right: 1px solid #fff }
.menuBase     { font-weight: bold; border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #fff }

.menu    { color: #fff; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-repeat: no-repeat; padding: 5px 10px 3px 8px; border: none }
.menu A:link  { color: #fff; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-repeat: no-repeat; border: none }
.menu A:visited  { color: #fff; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-repeat: no-repeat; border: none }
.menu A:hover  { color: #6ccbff; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-repeat: no-repeat; border: none }
.menuSelected { color: black; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #5da0cc; padding: 5px 10px 3px 8px; border: none }



.menuRight      { color: #000; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none; background-color: #5da0cc; padding: 6px 4px 6px 8px; border: none }
.menuRight  A:link    { color: black; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none;  border: none }
.menuRight  A:visited    { color: black; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none;  border: none }
.menuRight  A:hover    { color: #6ccbff; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none;  border: none }
.menuRightSelected    { color: #3b4d75; font-weight: bold; font-size: 12px; line-height: 14px; text-decoration: none; background-color: #fff; padding: 6px 4px 6px 8px; border: none }


.menuWWDStatic     { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-image: url(http://www.chicagolights.org/WOCLInterface/menuWWDButton.gif); padding: 5px 10px 3px 8px; border: none }
.menuWWDStatic A:link  { color: #fdfffa; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuWWDStatic A:visited  { color: #fdfffa; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuWWDStatic A:hover  { color: #ffe08e; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuWWDStaticSelected   { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #5da0cc; padding: 5px 10px 3px 8px; border: none }


.menuMADStatic     { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-image: url(http://www.chicagolights.org/WOCLInterface/menuMADButton.gif); padding: 5px 10px 3px 8px; border: none }
.menuMADStatic A:link  { color: #fdfffa; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuMADStatic A:visited  { color: #fdfffa; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuMADStatic A:hover  { color: #6ccbff; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuMADStaticSelected   { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #5da0cc; padding: 5px 10px 3px 8px; border: none }

.menuOPStatic     { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-image: url(http://www.chicagolights.org/WOCLInterface/menuOPButton.gif); padding: 5px 10px 3px 8px; border: none }
.menuOPStatic A:link  { color: #fdfffa; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuOPStatic A:visited  { color: #fdfffa; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuOPStatic A:hover  { color: #7bf6a7; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; border: none }
.menuOPStaticSelected   { color: #000; font-weight: bold; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #5da0cc; padding: 5px 10px 3px 8px; border: none }

.content       { color: #333; font-size: 14px; line-height: 16px; font-family: "Times New Roman", Georgia, Times; text-decoration: none; margin: 0px; padding: 0px }
.content A:link       { color: #314a83; font-weight: bold;  text-decoration: underline }

.content A:visited       { color: #314a83; font-weight: bold;  text-decoration: underline }

.content A:hover       { color: #3a6ad5; font-weight: bold;    text-decoration: underline }




.copyright    { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; padding-right: 0px; padding-left: 0px }
.subHead   { color: #246198; font-weight: normal; font-size: 18px; line-height: 20px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.callOut    { color: #314a83; font-style: italic; font-weight: bold; font-size: 18px; line-height: 20px; font-family: "Times New Roman", Georgia, Times }
.caption { color: gray; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


.links    { color: black; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.addPart  { color: #808080; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }

.addPart A:link   { color: #808080; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }


.addPart A:visited   { color: #808080; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
	

.addPart A:hover   { color: blue; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
.footer   { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #a9a9a9 }
.footerCell { color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: red }
.footer A:link { color: silver; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.footer A:visited   {
	color:          white;
	font-size:       12px;
	font-family:     Arial, Helvetica, sans-serif;
	text-decoration: none }
.footer A:hover   {
	color:          #0ff;
	font-size:       12px;
	font-family:     Arial, Helvetica, sans-serif;
	text-decoration: none }
h1 { color: #47b; 
      font-size: 30px;
      line-height: 28px; 
      font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }  
       
       
h2   { color: #273565; font-weight: bold; font-size: 26px; line-height: 26px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

       
       
h3   {color:          black;
	font-size:       16px;
	line-height:     18px;
	font-family:     Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none }

h4   {color:      #47b;
	font-size:   15px;
	line-height: 15px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


h5   { color: #47b; 
       font-style: italic;
        font-size: 16px; 
        line-height: 20px; font-family: "Times New Roman", Georgia, Times }
        
        
h6 	 { color: black; 
	font-size: 9px; 
	line-height: 20px;
	 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
	 
	 
.Header1  { color: #47b; font-size: 30px; line-height: 32px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }  
       
       
.Header2    { color: #273565; font-weight: bold; font-size: 26px; line-height: 26px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
       
       
.Header3   {color:          black;
	font-size:       16px;
	line-height:     18px;
	font-family:     Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none }

.Header4      { color: #324e99; font-weight: bold; font-size: 15px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }



.Header5     { color: #305586; font-style: italic; font-size: 16px; line-height: 20px; font-family: "Times New Roman", Georgia, Times }
        
        
.Header6 	 { color: black; 
	font-size: 9px; 
	line-height: 20px;
	 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
	 
Body   { color: #333; font-size: 11px; line-height: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bottomlinks { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.sponsorHeader { color: #47b; font-weight: bold; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }


.content A:link    { color: #246198; text-decoration: underline }
.content A:visited     { color: #246198; text-decoration: underline }
.content A:active  { color: #19f; text-decoration: underline }

.dataSamples {
	color:      gray;
	font-size:   10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.mastheadText  { color: white; font-size: 24px; background-color: #696969 }

.sidebar1  { color: #213b58; font-size: 13px; line-height: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.sidebar1 A:link  { color: #213b58; font-size: 14px; line-height: 16px }
.sidebar1 A:visited  { color: #213b58; font-size: 14px; line-height: 16px }
.sidebar1 A:active  { color: #36c; font-size: 14px; line-height: 16px }


.BreadCrumbs  { color: #20a4ca; font-weight: bold; font-size: 12px; text-decoration: none }
.BreadCrumbs A:link     { color: white; font-weight: bold; text-decoration: underline }
.BreadCrumbs A:visited     { color: white; font-weight: bold; text-decoration: underline }
.BreadCrumbs A:hover    { color: #25c1ed; text-decoration: underline }

A:link       { color: #314a83; font-weight: bold;  text-decoration: underline }

A:visited       { color: #314a83; font-weight: bold;  text-decoration: underline }

A:hover       { color: #3a6ad5; font-weight: bold;    text-decoration: underline }
ul  { margin-top: 4px }
.donateNow { background: url(http://www.chicagolights.org/WOCLInterface/DonateNowLeftEdge.gif) repeat }

.editLink A:link       { color: #00fff6; font-weight: bold;  text-decoration: none; margin-left:3px; }
.editLink A:hover       { color: #333ffff;  text-decoration: underline; }
.mastheadLogo       {background-image: url(http://www.chicagolights.org/WOCLInterface/ChicagoLightLogo.gif); }
.menuLowerBackground   {background-image: url(http://www.chicagolights.org/WOCLInterface/menuLowerBG.gif); }
.search { background-image: url(http://www.chicagolights.org/WOCLInterface/searchBG.gif) ; width: 163px; height: 107px;  }

		
div.logoButtonArea   { 
	color: #ffe7db; 
	background: url(http://www.chicagolights.org/WOCLInterface/ChicagoLightLogoButton.gif) no-repeat 0px -158px; 
	float: right; 
	margin: 0; 
	width: 275px; 
	height: 158px }

	 
	 	
div.logoButton   a    { 
	color: #FFF; 
	text-decoration: none; 
	background: url(http://www.chicagolights.org/WOCLInterface/ChicagoLightLogoButton.gif) 0px 0px no-repeat; 
	width: 275px; 
	height: 158px; 
	vertical-align: middle; 
	text-align: left; 
	display: block }
 
div.logoButton span    { 
	display: block;
	margin: 0; 
	padding-left: 0px;
	padding-top: 0px;}

div.logoButton a:hover {
	background-image: none;
	color: #005B00;
	}
	
div.donateButton a:active {
	color: #00f;
	}

div.donateButtonArea   { 
	color: #ffe7db; 
	background: url(http://www.chicagolights.org/WOCLInterface/DonateNowButton.gif) no-repeat 0px -105px; 
	float: right; 
	margin: 0; 
	width: 185px; 
	height: 105px }

	 
	 	
div.donateButton   a    { 
	color: #FFF; 
	text-decoration: none; 
	background: url(http://www.chicagolights.org/WOCLInterface/DonateNowButton.gif) 0px 0px no-repeat; 
	width: 185px; 
	height: 105px; 
	vertical-align: middle; 
	text-align: left; 
	display: block }
 
div.donateButton span    { 
	display: block;
	margin: 0; 
	padding-left: 0px;
	padding-top: 0px;}

div.donateButton a:hover {
	background-image: none;
	color: #005B00;
	}
	
div.donateButton a:active {
	color: #00f;
	}