p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Helvetica, sans-serif;
 line-height: normal;
}



h1 {
 border-bottom: dotted 1px #ffffff;
  padding: 3px 5px;
 background: url(../nav-css/dotted-white.png) 0 0 repeat-x;
 font-weight: bold;
 font-size: 120%;
 text-indent: 5px;
 letter-spacing: 0px;
  background-color: #33cc33;
 color: #000;
}

h2 {
margin:1.5em 0 .75em;
font:bold 78%/1.4em "Helvetica",helvetica,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color: #ffffff;
}

h3 a {
color: #ffffff;}

h3 a:active {
color:#ffffff;}

h3 a:visited {
color: yellow;}

h3 a:hover {
color:#000000;
background-color: #33cc33;
text-decoration: underline;}
h3 {
margin: .25em 0 0;
padding: 0 0 4px;
font: Helvetica, sans-serif; 
font-size: 140%;
text-transform: uppercase;
color: #33cc33;
}

h4 { padding-top: 10px; color: white; font: bold 21px Helvetica, sans-serif; letter-spacing: -1px; text-transform: uppercase;  border-top: solid 1px #33cc33;
}



  
.dropdown-upward {
 margin-top: 100px !important;
 margin-left: auto;
 margin-right: auto;
}

.painting-img {
   padding:10px;
   border:20px solid #ffffff;
   background-color:#000000;
}

a img {
  border-width:0;
  }

.main {
  width:500px;
  float:left;
  text-align: left;
  }
.sidebar {
  width:470px;
  height:100%;
  float:right;
  text-align: left;
  }

ul.sidebar { margin: 0; padding: 0; list-style: none; padding-top: 0px; color: white; font: bold 15px Helvetica, sans-serif; letter-spacing: 0px; text-transform: uppercase;  border-top: solid 1px #33cc33;}


ul.sidebar {
 position: relative;
 z-index: 597;
 float: left;
}

ul.sidebar li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

	ul.sidebar li {
	 padding: 0 10px;
	 background-color: transparent;
	 color: white;
	}

	ul.sidebar li.last ul li {
	 float: right;
	}

	/* -- main links -- */
	ul.sidebar li.hover,
	ul.sidebar li:hover { background-color: #33cc33; color: black; }

	ul.sidebar a:link,
	ul.sidebar a:visited	{ color: white; text-decoration: none; }
	ul.sidebar a:hover		{ color: black; background-color: #33cc33; }
	ul.sidebar a:active	{ color: white; }


	/* -- level mark -- */

	ul.sidebar ul { color: black; background-color: #33cc33; font-size: 12px; letter-spacing: normal; }

	* html ul.sidebar ul {
	 width: 470px;
	}

		ul.sidebar ul li { color: black; font-weight: bold; }

		/* -- level mark -- */

		ul.sidebar ul ul {
		 margin-top: 5px;
		 text-transform: none;
		}

			ul.sidebar ul ul li {
			 font-weight: normal;
			}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 */


ul.sidebar *.dir {

}

ul.sidebar ul *.dir {
 background-image: none;
}


ul.sidebar li a {
 display: block;
 padding: 0 10px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.sidebar li { padding: 0; }


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

ul.sidebar li.dir {
 padding: 0 10px 0 10px;
}

ul.sidebar li.dir:hover {

}

ul.sidebar ul li.dir {
 padding: 10px;
}


/*-------------------------------------------------/
 * @section		Custom
 */

ul.sidebar ul { padding: 0px 0px 0px 0px; margin-left: 0px; }

/*-------------------------------------------------/
 * width of drop down links, not title
 */

ul.sidebar ul a {
 width: 250px;
 padding: 3px 5px;
 background: url(../nav-css/dotted.png) 0 0 repeat-x;
}

ul.sidebar ul a:hover {
 background-color: #33cc33;
 color: black;
}

ul.sidebar ul a:active {
 background-color: #33cc33;
 color: white;
}
ul.sidebar ul ul {
 padding: 0;
 margin-left: -5px; 
}