/* CSS Document */

body {
	font-size: 80%;
	text-align: center;
	color: #000033;
	background: #ffffff;
	margin: 0;
	padding: 0;
	}

a {
	text-decoration: none;
	color: #0099CC;
	font-size: 1em;
	}
	
a:hover {
	color: #333399;
	}
	
h1 {
	font-family: "Lucida Grande", sans-serif;
	margin: 0;
	padding: .5em 0 0 0;
	color: #000033;
	font-size: 1.5em;
	}

h2 {
	font-family: "Lucida Grande", sans-serif;
	margin: 0;
	padding: .5em 0 0 0;
	color: #000033;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	}
	
h3 {
	font-family: "Lucida Grande", sans-serif;
	margin: 0;
	padding: .5em 0 .5em 0;
	color: #000033;
	font-size: 1em;
	font-weight: bold;
	}
	
h4 {
	font-family: "Lucida Grande", sans-serif;
	margin: 0;
	padding: 1em 0 0 0;
	color: #000033;
	font-size: 1em;
	font-style: italic;
	}
	
p {
	font-size: .8em;
	}
	
ul {
	padding: 0 0 0 1em;
	margin: 0;
	}
	
li {
	padding: .25em;
	margin: 0;
	text-align: left;
	font-size: .8em;
	}
	
img {
	border-color: #999999 #666666 #666666 #999999;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	}
	
body#home img {
	border: 0;
	}
	
	
.italic {
	font-style: italic;
	}
	
.bold {
	font-weight: bold;
	}
	
.highlight {
	font-weight: bold;
	color: #009966;
	}
	
a .highlight:hover {
	color: #00CC66;
	}
	
.center {
	text-align: center;
	}
	
.quote {
	font-style: italic;
	margin: 0;
	padding: 0 0 0 2em;
	font-size: 1em;
	}
	
.path {
	color: #333399;
	}
	
p.right img {
	float: right;
	margin: 0 0 1em 2em;
	padding: 0;
	border-color: #999999 #666666 #666666 #999999;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	}
	
p.left img {
	float: left;
	margin: 0 2em 1em 0;
	padding: 0;
	border-color: #999999 #666666 #666666 #999999;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	}
	
ul li.left {
	padding: 0 0 1em 0;
	margin: 0;
	}

li.left {
	float: left;
	list-style: none;
	padding: 0;
	margin:0;
	}
	
li.left img {
	border: none;
	padding: 0 .25em 0 .25em;
	}
	
ul.plain { /*format the individual u elements to have no text style*/
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
p.list { /*format individual p elements to have no upper and no lower padding and margin for listing without ul*/
	padding: 0;
	margin: 0;
	font-size: 95%;
	}
	
div#container {
	font-size: 1.5em;
	max-width: 95%;
	margin: 10px auto;
	text-align: left;
	background: #ffffff;
	}
	
div#footer p {
	font-size: .8em;
	text-align: center;
	}
	
.clearfloat {
	clear: both;
	height: 0;
	}
	
div#content-container {
	margin: .5em 0 2em 0;
	float: right;
	width: 80%;
	max-width: 80%;
	background: #ffffff;
	}
	
div.content {
	float: left;
	width: 60%;
	max-width: 60%;
	padding: .2em .25em 0 0;
	background: #ffffff;
	}

.content p {
	margin: 1em 0 1em 0;
	}
	
div.content-wide {
	float: left;
	width: 95%;
	max-width: 95%;
	padding: .2em .25em 0 .5em;
	background: #ffffff;
	}

.content-wide p {
	margin: 1em 0 1em 0;
	}
	
div.right-content {
	float: right;
	width: 20%;
	max-width: 20%;
	padding: 0 30px 0 15px;
	margin: 0;
	background: #ffffff url(_images-wpascbwi/orange_dot.png) repeat-x bottom;
	font-size: 80%;
	background: #ffffff;
	}
	
.right-content h4 {
	padding: 0 0 .25em 0;
	margin: 0;
	}
	
.right-content h3 {
	padding: 1.5em 0 .25em 0;
	margin: 0;
	}
	
div#specs {
	margin: 1em 0 1em 0;
	padding: 5px 15px 0 0;
	}
	
#specs p {
	margin: 0;
	padding: 0;
	}
	
#specs iframe {
	float: left;
	margin: 0 2em 1em 0;
	padding: 0;
	}
	
div.short-container {
	float: left;
	display: inline;
	min-height: 11em;
	max-height: 20em;
	width: 16em;
	padding: .5em;
	margin: .5em;
	font-size: .8em;
	text-align: left;
	}
	
.short-container p {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	}
	
.short-container h4 {
	margin: 0;
	padding: .5;
	font-size: 60%;
	text-align: left;
	}
	
.short-container a img:hover {
	float: none;
	margin: 0 0 0 0;
	border-color: #009999 #00CC99 #00CC99 #009999;
	border-width: 2px 3px 3px 2px;
	padding: 0;
	border-style: solid;
	}
	
div.tall-container {
	float: left;
	display: inline;
	min-height: 18em;
	max-height: 20em;
	width: 16em;
	padding: .5em;
	margin: .5em;
	text-align: left;
	font-size: .8em;
	}
	
.tall-container p {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	}
	
.tall-container h4 {
	margin: 0;
	padding: .5;
	font-size: 60%;
	font-size: .8em;
	text-align: left;
	}
	
.tall-container a img:hover {
	float: none;
	margin: 0 0 0 0;
	border-color: #009999 #00CC99 #00CC99 #009999;
	border-width: 2px 3px 3px 2px;
	padding: 0;
	border-style: solid;
	}
	
div.block {
	margin: 1em 0 1em 0;
	padding: 0 4em 0 3em;
	}
	
.block p {
	padding: 0;
	margin: 0;
	}

div#thumbnails { 
	float: right;
	padding: 0;
	width: 85px;
	}
	
#thumbnails img {
	float: left;
	display: inline;
	margin: 3px;
	}
	
#thumbnails a img:hover {
	margin: 3px;
	border-color: #009999 #00CC99 #00CC99 #009999;
	border-width: 1px 2px 2px 1px;
	padding: 0;
	border-style: solid;
	}
	
div.photo-container {
	height: 400px;
	min-width: 370px;
	padding: .5em .5em .5em 0;
	margin: .5em .5em .5em 0;
	font-size: .8em;
	text-align: center;
	}
	
.photo-container p {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	}
	
.photo-container h4 {
	margin: 0;
	padding: .5;
	font-size: 60%;
	text-align: left;
	}
	
div#header {
	max-width: 95%;
	height: 4.3em;
	min-height: 131px;
	margin: 10px auto;
	text-align: left;
	padding: 0 1em 0 0; 
	background: #ffffff;
	}
	
#header h1 {
	color: #009966;
	font-size: 2em;
	text-align: center;
	padding: .5em 0 0 0;
	}

#header h2 {
	color: #333399;
	font-size: 1em;
	text-align: center;
	padding: 0;
	}
	
#header img img {
	padding: 30px 0 0 0;
	}

#header a img {
	border: none;
	}
	
/*  IDs for v-nav so links color and weight change to indicate link is active */
	
#current-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#index-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#contact-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#newbooks-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#illustrators-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#speakers-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#yearbook-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#news-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#articles-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#critique-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#development-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#contests-pg {
	color: #333399;
	/* font-weight: bold; */
	}
	
#membership-pg {
	color: #333399;
	/* font-weight: bold; */
	}

div#v-nav {
	float: left;
	padding: .5em 0 0 0;
	width: 20%;
	max-width: 20%;
	height: 100%;
	margin: 1em 0 2em 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 60%;
	color: #000033;
	/*background: #ffffff url(_images-wpascbwi/orange_dot.png) repeat-y right;*/
	}
	
#v-nav ul {
	list-style: circle;
	padding: 0 0 0 2.8em;
	}
	
#v-nav li {
	padding: 0 1em .5em 0;
	margin: 0 1em 0 0;
	font-size: 1em;
	}

#v-nav h3 {
	padding: 1em 1em 10px 1em;
	}

#v-nav p {
	padding: 0 1em .5em 1.25em;
	margin: 0 1em 0 0;
	font-size: 1em;
	}
	
#v-nav a:hover {
	color: #333399;
	/* font-weight: bold; */
	}
	
/*ANYTHING BELOW IS NOT IN USE*/
	
#v-nav a:hover, body#home #t-home a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#speakers #t-speakers a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#gallery #t-gallery a {
	color: #333399;
	font-weight: bold;
	}

#v-nav a:hover, body#bd-contacts #t-bd-contacts a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#scrapbook #t-scrapbook a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#events #t-events a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#contests #t-contests a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#newsletters #t-newsletters a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#critique-gps #t-critique-gps a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#development #t-development a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#membership #t-membership a {
	color: #333399;
	font-weight: bold;
	}

#v-nav a:hover, body#articles-development #t-articles-development a {
	color: #333399;
	font-weight: bold;
	}

#v-nav a:hover, body#articles-promotional #t-articles-promotional a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#adamsjacqueline #t-adamsjacqueline a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#albertsnancy #t-albertsnancy a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#alexandersally #t-alexandersally a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#amaditzdavid #t-amaditzdavid a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#ayreskathy #t-ayreskathy a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#baickermckeecarol #t-baickermckeecarol a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#balderosenancy #t-balderosenancy a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#ballliz #t-ballliz a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#beckerjohn #t-beckerjohn a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#bortzfred #t-bortzfred a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#crawleydave #t-crawleydave a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#eastonpatricia #t-eastonpatricia a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#eastonrichard #t-eastonrichard a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#flahertymildred #t-flahertymildred a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#giguerelisa #t-giguerelisa a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#griffinkitty #t-griffinkitty a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#harshmancheryl #t-harshmancheryl a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#harshmanmarc #t-harshmanmarc a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#howardelizabeth #t-howardelizabeth a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#jonesliz #t-jonesliz a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#klugdave #t-klugdave a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#lausojudith #t-lausojudith a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#libbeyrhonda #t-libbeyrhonda a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#mandersjohn #t-mandersjohn a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#mcclenathanlouise #t-mcclenathanlouise a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#mckennacolleen #t-mckennacolleen a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#pearlsydelle #t-pearlsydelle a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#pedrowdebra #t-pedrowdebra a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#perryandrea #t-perryandrea a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#pressjudy #t-pressjudy a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#oconnellrebecca #t-oconnellrebecca a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#skultetynancy #t-skultetynancy a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#smuckeranna #t-smuckeranna a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#thompsonnora #t-thompsonnora a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#trimbleanne #t-trimbleanne a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#williamskaren #t-williamskaren a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#wrightsusan #t-wrightsusan a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#zebrowskimarianne #t-zebrowskimarianne a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#showcase08 #t-showcase08 a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#retreat07 #t-retreat07 a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#retreat08 #t-retreat08 a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#illustratorclass07 #t-illustratorclass07 a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#conference07 #t-conference07 a {
	color: #333399;
	font-weight: bold;
	}
	
#v-nav a:hover, body#conference06 #t-conference06 a {
	color: #333399;
	font-weight: bold;
	}
	
	div#h-nav {
	max-width: 95%;
	height: 2em;
	margin: 0 auto;
	text-align: left;
	padding: 0 1em 0 0; 
	}
	
#h-nav ul {
	padding: 0;
	list-style: none;
	text-align: center;
	}
	
#h-nav li {
	display: inline;
	padding: 0 2em 0 2em;
	font-size: 1.25em;
	font-family: "Lucida Grande", sans-serif;
	}
	
#h-nav a {
	text-decoration: none;
	color: #009966;
	}
	
#h-nav a:hover {
	color: #333399;
	}