body {width: 100%; margin: 0; padding: 0; text-align: center; font: 0.7em/1.7em Verdana, sans-serif; color: #333; background: #ffffff;}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited, a:active {color: #555533; text-decoration: none;}
a:hover {color: #000000;}

#wrapper {width: 800px; margin: 0 auto; padding: 1.5em 0; background: #ffffff;}

/*========================================================================================== */
#masthead {width: 790px; height: 150px; margin: 0 5px 20px 5px; padding: 0; background: #fefbf2;}

#wop {float: left; width: 150px; height: 80px; margin: 0; padding: 0;}
#big {width: 100%; margin: 0; padding: 0; font: bold 56px/50px Rockwell, Georgia, Times, serif; color: #ff00cc; letter-spacing: -4px; text-align: center; background: #FF2400;}/* background: #349AC4; geraniamlake: #E31230; orangrred: #FF2400. COLOR: #F7B3DA; WAS Bronze: #8c7853; Pink: #ff00cc; */
h2 {width: 100%; margin: 0; padding: 0; font: bold 15px/30px Arial, sans-serif; color: #ff00cc; text-transform: uppercase; text-align: center; background: #FF2400;}/* WORKS ON PAPER - color: #CCFF00; background: #312235; */

#navbar {float: left; width: 478px; height: 26px; margin: 0 3px; padding: 0; font: 1em Verdana, Arial, sans-serif;}/* WAS width 480px for 4 blocks; ALA: background:#FBFAF4; */
/* ================================================================ 
This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/snowstorm.html Copyright (c) 2005-2010 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */
/* default styling */
.nav, .nav ul {list-style-type: none; margin: 0; padding: 0; float: left;}
.nav a {text-decoration: none;}
.nav a:visited {color: #ffffff;}
.nav {margin-bottom: -1px;}
/* style the links */
.nav a {float: left; background: #872112; color: #ffffff; text-align: center; line-height: 16px; padding: 4px 0; border: 1px solid #ffffff; margin-bottom: -1px;}/* WAS: red:#AE2F28; background: #bbb */
.nav a.sub-a {background: #872112;}/* WAS: background: #bbb */
.nav a:hover, .nav a:focus, .nav a:active {outline: 0; color: #ffffff; background: #6D1609;}/* WAS color: #fff; background: #222 */
/* this is for the path highlight in all browsers except IE6 and lower */
.nav li:hover > a {color: #ffffff; background: #6D1609;}/* WAS color: #fff; background: #222 */
/* WIDTH change this WITH CARE to suit your requirements */
.nav {width: 120px; margin-right: -1px;}
.nav a {width: 118px; margin-right: -119px;} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.nav ul li {max-width: 120px;} /* fix for IE8 */
/* flyout TOP positions */
.nav ul.fly {top: -25px;} /* position the top of the flyout first sub-limenus */
.nav ul.fly2 {top: -41px;} /* position the top of the flyout sub-limenus with previous text on two lines */
/* flyout LEFT/RIGHT positions */
.nav ul.fly {left: 119px;}
.nav .left ul.fly {left: auto; right: 119px;}
/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.nav ul {position: relative; margin-bottom: -10000px;} 
.nav ul li {float: left; clear: left;}
.nav a {position: relative;}
.sub-li {margin-top: -10000px;}
.sub-a {margin-top: 10000px;}
/* The bit that does ALL the work to bring the sub-limenus into view */
.sub-li a:hover, .sub-li a:focus, .sub-li a:active {margin-right: 0;}
/* OPERA fix */
.nav ul:hover {clear: left;}
/*IE5-7 fixes*/
.nav .sub-li {width: 100%;}
a:active {}
/* ---------------------------------------------------------------------------- */

h1 {clear: both; width: 95%; margin: 0; padding: 0; font: bold 22px/30px Times, serif; font-variant: small-caps; text-align: right;}/* CONTEMPORARY DRAWINGS - color: #A49D93; */

/* ============================================================================= */

img {border: none;}

dl {display: inline; margin: 0 0 10px 10px; text-align: left;}
dt {margin: 0 0 10px 10px; padding: 0; font: bold 1.5em Georgia, Times, serif;}/* Drawing title */
dd {margin: 0 0 0 10px; padding: 0; font: italic 0.9em/1.3em Georgia, serif;}

ul.vertical {list-style: none; margin: 0 auto; padding: 0;}
ul.vertical li {margin: 0 0 0.5em; line-height: 1.55em; text-align: left;}
ul.vertical li a:link, ul.vertical li a:visited, ul.vertical li a:active {color: #555; border-bottom: 1px solid #555;}/* SAME as sidebar */
ul.vertical li a:hover {color: #000; background-color: #f4f2e4; border-bottom: 1px solid #9A8E51;}

ul.pipe {display:inline;margin-left:0;padding-left:0;} 
ul.pipe li {display:inline;list-style:none;margin-left:0;padding:3px 10px;border-left:1px solid #000;}
ul.pipe li.first {display:inline;list-style:none;margin-left:0;border-left:none;}

p {margin:0 0.5em 1em;line-height:1.8em;text-align:left;}
/* CONTEMPORARY DRAWINGS: h1 {clear:both;width:95%;margin:0;padding:0;font: bold 22px/30px Times, serif;font-variant:small-caps;text-align:right;}
WORKS ON PAPER: h2 {width:100%;margin:0;padding:0;font:bold 15px/30px Arial, sans-serif;color:#ff00cc;text-transform:uppercase;text-align: center;background:#FF2400;}*/
h3 {margin:0 0.2em 1em;font:1.5em/2em Georgia, Times, serif;}/* Thumbpage series TITLE (LIKE H1) */
h4 {margin:0.5em 0.2em 0;font:bold italic 1.3em Times, serif;}/* Married */
h5 {display:inline;margin:0.5em 0.2em 0;font:1.2em/1.7em Georgia, Times, serif;}/* NOT USING for children */
h6 {margin:0.5em 0.2em 1em;font:1.2em Georgia, Times, serif;}/* SIDEBAR > Series list title */
h6>span {font-size:75%;}/* SIDEBAR > Series list title > (coming) */
h7 {margin:0.5em 0.2em 0;font:1.3em Georgia, Times, serif;}/* SIDEBAR > Search WOP */

.titles {font-size:12px;font-variant:small-caps;font-weight: bold;letter-spacing:1px;text-decoration:underline;border:none;}

.treeback {background: url(http://www.drawingself.com/images/tree_500w457h_30t.gif) top center no-repeat; height: 457px; padding: 0;}
/* 2 Columns = single image pages */
#content, #inner_wrapper {float: left; width: 590px; margin: 0; padding: 0 10px 50px; border-right: 1px solid #333333;}
/* 3 Columns = thumbnail pages */
#inner_wrapper #content {float: left; width: 450px; margin: 0 20px 0 0; padding: 10px; border: none;}
#inner_wrapper .thumbcol {float: left; width: 85px; margin: 0; padding: 0;}/*flamingos*/
#inner_wrapper .thumbcol > div {float: left; margin: 5px;}/*hold flamingo images*/

#content .image {float: right; margin: 0 10px 5px 30px; text-align: center;}/* ALA was illustration */
#content .image p {font: italic 95%/1.6em Georgia, serif; border-top: 1px dashed #ccc; margin: 0; padding-top: 5px;}
#content .image img {display: block;}/* ALA has: margin-bottom: 5px; */
.otherway, .left {float: left; margin: 0 20px 5px 0;}
.full {float: none; margin: 0;}
#content .full p {margin-bottom: 20px;}

#sidebar {float: left; width: 150px; margin: 0 0 0 15px; padding: 0 0 30px 0;}
#sidebar div {padding: 10px 0.5em; border-bottom: 1px dashed #B2B2B2;}
#sidebar div.first {padding-top: 0;}/* Search WOP form area */

/* Search WOP */
#search {margin: 0 auto; padding: 0; border: none !important;}
#myfield {vertical-align: top;}/* vertical-align: baseline or bottom */
#mysubmit {padding: 0 1px; margin: 0 0 2px 0; font: 0.9em Verdana, sans-serif; border: 1px solid #8c7853;}
/* Border: Bronze: #8c7853; */

#sidebar ul {list-style: none; margin: 0; padding: 0; text-align: left;}
#sidebar li {margin: 0 0 0.5em; line-height: 1.55em;}/* Mine WAS: padding: 0.5em 0 0.5em; */ 
#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {color: #555; border-bottom: 1px solid #555;}/* Mine WAS: border-bottom-width: 0; - ALA: NO active link */
#sidebar li a:hover {color: #000; background-color: #f4f2e4; border-bottom: 1px solid #9A8E51;}

#footer {clear: both; margin: 0; padding: 10px 0 0 0; text-align: center; border-top: 1px solid #000;}
#footer p {font-size: 90%; text-align: center;}
#footer p span {font-size: 90%;}

div.spacer {clear: both;}
.here {background: #ae2f28; color: #ffffff; padding: 2px 1px;}


.eight_fs {font-size: 8px;}
.nine_fs {font-size: 9px;}
.ten_fs {font-size: 10px;}
.eleven_fs {font-size: 11px;}
.twelve_fs {font-size: 12px;}
.seventyfive-pc_fs {font-size: 75%;}

.arial_font {font-family: arial; font-size: 12px;}
.georgia_font {font-family: georgia; font-size: 12px;}

.oblique_fs {font-style: oblique;}
.smallcaps_fv {font-variant: small-caps;}
.bold_fw {font-weight: bold;}
.uppercase_tt {text-transform: uppercase;}
.underline_td {text-decoration: underline;}

.left-text {text-align:left;}
.right-text {text-align: right;}
.center-text {text-align:center;}
.justify-text {text-align:justify;}

.border {border: 1px solid black; padding: 0px 1px;}
.border-left  {border-left: 1px solid black;}
.border-right  {border-right: 1px solid black;}
.border-none {border: none;}

.floatleft {float: left;}
.floatright {float: right;}
.eighty {width:80%;}
.lighter {font-weight:lighter;} 
.smaller {font-size:smaller;}


/* background: url(http://www.drawingself.com/images/conversations3_625w200h.jpg) no-repeat bottom right; */

/* ALA:
main {width:750px;}
content {width:540px;padding: 0 25px 0 20px}
#wrapper p {text-align: left; line-height: 1.8em; margin: 0 0 1em;}
.column {float: left;}
#content .title {font: 1.8em Georgia, Times, serif; margin-bottom: 0.5em;}
.title {text-transform: none; letter-spacing: 1px;}
*/