/******************************************************************/
/*** filename: hbal_basic-04.css                                ***/
/*** author: David Lex Rollins                                  ***/
/*** June 12 2008                                               ***/
/*** last revised: 07-20-2010                                   ***/
/*** customer: Huntington Beach Art League                      ***/
/*** website: hbartleague.com                                   ***/
/******************************************************************/

/*** BEGIN STYLE SHEET ***/
/* zeroing out some browser defaults */
body {
   margin: 0;
	 padding: 0;
	 }
p, h1, h2, h3, h4, ul, li {
   margin: 0;
	 padding: 0;
	 }
img {
   border: none;
	 }
/* end - zeroing out some browser defaults */

/* some basic styles */
body {
   font-family: Verdana, sans-serif;
	 font-size: small;
	 background: #fff;
	 }
h1#hbal_title {
   font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	 font-size: 360%;
	 color: #0B397F;
	 margin: -60px 0 0 100px;
	 }

h1#hbal_title_offset {
   font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	 font-size: 360%;
	 color: #0B397F;
	 color: #CFC3BD;
	 margin: -60px 0 0 102px; 
	 border-bottom: 1px solid #CFC3BD; 
	 }
	 
#tagline {
   margin: -20px 0 -20px 107px;
	 color: #4cb4c6;
	 font-size: 1em;
/*	 font-variant: small-caps; */
	 text-transform: uppercase;
	 letter-spacing: 0.2em;
	 }

h2 {
   margin: .5em 0 .5em 0;
	 font-family: Georgia, serif;
	 color: #0F68BA;
	 color: #000080;
	 color: #00337f;
	 }
h3 {
   margin: .2em 0 0 0;
	 font-family: Georgia, serif;
	 color: #19419d;
	 color: #00337f;
	 }
#content h3 {
   margin: .7em 0 .5em 0;
	 }
h4 {
   margin: .2em 0 0 0;
	 }
h5 {
   margin: .2em 0 .5em 0;
	 }	 
p {
   margin: 0 0 1em 0;
	 }

dl {
   text-align: left;
	 }

/* styling the small "framed" images  */
.img_art {
  background: #fff;
	padding: 15px;
	border: 1px solid #000;
	}
/*  styling larger "framed" images  */
.img_450 {
  background: #fff;
	padding: 20px;
	border: 1px solid #000;
	}

/* the following styles short passages (with <scan> maybe, that can be stressed */
.highlight {
   color: #C00;
	 font-weight: bold;
	 font-size: 115%;
	 }
.italicize {
  font-style: italic;
	} 
/* layout structure */

p#first {
   margin-top: 2em;
	 }

#header {
   width: 980px;
   margin: 20px 0 -20px 20px;
	 }
#header p {
   position: relative;
	 margin: -1em 0 -1em 6.6em;
	 color: #0B397F;
	 font-family: Georgia, serif;
	 font-size: 130%;
	 }
#content_wrap {
/*	 max-width: 1400px; */
/*   clear: both; */
	 width: 1000px;
/*	 background: #fff url(../images_pres/wrap_faux_bg.gif) repeat-y;  */
	 background: #fff;
/*	 overflow: hidden; */
	 }
#content {
   float: left;
	 margin: 10px;
	 padding: 0 10px 0 10px;
	 width: 740px;
	 font-size: 95%;
	 line-height: 1.5em;
	 color: #333;
   display: inline; /* fixes IE/Win double-margin bug */
/*	 background: #FFF url(../images/content_bg.gif) no-repeat top left; */
	 }
/*
#sidebar {
   float: left;
	 width: 210px;
	 height: 300px;
	 margin: 3em 0 0 0;
	 display: inline; 
   background: url(../images/QL_bg.jpg) no-repeat left 20px;
	 }
*/

/***************************************************************/
/***************************************************************/
/* START New sidebar for ALL pages  */
#sidebar {
  float: left;
	float: right;
	width: 210px;
  margin: 3em 154px 0 0;
	display: inline;
  background-color: #EEE;
	color: #3B5D71;
	border: 1px solid #3B5D71;;
	}
#sidebar .gutter {
   padding: 0px 0px 10px 0px;
	 }
#sidebar h2 {
   text-align: center;
	 margin-top: 0;
	 color: #673E11;
	 color: #000;
	 height: 33px;
	 background: url(../images_pres/QL-title-bg.png) no-repeat left 3px;
	 font-size: 120%;
	 padding-top: 10px;
	 border-bottom: 1px solid #3B5D71;
	 }
#sidebar h3 {
   text-align: left;
	 margin-top: 0;
	 color: #673E11;
	 color: #00f;
	 color: #00337f;
	 height: 33px;
	 font-size: 100%;
	 padding: 0 0 0 1em;
	 margin-bottom: -1em;
	 }
#sidebar a {
   text-decoration: underline;
	 color: #fff;
	 font-weight: bold;
	 }
#sidebar ul {
  padding: 0 0 1.5em 1em;
	margin-top: 1em;
	color: #000;
	}
#sidebar li {
  padding: .6em 1em 0 1em;
	list-style: none;
	font-size: .9em;
	margin-bottom: -1em;
	color: #000;
	}
.sub-list ul {
  padding-top: 1.5em !important;

	}
.sub-list li {
  color: #c00000 !important;
	font-size: 100% !important;
	margin-left: -2em !important;
	padding-left: 0px !important;
	list-style: decimal !important;
/*	background-image: url(list-arrow-1.gif) !important;
	background-repeat: no-repeat !important;
	background-position: -8px 50% !important;  */
	}
#sidebar a:hover {
   text-decoration: none;
	 background-color: #FEB84A;
	 background-color: #3B5D71;;
	 color: #fff;
	 font-weight: bold;
	 }
#sidebar p {
  padding: 0 1em 0 1em;
	margin-bottom: -1.5em;
	font-size: .9em;
	line-height: 1.5em;
	line-height: 1.3;
	}
	
/*  END New Sidebar  */
/***************************************************************/
/***************************************************************/


#sidebar .gutter {
   padding: 0px 0px 10px 0px;
/*	 border: 1px solid #000; */
	 }
/* END gutters */
	 
/* END layout structure */

/* sidebar styling */
#sidebar h2 {
   text-align: center;
	 margin-top: 0;
	 color: #673E11;
	 color: #fff;
	 height: 33px;
/*	 background: url(../images_pres/QL-round-corner-BG-1.gif) no-repeat left 3px; */
	 background: url(../images_pres/QL-title-bg.png) repeat-x;
/*	 border-bottom: 1px solid #673E11; */
	 font-size: 150%;
	 padding-top: 8px;
	 }
#sidebar a {
   text-decoration: none;
	 color: #3B5D71;
	 background-color: #eee;
	 font-weight: bold;
	 display: block;;
	 padding-left: 1em; 
	 }
#sidebar a:hover {
   text-decoration: none;
	 background-color: #FEB84A;
	 background-color: #3B5D71;
/*	 color: #673E11; */
	 font-weight: bold;
	 }

#pg_mm #sidebar ul {
   margin-top: 1em;
	 }
/* styling sidebar on Mixed Media page */
/*
#sidebar_mm {
  position: relative;
  float: left;
  background: #fff;
	width: 200px;
	height: 8em;
  background: #F5EEE9;
	background: #F2FCFC;
	margin: 5em 0 0 0;
	border: 1px solid #162138;
	color: #000;
	} 
#sidebar_mm h2 {
  text-align: center;
	margin-top: 0;
	color: #673E11;
	color: #fff;
	height: 33px;
	background: url(../images/sidebar_mm_h2_bg.jpg) repeat-x left top;
	font-size: 150%;
	padding-top: 4px;
	border-bottom: 1px solid #162138;
	}
#sidebar_mm ul {
  list-style: none;
	text-align: left;
	}
#sidebar_mm li {
  margin-left: 3em;
	}
#sidebar_mm a {
text-decoration: none;
	 color: #673E11;
	 font-weight: bold;
	 }
#sidebar_mm a:visited {
text-decoration: none;
	 color: #777;
	 font-weight: bold;
	 }
#sidebar_mm a:hover {
   text-decoration: none;
	 background-color: #10FEFB;
	 font-weight: bold;
	 }
*/	 

#sidebar ul {
  list-style: none;
	margin-left: 0em;
	margin-top: -2em;
	line-height: 1.7em;
/* display: inline; -- fixes IE/Win double-margin bug */
/* note: activating the above rule causes the first li to be slightly indented */
	}	 
	 
/* styling HBAL member name in Quick Links */
.stress-name {
 color: #ff4400;
 }
	
#pg_membership #sidebar ul {
   margin-top: 1em;
	 }	
	 
/* styling visited links in paragraphs */
#content p a {
  color: #000080;
	}
#content p a:visited {
  color: #0000ff;
	}
#content p a:hover {
  color: #ff0000;
	}
#content p a:active {
  color: #000080;
	}

/* styling the new (06-03-09) bulleted <ul> and <li> */
.bulleted-1 {
	list-style: disc !important;
	margin: -.5em 0 1.4em 40px !important;
	}
.bulleted_level-2 {
  list-style: circle !important;
	margin: 0 0 0 20px !important;
	line-height: 1.5 !important;
	color: #325F7E !important;
	}
	
/* styling the new advertisers <ul> and <li> */
ul#HBAL_advertisers {
  position: relative;
  margin-top: 5em;
	text-align: center;
	}
li.non-main {
  float: left;
	width: 300px;
	margin: 40px 10px 40px 10px;
	} 
	 
/* styling last <p> on meetings page */
p.rogers {
/*   position: relative;  */
   clear: both;
	 margin-top: 20px;
/*	 padding-top: 1em;  */
   border-top: 1px dotted #ACB8D0;
	 border-bottom: 1px dotted #ACB8D0;
	 font-style: italic;   
	 }

/* styling lists on the Website News page  */
#pg_website_news ul {
  list-style-type: disc;
	margin-bottom: 2em;
	}
#pg_website_news li {
  line-height: 1.2em;
	padding-bottom: 1em;
	}
li.level2 {
  color: #4057a4;
	padding: 0 0 1em 2em;
	line-height: 1.2em;
	}
	
/*  styling paragraphs to be stressed */
p#stressed {
  font-weight: bold;
	font-size: 150%;
	background-color: #666;
	color: #fff;
	border: 3px solid #000;
	padding: .6em;
	margin-top: 2.0em;
	}
/*  styling bottom border on h5s at beginning of text content  */
h3.first_h5 {
  border-bottom: #535f78 1px solid;
	padding-bottom: .3em;
	margin-bottom: 24px;
	}
/*  styling byline  */
.byline {
  color: #535f78;
	font-size: 90%;
	font-variant: small-caps;
	margin-top: 0;
	padding-bottom: 0px;
	border-bottom: #535f78 1px solid;
	}
 
/* footer is above bottom on some pages; adding "position: relative;" to try fixing */
#footer {
   position: relative;
   width: 100%;
	 height: 100px;	 
	 clear: both;
/*	 background: #fff url(../images_pres/footer_graphic.gif) no-repeat 50% top;  */
	 margin-top: 30px;
	 margin-top: 3em;
	 }

#footer_1 {
   float: left;
   position: relative;
   clear: both;
	 width: 49%;
   background: #fff url(../images/footer-1_BG.jpg) repeat-y left top;
	 font-size: 70%;
	 font-weight: bolder;
	 line-height: 1.2em;
	 padding: .5em;
	 color: #036;
/*   display: inline; fixes IE/Win double-margin bug */
   margin-top: 5em;
	 border-top: 1px solid #acb8d0;
	 }
#footer_1 a {
	 color: #0000C0;
	 }
#footer_2 {
	 float: left;
   position: relative;
	 width: 49%;
   background: #fff url(../images/footer-2_BG.jpg) repeat-y right top;	 
/*	 border-left: 1px solid #16334F; */
	 text-align: right;
	 font-size: 70%;
	 font-weight: bolder;
	 line-height: 1.2em;
	 padding: .5em;
	 color: #036;
/*   display: inline; fixes IE/Win double-margin bug */
   margin-top: 5em;
	 border-top: 1px solid #acb8d0;
	 }
#footer_2 a {
 	 color: #0000C0;
	 }
#footer_2 a:hover {
   background-color: #222;
 	 color: #FFF;
	 }
#footer_1 ul, #footer_2 ul {
    display: block;
		list-style: none;
		font-weight: normal;
		margin: -2px 0 0 0;
		}
#pg_member_news #footer {
  padding-top: 3em;
	}

/* BEGIN gutters */

#content .gutter_top {
   padding: 25px;
	 background: url(../images/content-bg-02.gif) no-repeat top left;
	 }
#content .gutter {
   padding: 25px;
	 padding: 0;
/*	 background: url(../images/content-bg-02.gif) no-repeat top left; */
	 }

.more {
   color: #00b7c5 !important;
	 background-color: #E4EAEC; 
	 border: 1.5px solid #fff;
	 border-bottom: 1.5px solid #000;
	 border-right	: 1.5px solid #000;
	 padding-right: .5em !important;
	 margin-bottom: 1.5em;
	 margin-top: 1.5em;
	 text-align: right;
	 display: inline;
/*	 margin-top: -2em;  */
	 }
a:hover.more {
   background-color: #800000 !important;
	 color: #fff !important;
	 }

/* nav styling */
/* the section below styles those quicklink items to be emphasized */
/* having trouble changing the text color */

/* styling the QL emphasis UL  a colors */

li .ql_emphasis {
   color: #C00;
	 color: #00F;
	 color: #F00;
	 background-color: #7ADDFD;
	 font-family: Verdana, san-serif;
	 font-size: 100%;
	 font-weight: bolder;
	 }
li .ql_emphasis a {
	 color: #F00;
	 font-weight: bolder;
	 }
li .ql_emphasis a:hover {
   text-decoration: none;
	 background-color: #F00; /* this declaration doesn't work as planned */
	 color: #673E11;
	 font-weight: bolder;
	 } 
.top_nav_text {
   position: relative;
   width: 1000px;
   float: left;
	 margin-top: 3em;
	 margin-left: 0em;
/*	 padding: 0 0 0 6px; */
	 list-style: none;
   background: #00337f;
   display: inline; /* fixes IE/Win double-margin bug */
	 }
.top_nav_text li {
   float: left;
	 margin: 0;
	 padding: 0;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 95%;
	 font-weight: bold;
	 list-style: none;
   border-right: 1px solid white;
   display: inline; /* fixes IE/Win double-margin bug */	 
	 }
.top_nav_text a {
   float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
  display: inline; /* fixes IE/Win double-margin bug */
	}		
		
.bottom_nav_text {
   width: 100%;
   float: left;
	 margin-left: 0em;
	 padding: 10px 0 0 46px;
	 list-style: none;
   background: #fff;
   display: inline; /* fixes IE/Win double-margin bug */
		}
.bottom_nav_text li {
    float: left;
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 75%;
 		font-weight: bold;
		list-style: none;
   display: inline; /* fixes IE/Win double-margin bug */
		}
.bottom_nav_text a {
   float: left;
	 display: block;
	 margin: 0 1px 0 0;
	 padding: 4px 8px;
	 text-decoration: none;
	 border: 1px solid #555;
	 border-bottom: none;
	 background: #fff url(../images/nav_bg_2.gif) repeat-x top left;
   display: inline; /* fixes IE/Win double-margin bug */		
		}
.nav a:hover {
   background: #ccc;
	 color: #285598;
	 font-size: 100%;
	 }
a.link_on {
	 color: #00b7c5;
	 text-decoration: none;
   font-size: 100%;  
		}
/* ul styling */
#content ul {
  list-style: none;
	margin-left: 1em;
	line-height: 2.3;
/* display: inline; -- fixes IE/Win double-margin bug */
/* note: activating the above rule causes the first li to be slightly indented */ 
	}

#winners {
  text-align: center;
	}

ul#prez_sez {
  list-style: disc;
	margin-bottom: 1.23em;
	}
ul#prez_sez li {
  margin-left: 1.0em;
	}
#pg_marketing_art ul {
  list-style: disc;
	margin-left: 3em;
	margin-bottom: 1.2em;
	}
.rogers_map {
   position: relative;
   clear: both;
	 margin-left: 0px;
	 margin-top: 30px;
	 }
.galrow {
  width: 680px; 
	padding-bottom: 10px;
/*   clear: both; */
/*	 float: left; */
	 overflow: hidden;
	 margin-top: 20px;	 
	 }

.photo_right {
   float: right;
	 width: 310px;
	 padding: 0 15px 10px 15px;
	 }
.photo_right_100W {
   float: right;
	 width: 100px;
	 padding: 0 15px 10px 15px;
	 }
.photo_left_100W {
   float: left;
	 width: 100px;
	 padding: 0 15px 10px 0px;
	 }
.photo_right-2 {
   float: right;
	 width: 0;
	 margin-left: 20px;
	 padding: 0 15px 10px 15px;
	 }
.photo_right-2 img {
   margin-left: 30px;
	 }
#pg_demonstrator .photo_right {
   width: 206px;
   float: right;
	 padding: 0 0 10px 10px;
	 margin-right: -16px;
	 }
.photo_left {
   width: 310px;
   float: left;
	 padding: 0 10px 10px 0;
	 }
#pg_demonstrator .photo_left {
   width: 206px;
   float: left;
	 padding: 0 5px 10px 5px;
	 }
.clear_both {
   clear: both;
	 }
#art_quote {
    background-color: #EAFAFA;
		border: 1px solid #002988;
		width: 80%;
		color: #0B397F;
/*		color: #9CE0F7; */
		font-weight: normal;
		padding: 10px;
		}
.text_up {
    vertical-align: text-top;
		}
.up {
    vertical-align: top;
		}
#pg_artists ul {
   margin: 0 0 1.5em 2em;
	 }
#artists_paragraph {
   position: relative;
	 width: 100%;
	 clear: both;
	 margin: 40px 0 0 18px;
	 float: left;
	 }
#media {
  position: relative;
	margin: -1em 0 10px 0;		
 	}
#media h3 {
  border-bottom: 1px solid #535f78;
	padding-bottom: .2em;
	margin-bottom: .3em;
	}
#watercolor {
/*    position: relative;  */
		clear: both;
		display: inline;
		float: left;
		margin: 2em 0 0 2em;
/*		top: 1em;  */
		width: 16em;
	  white-space: normal;
		}
#oil-acrylic {
/*    position: relative;  */
		display: inline;
		float: left;
		margin: 2em 0 0 2em;
		top: 2em;
		width: 16em;
	  white-space: normal;		
		}
#three-d {
/*    position: relative;  */
		display: inline;
		float: left;
		margin: .1em 0 0 2em;
		top: 4em;
		width: 16em;
	  white-space: normal;		
		}
#mixed {
/*    position: relative;  */
		display: inline;
		float: left;
		margin: .1em 0 0 2em;
		top: 2em;
		width: 16em;
	  white-space: normal;		
		}
#photo {
/*    position: relative;  */
		display: inline;
		float: left;
		margin: 2em 0 0 2em;
		top: 2em;
		width: 16em;
	  white-space: normal;		
		}
#drawing {
/*    position: relative;  */
		display: 	inline;
		float: left;
		margin: -.5em 0 0 2em;
		width: 16em;
	  white-space: normal;		
		}
#digital {
/*    position: relative;  */
		display: inline;
		float: left;
		margin: .1em 0 0 2em;
		width: 16em;
	  white-space: normal;		
		}
#artist_name {
    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 85%;
		color: #000066;
		}	
#artist_left_column {
    margin-top: 50px;
		margin-right: 75px;
		}
#artist_center_column {
    margin-top: -246px;
		margin-left: 175px;
		}
#artist_right_column {
    margin-top: -228px;
		margin-left: 350px;
		}		
.disclaimer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: red;
		}		
		
/* styling images and captions on meetings page */
#galrow_1 {
   margin: 0 0 10px 0;
	 }
#galrow_2 {
  clear: both;
	margin-top: 2em;
	}
#galrow_3 {
  clear: both;
	margin-top: 2em;
	}
 #galrow_4 {
  clear: both;
	margin-top: 2em;
	}

.column1 {
  width: 300px;
	float: left;
	
	overflow: hidden
	
/*	padding-right: 20px; */
	}

.column2 {
  width: 300px;
	float: right;	
	overflow: hidden
/*	padding-right: 20px; */
	}

.column1 dt, .column2 dt {
  margin: 0 0 1em 40px;
	font-size: 1.5em;
	color: #2579cc;
	}
	
#pg_meetings dt { /* this is the title, like "Best of Show" */
  font-weight: bold;
	margin-bottom: 1em;
	}
#pg_meetings dd { /* this is text below the image */
  width: 260px;
	}
.caption_line_1 { /* this is the first line below the image, which has a larger bottom margin */
  margin-bottom: 1em;
	}

/* styling the text on the SHOWS page */
h4 {
  margin-top: .5em;
	margin-bottom: .5em;
	color: #5170A9;
	}
.important {
  color: #f00;
	font-weight: bold;
	}

/* fixing layout of sidebar items on Shows.htm 09/29/09 */
#pg_shows #sidebar ul {
 margin-top: 1.3em;
 margin-bottom: -.5em;
 }
#pg_shows #sidebar li {
 line-height: 1.2em;
 margin-bottom: .1em;
 margin-left: -10px;
 font-family: "Trebuchet MS", arial, sans-serif;
 font-size: 1.2em;
 }
 
/* try to write it (with CCs?) so it only goes to IE */
/* @import { url(hbal_IE_5_hacks.css); } */
		
		
/*** hacks and fixes ***/

/*** in IE7, footer is at top ***/
/** conditional comment format **/
/*   <!--[if IE 7]>   */
      /*  code to fix footer position goes here */
      /*  code to fix footer position goes here */
      /*  code to fix footer position goes here */
/*	 <![endif]-->   */

/**************************************************************************************/
/*        supposedly, the following will fix 7 and not break others                   */
/*        Firefox and Opera, so won't need conditional comments                       */
/*  from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */
/**************************************************************************************/

/*
html,
body {
  margin:0;
  padding:0;
  height:100%;
  }

#wrap,
#content {
  min-height:100%;
  position:relative;
  }

body {
  padding-bottom: 60px; /* set it to height of footer (or a little more)
	}

#footer {
  position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* or whatever it is; use same amount for body padding-bottom
	}
*/
	
/**************************************************************************************/
/*  The sticky footer code above FAILS:                                               */
/*    IE6: index OK, others footer is too high, overlapping content                   */
/*    FF1.5.0.7: footer is too high, overlapping content                              */
/*    Opera9.0.2: most pages, footer is too high, overlapping content                 */
/**************************************************************************************/
	

/**************************************************************************************/
/* trying another approach */
/* from http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/ */
/**************************************************************************************/

html,
body,
wrap { height: 100%; }
body > #content_wrap { height: 100%; }
#footer {
	clear: both;
  position: relative;
  z-index: 10;
  height: 3em;
/*  margin-top: 3em;  */
  }
#content_wrap { padding-bottom: 0em; }



/**************************************************************************************/
/*  The above works on all 3 older browsers on the Gateway                            */
/*  Testing on Dell:                                                                  */
/*      IE7:                                                                          */
/*      FF x.                                                                         */
/*      Opera x.x.x:                                                                  */
/**************************************************************************************/




/* Other IE issues */

/*
* html #content {
     font-size: 80%;
		}
* html #sidebar {
    font-size: 80%;
		}
* html #sidebar_li {
     position: relative;
		 width: 150px;
     margin-left: 10em;
		 margin-top: -419px;
		}
* html #sidebar_li li {
     font-size: 80%;
		}
* html #sidebar_li h2 {
     font-size: 100%;
		}
* html p.banner {
     margin-top: 0em;
		}
* html p.banner_others {
     position: relative;
		 margin-left: 2em;
		 margin-top: 0em;
		}
* html p.banner_others {
     float: right;
		 width: 100%;
		 height: 80px;
		 position: absolute;
		 margin-top: -.3em;
		 margin-left: 8em;
		 background: #fff url(../images/BANNER_CALI_109_01.jpg) no-repeat 0 0;
		}
* html #header_others {
     float: left;
		 width: 100%;
		 position: relative;
		 margin-top: 2em;
		 margin-left: 1em;
		 padding-bottom: 2em;;
		}
* html #footer {
     font-size: 80%;
		}
* html #content li {
    list-style: none;
		}
* html #sidebar li {
    list-style: none;
		}
*/

/* late changes */
/* 10/23/09 */
#pg_member_news ul {
 list-style: disc;
 margin-bottom: 1em;
 margin-left: 20px;
 }
 
#pg_member_news ul li {
 line-height: 1.4em;
 }
 
#footer ul {
 list-style: none;
 }
 
/* 11/23/09 to fix spacing in sidebar on shows.htm */

#pg_shows #sidebar ul {
 margin-top: -1em;
 }
 
#pg_shows #sidebar h3 {
 font-size: 1.4em;
 }