/*
-----------------------------------------------
Stylesheet:  styles-chasen-index.css
Author:   Marje Cannon Web Site Designer m.cannon@comcast.net
Version:  10.27.2005
Revision: 10.28.2005
Revision: 11.01.2005
Revision: 11.02.2005
Revision: 11.05.2005
Revision: 11.06.2005
Revision: 11.07.2005
Revision: 11.09.2005
----------------------------------------------- 
*/

* {
	margin: 0;
	padding: 0;
}
body {
	margin-top: 20px;
	text-align: center;
	color: #CCFFCC;
	background-color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
   background-image: url(resources/bg-chasen.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
/* ----------------------- layout ----------------------- */
#wrap {
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#content {
	float: left;
	width: 590px;
}
#contentwide {
	clear: both;
	float: left; 
	width: 800px;
}
#rightcolumn { 
	width: 170px; 
	float: right;
}
#footer {
 	clear: both;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
 }
/* --------------------- end of layout ------------------------ */

h1 {
	color: #99CC99;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 22px;
	margin: 0 0 25px 12px !important; 
	padding: 8px 0 0 46px;
	width: 520px !important;
	height: 40px;
	background-image: url(resources/logo-chasen.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
h2 {
	background-color: transparent;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCFFCC !important;
	margin: 20px 0 30px 58px !important;
	display: inline;
}
.toplevel {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-bottom: 0 !important;
	line-height: 1.5
}
h3 {
	color: #99CC99;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 10px 58px !important;
	height: 30px;
}
h4 {
	color: #99CC99;
	background-color: transparent;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 10px 58px !important;
	height: 30px;
}
#content p {
	margin: 12px 50px 6px 60px;
}
#rightcolumn  p {
	margin: 12px 0 4px 4px;
	line-height: 1.5;
	text-align: right !important;
}

.clear {
	clear: both;
	line-height: 0; 
	height: 0;
}

.imgright {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 14px;

}
.imgleft {
	float: left;
	margin-top: 0;
	margin-right: 14px;
	margin-bottom: 6px;
	margin-left: 0;
}
.artistphoto {
	float: left;
	margin: 0 18px 12px 0;
}
.address {
   clear: both;
	float: right;
}
blockquote {
	width: 380px !important;
	margin: 25px 0 25px 100px;
}
#temporaryfeatured {
 border: 1px solid #FFCC00; 
 background-color: #000000; 
 color: #CCFFCC; 
 font-size: 12px;
 font-family: Verdana, sans-serif; 
 line-height: 1.5; 
 padding: 20px;
 width: 400px;
 margin: 20px auto 20px auto;
 }
.redbold {
 	color: #FF0000;
	font-weight: bold;
	background-color: transparent;
 }
.top {
	clear: both !important;
}
.bold {
	font-weight: bold;
 }
.italic {
font-style: italic;
 }
 .bolditalic {
font-style: italic;
	font-weight: bold;
 }
/* ------------lists ---------------- */

#wrap #content ul {
	margin: 20px 60px 20px 90px;
	padding: 0;
}
#wrap #content ol {
	margin: 20px 60px 20px 95px;
		padding: 0;
}
/*-----------------form---------------------*/
#contactform input {
	background-color: #CCFFCC !important;
	color: #000000;
}
#contactform textarea {
	background-color: #CCFFCC !important;
	color: #000000;
}
#contactform .mysubmit {
	 /* background-color: #006633; 
	 font-weight: bold; 
	 color: #ccffcc; */
	background-color: #003C3C !important; 
   color: #CCFFCC !important; 
	border-top: none;
   border-right: 2px solid #000000; 
	border-bottom: 20px solid #000000; 
	border-left: 2px solid #000000; 
   font-size: 10px;
	display: block; 
	clear: both;
	margin: 0;
	padding: 2px;
}
/*----------------newsletter form----------------*/
.formright {
	float: right;
}
.formright input {
	float: right;
	background-color: #003C3C;
	color: #CCFFCC;
}
.newslettersubmit {
	background-color: #003C3C !important; 
   color: #CCFFCC !important; 
	border-top: none;
   border-right: 2px solid #000000; 
	border-bottom: 20px solid #000000; 
	border-left: 2px solid #000000; 
   font-size: 10px;
	display: block; 
	clear: both;
	margin: 0;
	padding: 2px;
}
.newsletter {
	 background-color: #003C3C !important; 
	 color: #CCFFCC;
	 width: 110px; 
	 height: 22px;
	 border: 2px solid #000000; 
	 font-size: 11px;
	 display: block !important; 
}

/* ----------- artisttable --------- */

/* ---------------------artisttable and artisttable2 ----------------------- */
table.artisttable, table.artisttable2  {
	clear: both !important;
	margin: 0 auto 0 auto;
	width: 100%;
}
table.artisttable td, table.artisttable2 td {
	padding: 0;
	vertical-align: bottom !important;
	text-align: center !important;
}
table.artisttable td h2, table.artisttable2 td h2 {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 2;
	color: #CCFFCC;
	background-color: transparent;
	display: block !important;
}
table.artisttable p, table.artisttable2 p {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}
table.artisttable td img, table.artisttable2 td img {
	margin: 20px 0 0 0 !important;
	border: none;
}

/* ------------------- artisttablelinks ------------------------ */
table#artisttablelinks {
	clear: both;
	margin: 0 auto 0 auto;
	width: 100%;
}
/* ------------------- links ------------------------ */
a:link {
	color: #CCFFCC;
	background-color: transparent;
}
a:visited {
	color: #CCFFCC;
	background-color: transparent;
}
a:hover {
	color: #CCFFCC;
	background-color: transparent;
	text-decoration: none;
}
/* ------------------- right navigation ---------------------- */

#navcontainer { 
	width: 160px; 
	margin-top: 0;
	float: right;
	}
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 34px;
}
#navcontainer a {
	display: block;
	padding: 3px;
	width: 160px;
	color: #CCFFCC;
	background-color: #000000;
	border-bottom: 1px solid #003C3C;
	text-align: right;
}
#navcontainer a:link {
	color: #CCFFCC;
	background-color: transparent;
	text-decoration: none;
}
#navcontainer a:visited {
	color: #CCFFCC;
	background-color: transparent;
	text-decoration: none;
}
#navcontainer a:hover {
	background-color: #003C3C;
	color: #FFFFFF;
}

/* ------------------- footer navigation -------------------- */
#navlistfooter {
 	margin: 0;
	padding: 0;
 }
#navlistfooter li {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 5;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#navlistfooter a {
 	color: #666666;
	background-color: #000000;
 }
/*----------------------copyright---------------------*/
#copyright {
	clear: both;
	float: left;
	text-align: left;
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;
	background-color: #000000;
}
#copyright a {
	color: #666666;
	background-color: #000000;
}
#design {
	float: right;
	text-align: right;
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;
	background-color: #000000;
}
#design a {
	color: #666666;
	background-color: #000000;
}


.plus1 {
	font-size: 120% !important;
	}
a.plus1 {
		color: #000000 !important;
		background-color: #CCFFCC !important;
	}	
/*---------------------css signature -------------------------- */
body#home #navhome, body#galleries #navgalleries, body#newsletter #navnewsletter, body#artists #navartists, body#glass  #navglass, body#featured #navfeatured, body#events #navevents, body#testimonials #navtestimonials, body#sitemap  #navsitemap, body#contact #navcontact {
	display: block;
	width: 160px;
	/* color: #CCFFCC; */
	text-align: right;
	background-color: #003C3C !important;
	color: #CC9933 !important;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/* .sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 16px;
	font-weight: bold;
	margin: 45px 0 22px 35px;
}*/
.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}