/******************************************************************/
/*** filename: hbal_basic-05.01.css                             ***/
/*** author: David Lex Rollins                                  ***/
/*** last revised: January 2012                                 ***/
/*** customer: Huntington Beach Art League                      ***/
/*** website: hbartleague.com                                   ***/
/******************************************************************/

/* -------------- CSS organization --------------                 */
/*   1) RESET
/*   2) GLOBAL STYLING                                          ***/
/*   3) LAYOUT / POSITIONING                                    ***/
/*   4) TYPOGRAPHY (including colors)                           ***/
/*   5) VARIOUS BROWSER HACKS                                   ***/
/*   6) EXPERIMENTS / TESTING                                   ***/

/* -------------- COLORS --------------                           */
/*   1) dark blue (from logo)							#00337f           */
/*   1) teal/cyan (from logo)							#00b7c5           */

/*** BEGIN STYLE SHEET ***/

/* Eric Meyer original reset */
html,
body,
div,
span,
applet,
object,
iframe,
table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td, 
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var, 
h1, h2, h3, h4, h5, h6,
p, blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
ul.bullet li {
  list-style: square inside;
  padding-left: 2em;
	margin-left: 2em;
	} 
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/* end - Eric Meyer original reset */

/* =global styling */
img.round-shadow {
 -moz-box-shadow: 3px 3px 3px #aaa;
 -webkit-box-shadow: 3px 3px 3px #aaa;
 box-shadow: 3px 3px 3px #aaa;
 border: 1px solid #666;
 }
img.round-shadow-2 {
 float: right;
 width: 240px;
 margin-right: -4px;
 -moz-box-shadow: 3px 3px 3px #aaa;
 -webkit-box-shadow: 3px 3px 3px #aaa;
 box-shadow: 3px 3px 3px #aaa;
 border: 1px solid #99c;
 }
img.round-shadow-3 {
 float: right;
 width: 240px; 
 margin-right: -4px;
 margin-left: 20px;
 -moz-box-shadow: 3px 3px 3px #aaa;
 -webkit-box-shadow: 3px 3px 3px #aaa;
 box-shadow: 3px 3px 3px #aaa;
 border: 1px solid #99c;
 }

/* =layout / positioning */

html {
/* background-color: #FC0; */
 }

body {
 width: 100%;
 max-width: 1200px;
 min-width: 960px;
/* background-color: #000; */
 text-align: center;
 margin: 0 auto;
/* border: 1px solid #f00; */
 background: #00b7c5 url(../images_pres/body-bg-gradient-01.jpg) repeat-x top left;
 }

#wrap-all {
 	max-width: 1100px;
 	min-width: 840px;
 	position: relative;
 	text-align: left;
 	margin: 20px auto;
 	background-color: #fff;
 	-moz-box-shadow: 3px 3px 13px #00337f;
	-webkit-box-shadow: 3px 3px 13px #00337f;
 	box-shadow: 3px 3px 13px #00337f;
 
	border: 2px solid #333;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
 }

#branding {
/* width: 100%; */
	background-color: #fff;
	-moz-border-radius: 2em;
	-o-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
 }

#branding img {
 margin-left: 20px;
 }

/* new (November 2010) ads */
/* =ads */
.ad-TR {
 width: 320px;
 margin: -36px 0 20px 0;
 float: right;
 font-size: .6em;
 }
#pg_index .ad-TR, #pg_demonstrator .ad-TR, #pg_meetings .ad-TR {
 width: 320px;
 margin: 26px 0 20px 0;
 float: right;
 }

#pg_meetings .ad-TR {
	margin: 100px -20px 20px 0;
	}
#pg_artists .ad-TR {
	margin-right: 10px !important;
	}
	
#pg_quote p.open-quote {
 margin: 10px 0 -100px -20px;;
 margin: 10px 0 -.6em -20px;;
 padding-top: 10px;
 font-size: 20em;
 font-style: italic;
 font-family: "Trebuchet MS", Arial, san-serif;
 	opacity: .3;
 color: #999;
 color: #00b7c5;
 -moz-text-shadow: .01em .01em .02em #000;
 -webkit-text-shadow: .01em .01em .02em #000;
 -o-text-shadow: .01em .01em .02em #000;
 text-shadow: .01em .01em .02em #000;
 }
#pg_quote #content p.first {
 font-size: 2.1em;
 font-style: italic;
 font-family: "Trebuchet MS", Arial, san-serif;
 color: #999;
 color: #00b7c5;
 width: 480px;
 float: right;
 margin-top: 0px;
 padding-right: 30px;
 padding-right: .7em;
 -moz-text-shadow: .06em .06em .06em #000;
 -webkit-text-shadow: .06em .06em .06em #000;
 -o-text-shadow: .06em .06em .06em #000;
 text-shadow: .04em .04em .00em #000;
 }
#pg_quote p.close-quote {
 font-size: 20em;
 font-style: italic;
 font-family: "Trebuchet MS", Arial, san-serif;
	opacity: .3;
 color: #00b7c5;
 width: 1em;
 float: right;
 margin-top: .55em;
 margin-right: -2.3em;
 margin-bottom: -.4em;
 -moz-text-shadow: .01em .01em .02em #000;
 -webkit-text-shadow: .01em .01em .02em #000;
 -o-text-shadow: .01em .01em .02em #000;
 text-shadow: .01em .01em .02em #000;
 }
#pg_quote p.quotee {
 text-align: right;
 font-size: 1.5em;
 font-family: "Trebuchet MS", Arial, san-serif;
 color: #00b7c5;
 width: 65%;
 margin-top: 1em;
 float: right;
 clear: both;
 }
 
img.busCardAd {
	-moz-border: 1px solid #000;
	-o-border: 1px solid #000;
	-webkit-border: 1px solid #000;
	border: 1px solid #000;
	-moz-box-shadow: 3px 3px 3px #aaa;
	-o-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
	}
#pg_artists .ad-TR {
	margin-top: -40px;
	margin-right: 20px;
	margin-bottom: -10px;
	padding-bottom: 90px;
	}
#pg_artists .ad-TR p.email {
	margin-top: .9em;
	line-height: 1.2em;
	}
#pg_artists .ad-TR p.email a:link {
	margin-left: 2em;
	line-height: 1.9em;
	font-weight: bold;
	}
	
#pg_meetings .ad-TR {
	margin-top: 60px;
	margin-right: 20px;
	padding-bottom: 90px;
	}

#pg_demonstrator .ad-TR {
	margin-top: 60px;
	margin-right: 20px;
	}
.ad-TR p {
 font-size: 2em;
 color: #00337f;
 padding-bottom: 20px;
 }
.ad-BL-hor {
 clear: left;
 width: 720px;
 margin-left: 20px;
 } 
ul.ad-hor-row li {
 display: inline;
 margin-right: 10px;
 }
#pg_mm #sidebar {
 margin-top: 10px;
 }
#pg_index #sidebar {
 margin-top: 0px;
 margin-top: -66px;
 }
#pg_demonstrator #sidebar {
	margin-top: 10px;
	}
 
/* 2011-05-31: to fit h3 on one line */
#pg_index #sidebar {
	width: 290px;
				width: 300px;
	}
 
 
#pg_gallery #sidebar {
 margin-top: 0px;
 }
/* end =ads */

#content {
 position: relative;
 float: left;
 margin: -65px 0 20px 20px;
 padding: 0 20px 20px 0;
 width: 52%;
 width: 58%;
 background: #fff url(../images_pres/content-bg.jpg) no-repeat top left;
 border: 1px solid #999;
 -moz-border-radius: 1.2em;
 -webkit-border-radius: 1.2em;
  border-radius: 1.2em;
	behavior: url(http://hbartleague.com/PIE.htc);
 
/* the below adds CSS3 drop shadow, not visible in IE and not valid code */  
 -moz-box-shadow: 3px 3px 3px #aaa;
 -webkit-box-shadow: 3px 3px 3px #aaa;
 box-shadow: 3px 3px 3px #aaa;
 border: 1px solid #99c;
 }

#sidebar {
 float: right; 
 width: 25%;
 margin: -65px 20px 0 0;
 background: #fff url(../images_pres/sidebar-bg.jpg) no-repeat top left;
/* the below adds CSS3 drop shadow, not visible in IE and not valid code */  
 -moz-box-shadow: 3px 3px 3px #aaa;
 -webkit-box-shadow: 3px 3px 3px #aaa; 
 }

ul.nav {
 height: 150px;
 position: relative;
 top: 20px;
 left: 10px;
 }

 
/* ========= styling the Artists page ========= */
 
/* I want the separate media listings to occupy 1/3 of the content area width and float */
 
#pg_artists #medium {
 margin-left: 10px;
 }

#pg_artists #content .media {
 width: 28%;
 margin-left: 10px;
 float: left;
 } 
/* trying to position Mixed Media, Digital, 3-D */
#pg_artists #content #mixed {
 padding-top: 24px;
 }
#pg_artists #content #digital {
 padding-top: 24px;
 }
#pg_artists #content #three-d {
 padding-top: 24px;
 } 
#pg_artists #content #photo {
 marg-top: -2px;
 }
 
/* positioning Drawing/Pastels */
#pg_artists #content #drawing {
 padding-top: 10em;
 }

/* =typography ******************* */
body {
 font-family: Verdana, sans-serif;
 font-size: 62.5%;
 }
#content {
/* position: relative; */
 font-size: 1.3em;
 line-height: 1.1em;
 background-color: #f6f5f2;
 }

#content p {
 margin: 0 0 1em 10px;
 line-height: 1.2em;
 }

#content p.first, #content h2.first, #content h3.first {
 margin-top: 30px;
 }

#content ul {
 margin: .4em 0 1em 10px;
 }

#content li {
 line-height: 1.2em;
 margin: .4em 0 .6em 10px;
 } 

#content h2 {
 font-size: 1.6em;
 color: #00337f;
 margin: .2em 0 .5em 10px;
 padding-top: 10px;
 }
p.webmasters_note {
	font-weight: bold;
	color: #0d277c;
	}
#pg_shows h2 {
 text-align: center;
 padding-bottom: .7em;
 }
#pg_shows p.center {
 text-align: center;
 }
#pg_shows li.indent {
 margin-left: 30px;
 }
#pg_shows #sidebar h3 {
	margin-left: -.1em;
	margin-bottom: .4em;
}
#pg_shows #content li {
	list-style-type: none;
}
#pg_shows #sidebar li {
	list-style-type: none;
	margin-top: .5em;
}
#content h3 {
 font-size: 1.3em;
 margin: 0 0 .3em 3px;
 color: #00b7c5;
 padding:0.5em;
/* text-shadow: -.05em -.05em .05em #000; */
 }
#pg_artists #content h3 {
 font-size: 1.3em;
 padding: .1em;
 } 
#pg_art-events #content p.first {
 margin-top: 10px;
 }
#sidebar {
 font-size: 1.3em;
 background-color: #f6f5f2;
 border: 1px solid #999;
 padding-bottom: .5em; 
 box-shadow: 3px 3px 3px #aaa;
 -moz-border-radius: 1.2em;
 -webkit-border-radius: 1.2em;
 border-radius: 1.2em;
 }
#sidebar p {
 padding: 5px 14px 4px 10px;
 line-height: 1.3em;
 }
#sidebar p.emphasize strong {
 font-weight: bold;
 color: #00337f;
 }
#sidebar p.website {
	margin-top: -.5em;
}
 
#pg_quote #sidebar p.mailto {
 margin-bottom: 1em;
 }

.emphasize {
 font-weight: bold;
 }
strong.emphasize {
 font-weight: bold;
/* background-color: #bbf4f8; */
 color: #00337f;
 }
#pg_shows #content ul {
	list-style-type: disc;
	}
#pg_shows #sidebar {
 padding-bottom: 1.3em;
 }
#sidebar p.first {
 border-top: 0px;
 margin-top: 1.3em;
 }
#pg_shows #sidebar p.first {
	margin-top: .7em;
	margin-bottom: .7em;
	}
#pg_shows #sidebar ul {
	font-size: .9em;
	margin: 1.3em;
	margin-left: 2.5em;
	list-style-type: disc;
	}
#pg_shows #sidebar ul li {
	margin-bottom: .5em;
	}
#sidebar ul {
 margin-left: 10px;
 padding: .5em;
 }

#pg_demonstrator #sidebar a {
 margin-left: 20px;
 }
#pg_demonstrator #sidebar {
 padding-bottom: 20px;
 }
#pg_demonstrator #sidebar p.emphasize {
	color: #00b7c5;
}
#pg_history #sidebar ul,
#pg_member_news #sidebar ul {
 margin-left: 3px;
 padding: .5em;
 }
#pg_history #sidebar ul li {
 font-size: .95em;
 }
#pg_history #sidebar ul li,
#pg_meetings #sidebar ul li,
#pg_mm #sidebar ul li {
 line-height: 1.33em;
 }
#sidebar ul.first {
 margin-top: .8em;
 padding: .5em;
 padding-bottom: 0;
 }
#sidebar h2 {
 padding: 10px;
 font-size: 1.6em;
 color: #fff;
 text-align: center;
 background-color: #00337f;
 color: #fff;
 text-shadow: .1em .1em .2em #00b7c5;
/* box-shadow: 3px 3px 3px #aaa; */
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 }
#sidebar h3 {
 width: 100%;
 margin-top: 1.2em;
 margin-right: 0;
 padding: .2em 0em .2em 10px;
 font-size: 1.1em;
 font-weight: bold;
 color: #00337f;
 }
#sidebar h3.first {
 margin-top: .6em;
 border-top: 0px;
 } 
#sidebar h4 {
 margin: .3em 0 .3em 10px;
 font-size: 102%;
 color: #00337f;
 font-weight: bold;
 }

#sidebar a {
     position: relative;
		 }

#sidebar a.more {
/* margin-bottom: .6em; */

 padding-right: 8px;
 
/* trying to make the link a button */ 
/* using an image for button/text */
      background: url(../images_pres/sidebar_read-on_25H.png) center center no-repeat;
			height: 35px;
			margin-top: -30px;
	 margin-right: 10px;
/*	 margin-top: .6em; */ 
	 padding-left: 5px;
	 text-align: center;
	 font-weight: bold;
/*	 text-decoration: none;
	 color: #fff;
	 font-size: 1.0em; */
 }
#pg_index #sidebar a.nudge {
	margin-right: 0px;
	}
#pg_index #sidebar span.nudge {
	margin-left: -7em;
	}

#pg_artists #sidebar h3 {
 margin-bottom: -.4em;
 margin-top: .4em;
 }
#pg_artists #sidebar h3.first {
 margin-top: 1em;
 }
#pg_artists #sidebar h4.first {
 margin-top: .6em;
 margin-bottom: -.2em;
 }
#pg_artists #sidebar h4.not-first {
 margin-top: -1.4em;
 margin-bottom: -.2em;
 }
#pg_artists #sidebar ul {
 margin-bottom: 1em;
 }
#pg_artists #sidebar li {
 line-height: 1.3em;
 list-style-type: disc;
 color: #00337f;
 margin-bottom: .5em;
 margin-right: 10px;
 }
#pg_meetings #sidebar ul {
 margin-bottom: -.5em;
 margin-top: -.5em;
 }
#pg_member_news #sidebar li {
 list-style-type: none;
 margin-top: -8px;
 margin-bottom: .75em;
 padding-bottom: 0px;
 padding-top: 0px;
 }
#pg_member_news #sidebar li h4 {
 margin: 5px 0 0 0px;
 padding-top: 10px;
 }
#pg_member_news #sidebar li h4.first {
 margin: 10px 0 1px 0px;
 padding-top: 3px;
 }
ul li.no-bullet {
 list-style-type: none;
 color: #f00;
 }
.more {
 display: inline;
 width: 25%;
 float: right;
 text-align: right;
 padding-bottom: 1em;;
 margin-bottom: .5em;
/*	 margin-left: 160px;
	 text-align: right;
	 font-weight: bold;
	 color: #00337f;
	 display: inline; */
	}
 
/* some basic styles */
	 
#tagline {
   margin: -20px 0 -20px 107px;
	 color: #4cb4c6;
	 font-size: 1em;
	 text-transform: uppercase;
	 letter-spacing: 0.2em;
	 }
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 should be stressed */
.highlight {
   color: #C00;
	 font-weight: bold;
	 font-size: 115%;
	 }
.italicize {
  font-style: italic;
	} 
/* layout structure */

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

/***************************************************************/
/* END layout structure */

/* sidebar styling */

/*
#pg_mm #sidebar ul {
   margin-top: 10px;
	 color: #f00;
	 }
#pg_mm #sidebar ul li {
  list-style: none;
	text-align: left;
	color: #f00;
	}
#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;
 }	 
/* #sidebar #pg_mm ul li {
 font-size: 1.5em;
 line-height: 2em;
 }	 
*/
/* styling HBAL member name in Quick Links */
.stress-name {
 color: #ff4400;
 }
	
#pg_membership #sidebar ul {
   margin-top: 1em;
	 margin-bottom: 1em;
	 }	
#pg_membership #sidebar ul li {
/*  padding-top: 1em;
	padding-bottom: 1em; */
	position: relative;
	z-index: 1;
	}
	 
/* 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: 0 0 1.4em 40px !important;
	}
.bulleted_level-2 {
  list-style: circle !important;
	margin: 0 0 0 20px !important;
	line-height: 1.5 !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;  */
   padding: .3em 0;
   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: #00337f;
	font-size: 90%;
	font-variant: small-caps;
	margin: 0 0 0 10px;
	padding-bottom: 5px;
	border-bottom: #00337f 1px solid;
	}
 
/* footer is above bottom on some pages; adding "position: relative;" to try fixing */
#footer {
 position: relative;
 top: 20px;
 width: 96.4%;
 height: 100px;	 
 clear: both;
 margin: 50px 20px 10px 20px;
 text-align: center;
 border: 1px solid #999;
 background: #fff url(../images_pres/footer-bg.jpg) no-repeat top left;
 -moz-border-radius: 1.5em;
 -webkit-border-radius: 1.5em;
 border-radius: 1.5em;
 behavior: url(http://hbartleague.com/PIE.htc);
 }

#footer ul.copyright {
   float: left;
   position: relative;
	 display: inline;
	 width: 45%;
	 font-size: 75%;
	 line-height: 1.2em;
	 padding: 10px 0 0px 10px;
	 margin-bottom: -5px;
	 color: #036;
	 text-align: left;
	 }
#pg_artists ul.copyright,
#pg_member_news ul.copyright
 {
 margin-left: 0px;
 }
#footer ul.webmaster {
   float: right;
   position: relative;
	 right: 0px;
	 display: inline;
	 width: 45%;
	 font-size: 75%;
	 line-height: 1.2em;
/*	 margin-right: 10px; */
	 padding: 10px 10px 0px 0;
	 margin-bottom: -5px;
	 text-align: right;
	 }
#footer ul.webmaster li {
 float: right;
 width: 100%;
 }
ul.copyright a, ul.webmaster a {
	 color: #0000C0;
	 }
ul.copyright a:hover, ul.webmaster a:hover {
   background-color: #222;
 	 color: #FFF;
	 }
ul.copyright, ul.webmaster {
    display: block;
		list-style: none;
		font-weight: normal;
/*		margin: -2px 0 0 0; */
		}
	
/* nav styling */
/* the section below styles those quicklink items to be emphasized */
/* having trouble changing the text color */

.nav-1 {
 position: relative;
 margin-top: 3em;
 margin-left: 0em;
 list-style: none;
 display: inline; /* fixes IE/Win double-margin bug */
 }

ul.nav {
/* padding-right: 10px;
 width: 96%; */
 margin-right: 20px;
 margin-left: 10px;
 }
 
.nav-1 li {
 float: left;
 margin: 0;
 padding: 10px 10px 10px 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 font-weight: bold;
 list-style: none;
 display: inline; /* fixes IE/Win double-margin bug */
/* color: #f00; */	 
 }

ul.nav li.last {
 width: 8em;
 }	 

.nav-1 .nav li a:link,
.nav-1 .nav li a:visited {
 text-decoration: none;
 color: #00337f;
 padding: 35px 14px 8px 0;
 }

/* trying to remove link styling from current page link */

.nav-1 .nav li a:hover {
 text-decoration: none;
 color: #00337f;
 padding: 35px 12px 8px 0;
 padding: 35px 14px 8px 0;
 background-color: #fff; 
 background-image: url("../images_pres/brush-link.png");
 background-repeat: no-repeat;
 background-position: right bottom;
 }

.nav-1 .nav li#link_on a:hover {
 text-decoration: none;
 color: #00337f;
 padding: 35px 12px 8px 0;
 padding: 35px 14px 8px 0;
 background: #fff; 
 }
 
.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: 16px 0 0 0;
	 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-1 .nav a:hover {
   background-color: #00b7c5;
	 color: #00337f;
	 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;
	 text-align: center;
	 }
.galrow {
  width: 680px; 
	padding-bottom: 10px;
/*   clear: both; */
/*	 float: left; */
	 overflow: hidden;
	 margin-top: 20px;	 
	 }

#pg_gallery .photo_left-2 {
 float: left;
 margin-left: 20px;
 margin-bottom: 16px;
 width: 270px;
 padding: 10px 20px 0px 0px;
 }
#pg_gallery .Claridge_photo_right {
	float: right;
	margin: 6px 0px 0 0;
	width: 240px;
	padding-left: 15px;
	padding-bottom: 10px;
	}

p.bring {
 padding-top: .7em;
 border-top: 1px dotted #ACB8D0;
 }
#pg_demonstrator img.photo-right-portrait {
	position: absolute;
	display: inline;
	width: 164px !important;
	float: right;
	padding: 0 0 10px 10px;
 	margin-left: 100px;
	margin-top: 10px;
	}
#pg_demonstrator .demonstrator-art {
	margin-left: 10px;
	}
#pg_demonstrator .demonstrator-art img {
 width: 300px;
 float: left;
 margin-top: 10px;
 margin-right: 20px;
 margin-bottom: 20px;
 }

#pg_demonstrator .demonstrator-art-2 {
	float-right;
	margin-top: -0px;
} 
#pg_demonstrator .demonstrator-art-2 img {
	margin-top: -20px;
}
#pg_demonstrator p.clear-p {
	clear: both;
	}
#pg_membership #sidebar ul li.space {
	margin-top: 1.5em;
}
#pg_member_news .photo_right {
 float: right;
 width: 200px;
 padding: 0px 0px 10px 10px;
 margin-right: -60px;
 }
#pg_gallery .photo_right {
 float: right;
 width: 240px;
 padding: 30px 20px 10px 20px;
 }
#pg_gallery .photo_right-2 {
 float: right;
 width: 240px;
 padding: 0px 0px 10px 20px;
 margin-top: -20px;
 }
#pg_gallery .photo_right-3 {
 float: right;
 width: 240px;
 padding: 0px 0px 10px 20px;
 margin-top: -0px;
 }
#pg_gallery .photo_right-3 img {
 margin: 0px 0 0 0px;
 }
#pg_gallery .photo_right-4 {
 float: right;
 width: 240px;
 padding: 0px 0px 10px 20px;
 margin-top: -0px;
 }
#pg_gallery .photo_right-2 img {
 margin: 60px 0 0 -20px;
 }

#pg_history .photo_right {
 float: right;
 width: 200px;
 padding: 30px 40px 10px 10px;
 }
#pg_demonstrator #content .demonstrator-photo {
 float: right;
 width: 212px;
 padding: 30px 20px 0px 00px;
/* border: 1px solid #08f;
 margin-right: 20px; */
 }
#pg_shows .photo_right {
 width: 325px;
 float: right;
 }
#pg_shows .photo_right img {
 margin-top: 0px;
 margin-left: 40px;
 }
#pg_shows p.faces {
 width: 300px;
 float: left;
 }

.demonstrator-art {
	clear: both;
	margin-left: -10px;
/*	margin-bottom: 1em; */ 
}
.demonstrator-art img {
	width: 321px;
}


.demonstrator-art-2 {
	clear: both; 
	margin-top: -50px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 1em;
}


.demonstrator-art-2 .img {
	float: right;
	width: 262px;
	margin-top: 30px;
	margin-left: 20px;
	padding-right: 0px;
	/*  margin-right: 320px; */
}
p.clear-both {
 clear: both;
 }
.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;
	 }
/*
.photo_left {
   width: 360px;
   float: left;
	 padding: 10px 10px 10px 10px;
	 }
*/
.photo_left-2 {
   width: 450px;
   float: left;
	 padding: 10px 20px 10px 10px;
/*	 margin-bottom: 20px; */
	 }
#pg_demonstrator .photo_left {
	 width: 340px;
   float: left;
	 margin-top: -30px;
	 padding: 0 5px 0px 0px;
	 position: relative;
	 }
#pg_demonstrator .photo_left img {
	 margin: 30px 0 20px 32px;	 
	 }

.clear_both {
   clear: both;
	 }
#art_quote {
    background-color: #EAFAFA;
		border: 1px solid #002988;
		width: 80%;
		color: #0B397F;
		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 dotted #00b7c5;
	padding-bottom: .3em !important;
	margin-bottom: .5em !important;
	}
#watercolor {
/*		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 {
		display: inline;
		float: left;
		margin: .1em 0 0 2em;
		top: 4em;
		width: 16em;
	  white-space: normal;		
		}
#mixed {
		display: inline;
		float: left;
		margin: .1em 0 0 2em;
		top: 2em;
		width: 16em;
	  white-space: normal;		
		}
#photo {
 clear: both;
 /*    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: -8em 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;
	}

h3.winners {
 color: #00337f !important;
 margin-left: 30px !important;
 }

ul.column1, ul.column2 {
 width: 300px;
 width: 280px;
 float: left;
 padding: 0px;
 }
#pg_shows ul.column1 li.image, #pg_shows ul.column2 li.image {
/* margin-left: 0px; !important; */
 width: 220px;
 padding-left: 0;
 margin-left: 20px;
 }

#pg_shows ul.column1 li.caption_line, #pg_shows ul.column2 li.caption_line {
 }

#pg_shows #content ul li.name, #pg_shows #content ul li.name,
#pg_shows #content ul li.caption_line, #pg_shows #content ul li.caption_line {
 width: 240px;
 padding-left: 0px;
 }

#pg_shows img.round-shadow {
 -moz-box-shadow: 3px 3px 3px #aaa;
 -webkit-box-shadow: 3px 3px 3px #aaa;
 box-shadow: 3px 3px 3px #aaa;
 border: 1px solid #99c;
 }
 
#pg_shows h3.award, #pg_shows h3.award {
 margin-left: -8px !important;
 }
 
h3.award {
 margin-left: 0px !important;
 color: #00337f !important;
 }
ul.column1 li.image, ul.column2 li.image {
 position: relative;
 left: -10px;
 }
ul.column1 li.name, ul.column2 li.name {
 padding-left: 0px;
 font-weight: bold;
 }
ul.column1 li.caption_line span, ul.column2 li.caption_line span {
 color: #00337f;
 padding-left: 0px;
 font-weight: bold;
 }
ul.column1 li.describe, ul.column2 li.describe {
 padding-left: 0px;
 }
ul.column1 h3.award, ul.column2 h3.award {

 }
/* 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;
 }
 
/* trying another approach to get footer where it belongs */
/* 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;
 top: 20px;
 bottom: -20px;
 z-index: 10;
 height: 3em;
  }
#wrap-all { padding-bottom: 30px; }

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

/* fixing list in sidebar of Mixed Media page */
#pg_mm #sidebar ul {
 padding-bottom: 15px;
 }
#pg_mm #sidebar ul li.first {
 margin-top: -7px;
 }
li.pg_mm-fix { /* hack so first li link is an live link */
 visibility: hidden;
 }

#pg_mm #sidebar ul li a:link {
 line-height: 1.7em;
 font-size: 96%;
 color: #00337f;
 }
#pg_mm #sidebar ul li a:visited {
 color: #00b7c5; 
 font-size: 110%;
 }
#pg_mm #sidebar ul li a:hover {
 color: #003374;
 background-color: #00b7c5; 
 }
 

/* restoring standard list bullets */
 
ul.standard-bullets {
 list-style-type: disc !important;
 padding-left: 2em;
 }
ul.standard-bullets li {
 padding-left: 1em;
 }
 
/* late additions */
/* small image for President's Message */
.small-gif {
 position: relative;
 width: 131px;
 float: left;
 left: 10px;
 top: 10px;
 padding-right: 20px;
 padding-bottom: 10px;
 }
/* move first paragraph up a little */
#pg_prez-sez p.first {
 margin-top: 15px;
 }
#pg_prez-sez #sidebar p.the-first {
	margin-top: 1.5em;
	} 
 
/* proposed changes to entries at monthly meetings (Feb-Mar 2011) */
#sidebar ul.disc {
 list-style: disc !important;
 margin-left: 2em;
 }
#sidebar ul.disc li {
 line-height: 1.2;
 margin-bottom: .8em;
 }
#sidebar ul.disc span {
 font-weight: bold;
 }
#pg_proposed-changes #sidebar p {
 line-height: 1.8;
 }
#member_news span.special {
 color: #f00;
 }

/* QL - Artist of the Month transition */
span.transition {
 padding: .05em .5em;
 margin-left: -.5em;
 background-color: #0085aa;
 background-color: #ff7700;
 color: #fff;
 opacity: 0.5;


				 opacity: 1.0;


 /* Firefox */
 -moz-transition-property: opacity;
 -moz-transition-duration: 1s;
 -moz-transition-delay: .1s;
 /* WebKit */
 -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  -webkit-transition-delay: .1s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 1s;
  -o-transition-delay: .1s;
 /* Standard */
 transition-property: opacity;
 transition-duration: 1s;
 transition-delay: .1s;
 -moz-border-radius: .9em;
 -webkit-border-radius: .9em;
 border-radius: .9em;
 border: 2px solid #ff7700;
 }

span.transition a:link {
 text-decoration: none;
 color: #fff;
 }
 
span.transition:hover {
/* opacity: 1; */

					background-color: #00b7c5;
					border: 2px solid #00b7c5;
 }

/*  REDO transition for Artist of the Month  */
/*  make it start the dark orange and change to black */

 
 
/* =TEMPORARY STYLING for 2011 Spring Show page */
ul.title-TEMP {
   text-align: center;
	 font-size: 1.5em;
	 color: #00b7c5;
	 border-bottom: 1px dotted #00b7c5;
	 padding-top: .3em;
	 }
ul.other-winners {
   text-align: center;
	 margin: 0 12em;
	 border: 1px solid #00b7c5;;
	 }
ul#special li.name {
   margin-bottom: 24px;
	 }
ul.other-winners li.emphasis {
   color: #00b7c5;
	 font-size: 1.3em;
	 font-weight: bold;
	 }
ul.other-winners li span {
   font-weight: bold;
	 }
	 
/* STYLING for SCAM ALERT added 01/10/12 */

body.scam {
	background-color: #ff0 !important;
	background-image: none;
	}
body.scam #content {
	background-color: #ddd !important;
	background-color: #eee !important;
	background-image: none;
	width: 95%;
	margin-left: -30px;
	padding-left: 20px;
	}
body.scam #wrap-all {
	backgrounbd-color: #f30;
	}
.scam h2 {
	margin-top: 1em !important;
	text-transform: uppercase;
	font-size: 3em !important;
	font-weight: bold;
	color: #f00 !important;
	}
.scam h3 {
	color: #f00 !important;
	font-weight: bold;
	}
ul.scam {
	margin-left: 60px !important;
	}	
ul.scam li {
	list-style-type: disc;
	padding-left: 10px;
	}
.scam h4 {
	margin-bottom: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	color: #00f;
	font-weight: bold;
	border-bottom: 1px solid #00f;
	font-style: italic;
	}
.scam h4 a {
	font-style: normal;
	}
.scam p.first {
	margin-top: 25px;
	}
p.scam a {
	margin-top: 30px;
	margin-bottom: 16px;
	position: relative;
	top: 30px;
	}
#pg_index #sidebar h3.scam a:link,
#pg_index #sidebar h3.scam a:visited,
#pg_index #sidebar h3.scam a:hover,
#pg_index #sidebar h3.scam a:focus,
#pg_index #sidebar h3.scam a:active {
	color: #f00;
	font-size: 1.5em;
	}
#pg_index #sidebar p span.scam {
	margin-left: -76px !important;
	}
#pg_index #sidebar p.scam a span.scam {
	text-decoration: underline;
	}
#pg_index #sidebar p.scam a {
	color: #f00 !important;
	font-weight: bold !important;
	text-decoration: underline !important;
	}
body.scam span.emphasize {
	color: #f00;
	font-size: 1.1em;
	}
body.scam h2 {
	-moz-text-shadow: .03em .03em .05em #000;
	-o-text-shadow: .03em .03em .05em #000;
	-webkit-text-shadow: .03em .03em .05em #000;
	text-shadow: .03em .03em .05em #000;
	}
 body.scam h3 {
 	-moz-text-shadow: .04em .04em .06em #000;
	-o-text-shadow: .04em .04em .06em #000;
 	-webkit-text-shadow: .04em .04em .06em #000;
	text-shadow: .04em .04em .06em #000;
	}
body.scam span.emphasize-std {
	color: #000;
	font-weight: bold;
	}
span#larger {
	font-size: 1.5em !important;
	-moz-text-shadow: .03em .03em .05em #000;
	-o-text-shadow: .03em .03em .05em #000;
	-webmit-text-shadow: .03em .03em .05em #000;
	text-shadow: .03em .03em .05em #000;
	}
body.scam #wrap-all {
	-moz-border-radius: 2em;
	-o-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	border: 2px solid #555;
	}
body.scam #branding {
	-moz-border-radius: 2em;
	-o-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	}
#pg_index #sidebar a span {
	border-bottom: 1px solid #f00;
	}

/* styling Artist of the Year, added 01/24/2012 */
#pg_AoY #content {
	width: 70%;
	}
	
#pg_AoY #sidebar {
	width: 20%;
	}
#pg_index #sidebar h3.AofYear {
	font-size: 1.7em;
	margin-bottom: -10px;
	}

#sidebar p.first {
	margin-top: 0.5em;
	margin-bottom: 1em;
	}
	
#pg_index #sidebar p.first span {
	border: 0px;
	}