body { 
background-color: #000000;
background-image: url(bg-pattern.jpg); 
background-repeat: repeat-y; 
background-attachment: fixed; 
background-position: center; 
font: 14px Helvetica, sans-serif; 
color: #ffffff;
text-align: center;
margin-right: auto; 
margin-left: auto; 
}

#headernav-box{ background-image:url(header_background.jpg); background-repeat: repeat-x; width: 100%; text-align: center; height: 180px; }

#headernav{ margin: 0 auto; background-image:url(header.jpg); background-position: center; background-repeat: no-repeat; width: 980px; z-index: 100; height: 180px; text-align: center;}


a:link {
  color:#33cc33;
  text-decoration:none;
  }
a:visited {
  color:#33cc33;
  text-decoration:none;
  }
a:hover {
  color:#33cc33;
text-decoration: underline;
  }

.content {
width: 1000px;
margin-right: auto; 
margin-left: auto; 
}

.footer {
width:1000px;
clear:both;
margin:0 auto;
  }

p { margin-bottom: 1em; }

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

}

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



h1 {
margin:1.5em 0 .75em;
font:bold 78%/1.4em "Helvetica",helvetica,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color: #33cc33;
}
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: #33cc33;}

h3 a:active {
color:#ffffff;}
h3 a:visited {
color: #33cc33;}
h3 a:hover {
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;
}

.painting-img2 {
   padding:8px;
   border:13px solid #ffffff;
   background-color:#000000;
}
.painting-thumb {
width: 55px;
height: 55px;
}

a img {
  border-width:0;
  }

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

.epk-main {
  width:770px;
  float:left;
  text-align: left;
  }

.epk-left {
  width: 500px;
  height:100%;
  float: left;
  text-align: left;
  }

.epk-middle {
  width:250px;
  height:100%;
  float: right;
  text-align: left;
  }

.epk-middle img {
border: 2px solid #fff;
  }

.epk-right {
  width:480px;
  height:100%;
  float: right;
  text-align: left;
  }
  
.epk-right img {
padding: 4px;
border: 1px solid #33cc33;
  }


.epk-left2 {
  width: 500px;
  height:100%;
  float: left;
  text-align: left;
  clear: both;
  }


.epk-right2 {
  width:480px;
  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(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; 
}