@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #000000;
	background-color: #666666;
	line-height: 1.33em;
	letter-spacing: 0.2em;
}
a:link,a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover,a:active  {
	color: #FFFFFF;
	text-decoration: underline;
}

/******************* Wrapper including Background images *******************/

#wrapper  /* wrapper height is same height as background images 561px */
 {
	text-align: left;
	width: 940px;
	margin: 12px auto 0px auto;
	background-position: center 35px;
	background-repeat: no-repeat;
	position: relative;
	height: 596px;
}
.pixfront {
background-image: url(../images/joseph_gierek_front.jpg);
}
.pixgallery1 {
background-image: url(../images/gallerypage.jpg);
}
.pixgallery2 {
background-image: url(../images/artistpage.jpg);
}
.pixcadilac {
background-image: url(../images/cadilac.jpg);
}

/*******************   Header and Titles   *******************/
#header  {
	border: 0;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 300px;
}
/***** Titles Shared Style *****/
#titles h1 {
	font-size: 21px;
	font-variant: small-caps;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	letter-spacing: 3px;
	padding-left: 65px;
	padding-top: 71px;
	font-weight: normal;
}
/***** Title - unique for GALLERY & ARTISTS page *****/
#titles .gallerypg, #titles .artistspg  {
	padding-left: 90px;
}
/***** Title - unique for ARTISTS SUBMISSIONS page *****/
#titles .artsubmitpg {
	padding-left: 100px;
}
/***** Title - unique for CONTACTS *****/
#titles .contactspg {
	padding-left: 97px;
}
/***** Title - unique for LINKS page *****/
#titles .linkspage {
	color: #000000;
	padding-top: 30px;
	padding-bottom: 3px;
	padding-left: 80px;
	font-size: 17px;
	font-variant: small-caps;
}
/***** Title - unique for individual ARTIST page *****/
#titles .artistpage {
	font-size: 15px;
	font-variant: normal;
}

/*******************   Main Content   *******************/
#maincontent {
	color: #000000;
	/*	overflow: auto;
*/	height: 340px;
	margin-left: 100px;
	margin-top: 65px;
	padding-right: 10px;
	margin-right: 120px;
}
#maincontent p {
	padding-bottom: 0.7em;
}

#maincontent a:link, a:visited {
	color: #000000;
}
#maincontent a:hover {
	text-decoration: underline;
  color: #FFFFFF;
}
#maincontent a:active {
	color: #000000;
}
#maincontentartist {
	color: #000000;
	/*	overflow: auto;
*/	height: 340px;
	margin-left: 60px;
	padding-right: 10px;
	margin-right: 120px;
}
#maincontentartist p {
	padding-bottom: 0.7em;
}

#maincontentartist a:link, a:visited {
	color: #000000;
}
#maincontentartist a:hover {
	text-decoration: underline;
  color: #FFFFFF;
}
#maincontentartist a:active {
	color: #000000;
}
.sanserif  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.33em;
	letter-spacing: normal;
	color: #000000;
	padding-bottom: 0.3em;
}
.top_buttbars {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	width: 10em;
	padding-top: 6px;
	padding-bottom: 8px;
	margin-top: 9px;
}
.smlcaps {
	font-variant: small-caps;
}
.black {
	color: #000000;
}
.times13 {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
}
.smlcaps19 {
	font-size: 19px;
	font-variant: small-caps;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: .3em;
}
.smlcapsoff {
	font-variant: normal;
}
#column_exhib {
	float: left;
	text-align: center;
	width: 720px;
}
#column_exhib  p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #333333;
	font-size: 13px;
	font-variant: normal;
	padding-bottom: 0.7em;
}
#column_exhib  img {
	padding-right: 17px;
	padding-left: 17px;
}
/***** past exhibitions page *****/
#leftcolumn_expo1 {
	float: left;
	width: 340px;
	margin-right: 20px;
	padding-bottom: 12px;
}
#leftcolumn_expo2 {
	float: left;
	width: 340px;
	padding-left: 28px;
}
#leftcolumn_expo1 img, #leftcolumn_expo2 img {
	padding-right: 4px;
}

/***** artists page *****/
#leftcolumn_artpic {
	float: left;
	width: 419px;
	text-align: right;
	padding-right: 58px;
	height: 333px;
	margin-top: 90px;
}
#ctrcolumn_art {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	color: #FFFFFF;
	position: relative;
	top: -30px;
	width: 160px;
	margin-right: 6px;
	margin-top: 78px;
}
#rightcolumn_art {
	float: left;
	width: 160px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	color: #FFFFFF;
	position: relative;
	top: -30px;
	margin-top: 78px;
}
.white11, .white11 a:link,  .white11 a:visited, .white11 a:active {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;
}
.white11 a:hover {
	color: #333333;
}
/*.white17 {
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
}*/
.artpics {  /* artist page */
	height: 145px;
	text-align: center;
}
.artpics img {
	padding-left: 15px;
  padding-right: 15px;
  border:0px;
}
/***** Artist Detail page *****/
.artpics_topmarg  {
	margin-top: 47px;
	text-align: center;
}

/***** gallery page *****/
#leftcolumn_gal {
	float: left;
	width: 480px;
}
.artpicpadding {
	padding-right: 10px;
	padding-left: 10px;
}
/***** links page *****/
.links {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 23px;
	letter-spacing: 3px;
	font-variant: small-caps; /* text needs to be input as intial caps and lowercase for small-caps to show  */
	color: #000000;
	padding-left: 66px;
}
.links   a:link, .links  a:visited {
	text-decoration: none;
	color: #000000;
}
.links   a:hover, .links  a:active {
	text-decoration: underline;
	color: #000000;
}
/***** misc *****/
#colleft {
	float: left;
	width: 400px;
	margin-right: 10px;
}
#colright {
	float: right;
	width: 300px;
}
.clear {
	clear: both;
}

/******************* Footer *******************/
#navfooter {
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 9px;
	padding-left: 19px;
	width: 900px;
	position: absolute;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 2px;
	font-weight: normal;
	top: 560px;
}

#navfooter li {
	list-style-type: none;
	display: inline;
	padding-right: 12px;
	line-height: 0.8em;
	padding-left: 7px;
	padding-bottom: 1px;
	padding-top: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#navfooter li.last {
	border-right-style: none;
}
#navfooter    a:link,a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#navfooter   a:hover,a:active {
	text-decoration: underline;
}

#on {
  color: #ffffff;
}

#off {
  color: #333333;
}
#titles a:hover {
  color: #FFFFFF;
}
a.regular:link {color:#000000}
a.regular:visited {color:#000000}
a.regular:hover {color:#FFFFFF}
a.regular:active {color:#000000}

#audio {
  position:absolute;
  top:35px;
  left:500px;
  text-align:left;
}