#navbar {width: 598px; height: 26px; margin: 0 0 0 15px; font: 1em Verdana, Arial, sans-serif; background: green;}/* WAS width 480px for 4 blocks; Stu WAS height: 26px; 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 {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: -24px;} /* position the top of the flyout first sub-limenus :WAS -25px */
.nav ul.fly2 {top: -41px;} /* position the top of the flyout sub-limenus with previous text on two lines :WAS -41px */
/* 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 {}
/* ---------------------------------------------------------------------------- */


/* MINE- NEW 9-16-09 */
#main-h-nav {width:100%;height:40px;margin:0;padding:0;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;font-variant:small-caps;font-size:20px;letter-spacing:1px;background:#ffffff;color:#000000;}
#main-h-nav ul {display:inline-block;height:40px;margin:0 auto;padding:0;list-style:none;white-space:nowrap;}
#main-h-nav ul li {display:block;float:left;list-style:none;margin:0;padding:0;text-align:center;}
#main-h-nav ul li a {display:block;float:left;width:120px;height:40px;margin:0 0 0 1px;padding:3px 10px;line-height:200%;background:#f0a82f;color: #190b04;text-decoration:none;}
#main-h-nav ul li a:hover {background:#3a4c5c;color:#ffffff;text-decoration:underline;}
#main-h-nav ul li a.active, #main-h-nav ul li a.active:hover {background:#000000;color:#ffffff;font-weight:bold;}

#main-h-nav ul li a.galleries {display:block;float:left;width:120px;height:40px;margin:0 0 0 1px;padding:3px 10px;line-height:200%;background:#ffffff;color:#000000;text-decoration:none;border:1px solid #000000;}
#main-h-nav ul li a.tree {display:block;float:left;width:150px;height:40px;margin:0 0 0 1px;padding:3px 10px;line-height: 200%;background:#115e02;color:#ffffff;text-decoration:none;}


#sub-h-nav {clear:both;float:left;width:100%;overflow:hidden;}
#sub-h-nav ul {float:left;position:relative;left:50%;list-style-type:none;margin:10px auto;padding:0;}
#sub-h-nav ul li {float:left;position:relative;right:50%;}
#sub-h-nav ul li a, a:visited, a:active {width:auto;display:block;text-decoration:none;padding:8px 16px;font-size:14px;background:#ffec8b;color:#000000;border:1px solid #fff;}/*background:yellow;font color:black */
#sub-h-nav ul li a:hover {background:#cc3b1e;color:#ffffff;}/*background:red;font color:white */

#sub-h-nav ul li.first {background:#ffec8b;color:#000000;}/*background:yellow;font color:black */
#sub-h-nav ul li.here {background:#cc3b1e;color:#ffffff;}/*background:red;font color:white */
#sub-h-nav ul li.here a:link, a:visited, a:active {background:#cc3b1e;color:#ffffff;text-decoration:none;}
#sub-h-nav ul li.here a:hover {background:#cc3b1e;color:#ffffff;text-decoration:underline;}


/* ================================================================ 
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/total_background.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#galleries-h-nav {position:relative;width:750px;height:50px;margin:0 auto;background: url(http://www.drawingself.com/images/galleriesnav/icon_home_750w50h.jpg) left top; border:1px solid #000000;}
#galleries-h-nav ul {position:absolute;left:0;top:0;width:750px;height:50px;margin:0;padding:0;list-style:none;z-index:10;}
#galleries-h-nav ul li {float:left;padding:0;}
#galleries-h-nav ul li a, a:visited {display:block;float:left;height:50px;line-height:50px; text-decoration:none;margin:0;padding:0 15px;font-size:14px;font-weight:normal;font-variant:small-caps;color:#000000; background:#ffffff;border-right:1px solid #000000;}

#galleries-h-nav ul li a.current {background:#ffec8b;color:#000000;}
#galleries-h-nav ul li a:hover.current {background:#ffec8b;color:#000000;}

#galleries-h-nav ul li a:hover {background:#cc3b1e;color:#ffffff;white-space:nowrap;text-decoration:underline;}
/* background: red; font color: white */
#galleries-h-nav ul li a:hover b {display:block;width:750px;height:50px;position:absolute;left:0;top:0;z-index:-1;}

#galleries-h-nav ul li a:active {display:block;float:left;height:50px;line-height:50px;text-decoration:none;margin:0; padding:0 11px;font-size:14px;font-weight:normal;font-variant:small-caps;color:#000000;background:#ffffff;border-right:1px solid #000000;}

#galleries-h-nav ul li#home {padding-left:80px;}
#galleries-h-nav ul li#flamingos a {border:0;}


#galleries-h-nav ul li#home a b {background: url(http://www.drawingself.com/images/galleriesnav/icon_home_750w50h.jpg) no-repeat left 100px;}
#galleries-h-nav ul li#postgraduate a b {background: url(http://www.drawingself.com/images/galleriesnav/grace_750w50h.jpg) no-repeat left 100px;}
#galleries-h-nav ul li#graduate a b {background: url(http://www.drawingself.com/images/galleriesnav/personal_750w50h.jpg) no-repeat left 100px;}
#galleries-h-nav ul li#undergraduate a b {background: url(http://www.drawingself.com/images/galleriesnav/_750w50h.jpg) no-repeat left 100px;}
#galleries-h-nav ul li#realistic a b {background: url(http://www.drawingself.com/images/galleriesnav/willie_750w50h.jpg) no-repeat left 100px;}
#galleries-h-nav ul li#flamingos a b {background: url(http://www.drawingself.com/images/galleriesnav/flamingos_750w50h.jpg) no-repeat left 100px;}


#galleries-h-nav ul li#home a:hover b {background: url(http://www.drawingself.com/images/galleriesnav/icon_home_750w50h.jpg) left top;}
#galleries-h-nav ul li#postgraduate a:hover b {background: url(http://www.drawingself.com/images/galleriesnav/grace_750w50h.jpg) left top;}
#galleries-h-nav ul li#graduate a:hover b {background: url(http://www.drawingself.com/images/galleriesnav/personal_750w50h.jpg) left top;}
#galleries-h-nav ul li#undergraduate a:hover b {background: url(http://www.drawingself.com/images/galleriesnav/_750w50h.jpg) left top;}
#galleries-h-nav ul li#realistic a:hover b {background: url(http://www.drawingself.com/images/galleriesnav/willie_750w50h.jpg) left top;}
#galleries-h-nav ul li#flamingos a:hover b {background: url(http://www.drawingself.com/images/galleriesnav/flamingos_750w50h.jpg) left top;}
/* END GALLERIES NAV */



.v-list-contain {width: 90%; margin: 2em; padding: 5px; border: 1px solid #000;}
.v-list-contain ul {list-style: none; margin-left: 0;  padding-left: 1em; text-indent: -1px; border: none;}/*'text-indent:-1px;' creates a hanging indent*/
.v-list-contain ul li {list-style: none; margin-left: 0; padding-left: 0;} 

.inline-list {width:90%;margin:2em;padding:5px;border:1px solid #000;} 
.inline-list ul, .inline-list li {display:inline;list-style:none;margin:0;padding:0;border:none;}
.inline-list h1, .inline-list p {display:inline;margin:0;padding: 0;}

ul.plain {display: inline; margin-left: 0;  padding-left: 0; border: none;} 
ul.plain li {display: inline; list-style: none; margin-left: 0; padding-left: 2px; border: none;} 
ul.plain li h1 {display: inline; margin: 0; padding: 1px 1px 1px 2px;}

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

ul.dottedpipe {display:inline;margin-left:0;padding-left:0;} 
ul.dottedpipe li {display:inline;list-style:none;margin-left:0;padding:5px 15px;border-left:1px dotted #000;}
ul.dottedpipe li.first {display:inline;list-style: none;margin-left:0;border-left: none;}

ul.tabs {display: inline; margin-left: 0; padding-left: 0;} 
ul.tabs li {display: inline; list-style: none; margin-left: 0; margin-bottom: 0; padding: 2px 15px 5px; border: 1px solid #000; }
ul.tabs li.here {display: inline; list-style: none; border-bottom: 1px solid #ffc;}

ul.tabs2 {margin-left: 0; padding: 3px 0; font: bold 12px Verdana, sans-serif; border-bottom: 1px solid #778;}
ul.tabs2 li {display: inline; list-style: none; margin: 0;}
ul.tabs2 li a {margin-left: 3px; padding: 3px 0.5em; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;}
ul.tabs2 li a:link {color: #448;}
ul.tabs2 li a:visited {color: #667;}
ul.tabs2 li a:hover {color: #000; background: #AAE; border-color: #227;}
ul.tabs2 li a#current {background: white; border-bottom: 1px solid white;}

.block {float: left; width: 100%; background: yellow; font-size: 93%; line-height: normal;}
ul.block {list-style: none; margin: 0; padding: 0;} 
ul.block li {float: left; margin: 0; padding: 0; background: url ("norm_right.jpg") no-repeat right top;}
ul.block a {display: block; background: url ("norm_left.jpg") no-repeat left top; padding: 5px 15px;}

 
/* FOR GALLERY PAGES */
#leftmenu {float:right;width:180px;margin:10px 0 0 0;padding:5px 2px 20px 2px;text-align:left;color:#000000;line-height:19px;background:#edebd6;border:none;}
#leftmenu h3 {margin:2px 0 3px 2px;padding:2px;font-size:18px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;}
#leftmenu h3 a:link {color:#000000;font-weight:normal;text-decoration:none;}
#leftmenu h3 a:visited {color:#000000;font-weight:normal;text-decoration:none;}
#leftmenu h3 a:hover {color:#000000;font-weight:normal;text-decoration:underline;}
#leftmenu h3 a:active {color:#000000;font-weight:normal;text-decoration:none;}

#leftmenu ul {width:150px;list-style-type:none;margin:5px 0 5px 15px;padding:2px;font-size:14px;background:#ffffff;border:1px dotted #000000;}
#leftmenu ul li {margin:0 0 2px 0;padding:2px 2px 2px 5px;color:#cc3b1e;font-weight:normal;font-variant:small-caps;border:none;}
#leftmenu ul li a:link {display:block;width:140px;margin:0 0 2px 0;padding:0 0 0 2px;background:transparent;color: #000000;text-decoration:none;font-weight:normal;font-variant:small-caps;}
#leftmenu ul li a:visited {display:block;width:140px;margin:0 0 2px 0;padding:0 0 0 2px;color: #000000;text-decoration:none;font-weight:normal;font-variant:small-caps;}
#leftmenu ul li a:hover {display:block;width:140px;margin:0 0 2px 0;padding:0 0 0 2px;background:#ffec8b;color:#000000;text-decoration:none;font-variant:small-caps;border:none;}
#leftmenu ul li a:active {display:block;width:140px;margin:0 0 2px 0;padding:0 0 0 2px;background:#ffffff;color: #000000;text-decoration:none;font-weight:normal;font-variant:small-caps;}

#leftmenu ul li.titles {font-size:13px;font-variant:small-caps;font-weight:bold;letter-spacing:1px;text-decoration: underline;border:none;}
#leftmenu ul li.noborder {border:none;}
#leftmenu ul li span {margin:0 0 2px 0;padding:0 0 0 5px;background:#cc3b1e;color:#ffffff;border:none;text-decoration:none;}

/*

*/