/***************      Core Styling     ******************/

BODY {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
	margin: 0;
	padding: 0;
	color: #000000;
}

.bodyText {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.bodyText80 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	letter-spacing: normal;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	letter-spacing: normal;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	letter-spacing: normal;
}
H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: normal;
}
H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: normal;
}

P {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
BLOCKQUOTE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 10px;
}

UL {
	list-style: disc;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 1em;
	padding-left: 1em;
}

LI {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 2px;
}

IMG {
	margin: 0;
	padding: 0;
	border: 0;
}

A:link { 
	color: #004FB6;
	text-decoration: underline;
}

A:visited { 
	color: #5185C7;
	text-decoration: underline;
}

A:hover { 
	text-decoration: underline;
	color: #0F4589;
}


#wrapper {
  width: 100%;
  margin:0 auto;
  overflow: hidden;
  text-align: left;
  background: #F2F4F7;
}

#wrapper_sagegreen {
  width: 100%;
  margin:0 auto;
  overflow: hidden;
  text-align: left;
  background: #F5F7F0;
}

#wrapper_orange {
  width: 100%;
  margin:0 auto;
  overflow: hidden;
  text-align: left;
  background: #4C3C48;
}

/*** previous background color: background: #FAEFE0;  ***/ 


/********     Page Header Elements    *******/
/********     Joe's Gallery     *********/

#top_header_gallery_joe_index {
  background-color: #54596E;
}

#top_nav_gallery_joe_index {
  background-color: #54596E;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 17px;
}

#top_nav_gallery_joe_index a:link {
  color: #D9D9D9;
  background-color: #60687F;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#top_nav_gallery_joe_index a:visited {
  color: #D9D9D9;
  background-color: #60687F;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#top_nav_gallery_joe_index a:hover {
  color: #D9D9D9;
  background-color: #49506F;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#lower_header_wrapper_joe {
  overflow: auto;
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
  background-image: url(../images_joe/gallery_bluegray_gradient.jpg);
}


/********     Althea's Gallery     *********/

#top_header_gallery_althea_index {
  background-color: #646D52;
}

#top_nav_gallery_althea_index {
  background-color: #646D52;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 17px;
}

#top_nav_gallery_althea_index a:link {
  color: #DBDDCE;
  background-color: #484C3C;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#top_nav_gallery_althea_index a:visited {
  color: #DBDDCE;
  background-color: #484C3C;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}

#top_nav_gallery_althea_index a:hover {
  color: #DBDDCE;
  background-color: #3D4133;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#lower_header_wrapper_althea {
  overflow: auto;
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
  background-image: url(../images_althea/gallery_sagegreen_gradient.jpg);
}

.gallery_image_panel_sagegreen {
  background-color: #484C3C;
  width: 475px;
  margin: 0;
  margin-bottom: 60px;
}

.gallery_image_panel_sagegreen img {
  padding-top: 10px;
  padding-left: 10px;
}

.gallery_image_panel_sagegreen p {
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: .9em;
}

.gallery_text_panel_sagegreen {
  margin: 0;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 20px;
  border: 2px solid #646D52;
  background-color: #DFE5CF;
}

/********     end     *********/

/********     News & Exhibitions     *********/

#top_header_gallery_news_index {
  background-color: #89453a;
}

#top_nav_gallery_news_index {
  background-color: #89453a;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 17px;
}

#top_nav_gallery_news_index a:link {
  color: #DBDDCE;
  background-color: #763931;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#top_nav_gallery_news_index a:visited {
  color: #DBDDCE;
  background-color: #763931;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}

#top_nav_gallery_news_index a:hover {
  color: #DBDDCE;
  background-color: #89453a;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#lower_header_wrapper_news {
  overflow: auto;
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
  background-image: url(../../images_news/gallery_purple_gradient.gif);
}

.gallery_image_panel_purple {
  background-color: #89453a;
  width: 475px;
  margin: 0;
  margin-bottom: 60px;
}

.gallery_image_panel_purple img {
  padding-top: 10px;
  padding-left: 10px;
}

.gallery_image_panel_purple p {
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: .9em;
}

.gallery_text_panel_purple {
  margin: 0;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 20px;
  border: 2px solid #646D52;
  background-color: #4c3c48;
}

/********     end     *********/


/********     Contact     *********/

#top_header_gallery_contact_index {
  background-color: #84697E;
}

#top_nav_gallery_contact_index {
  background-color: #84697E;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 17px;
}

#top_nav_gallery_contact_index a:link {
  color: #DBDDCE;
  background-color: #4C3C48;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#top_nav_gallery_contact_index a:visited {
  color: #DBDDCE;
  background-color: #4C3C48;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}

#top_nav_gallery_contact_index a:hover {
  color: #DBDDCE;
  background-color: #84697E;
  font-weight: bold;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-left: 15px;
  margin: 0;
  border-top: 1px solid #777;
  border-right: 1px solid #444;
  border-left: 1px solid #777;
}	

#lower_header_wrapper_contact {
  overflow: auto;
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #000;
  background-image: url(../../images_contact/purple.gif);
}

.gallery_image_panel_orange {
  background-color: #DBDDCE;
  width: 475px;
  margin: 0;
  margin-bottom: 60px;
}

.gallery_image_panel_orange img {
  padding-top: 10px;
  padding-left: 10px;
}

.gallery_image_panel_orange p {
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: .9em;
}

.gallery_text_panel_orange {
  margin: 0;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 20px;
  border: 2px solid #DBDDCE;
  background-color: #DBDDCE;
}

/********     end     *********/

#lower_header_image {
  float: left;
  width: 40%;
}

#lower_header_image img {
  border-right: 1px solid #333;
}

#lower_header_subnav {
  float: left;
  clear: right;
  width: 360px;
  padding: 0;
  padding-top: 4px;
  margin: 0;
}

#lower_header_subnav ul {
  text-align: right;
  list-style: none;
  padding: 0;
}

#lower_header_subnav li {
  width: 360px;
}

#lower_header_subnav a:link {
  color: #EDEDED;
  font-size: .9em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #333;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 4px;
  padding-left: 5px;
}

#lower_header_subnav a:visited {
  color: #EDEDED;
  font-size: .9em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #333;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 4px;
  padding-left: 5px;
}

#lower_header_subnav a:hover {
  color: #FFF;
  font-size: .9em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #333;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 4px;
  padding-left: 5px;
}



/********      Page Body Elements   *********/

#artist_statement {
	width: 700px;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 200px;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	text-align: center;
	clear: left;
}

.gallery_image_panel_brown {
  background-color: #60677F;
  width: 475px;
  margin: 0;
  margin-bottom: 60px;
}

.gallery_image_panel_brown img {
  padding-top: 10px;
  padding-left: 10px;
}

.gallery_image_panel_brown p {
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: .9em;
}

.gallery_text_panel_brown {
  margin: 0;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 20px;
  border: 2px solid #545A6F;
  background-color: #D5D9E5;
}



/********      Page Footer Elements     *********/

#footer {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  width: 100%;
  background: #54596E;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  }
  
#footer p {
  font-size: .9em;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4em;
  }
  
#footer_sagegreen {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  width: 100%;
  background: #646D52;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  }
  
#footer_sagegreen p {
  font-size: .9em;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4em;
  }

#footer_purple {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  width: 100%;
  background: #89453a;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  }
  
#footer_purple p {
  font-size: .9em;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4em;
  }

#footer_orange {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  width: 100%;
  background: #4C3C48;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  }
  
#footer_orange p {
  font-size: .9em;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4em;
  }

/********      Inset Styles/Elements      *******/

A.bodyLink {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
A.bodyLink:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
A.bodyLink:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
A.bodyLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
A.bodyLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}