@charset "UTF-8";
/* CSS Document */

body { text-align:center;
		min-width:985px;
		background-color:#fff;
		margin:0;
		padding:0;
      color:#000;
      font:x-small/1.5em Arial,sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
}

	  html>body {font-size:small;}  /* hide from IE */
	  
	  
	  
	  /*  --------   The following rules are to highlight the current page in the TOP NAV. 
	  Each page will need to have the corresponding class added to the body element in the html.  
	  Each link in the top nav has an ID name. The body class for the appropriate page must match the nav ID name for that page. 
	  See the template page for an example.  ----------------	  
	  */

body.home #topnav a#home {color:#ec753b;font-weight:bold;
}
body.fine #topnav a#fine {color:#ec3b3b;font-weight:bold;
}
body.consult #topnav a#consult {color:#1d8d8c;font-weight:bold;
}
body.framing #topnav a#framing {color:#ec753b;font-weight:bold;
}
body.artists #topnav a#artists {color:#0054a6;font-weight:bold;
}
body.calendar #topnav a#calendar {color:#c0ef43;font-weight:bold;
}
body.contact #topnav a#contact {color:#ec3b3b;font-weight:bold;
}
body.about #topnav a#about {color:#fdd702;font-weight:bold;
}
body.none #topnav a#none {color:#515552;
}

/* ------------------ END Current Page Nav Rules       ------------------------  */

#container {width:980px;
			margin:0px auto;
			text-align:left;
			overflow:hidden;    /* overflow is for IE behavior -- check */
			line-height:normal;
			  background-image: url(../img/bkg.jpg);
			  background-repeat:repeat-y;
			  background-position: top left;


}
#container h1 
       {
       position: absolute;
       top: 100px;
       font-size: 18px;
       }

#banner {	width:auto;
			height:119px;
			background-image:url(../img/a3topright.jpg);
			background-position:top right;
			background-repeat:no-repeat;
			position:relative;
			overflow:hidden;		 /* overflow is for IE behavior -- check */


}

#banner a {color:#fff;
}
#banner a:hover {color:#fff;
}

#banner h1 {display:none;
}

#topnav {position:absolute;
			top: 86px;
			left: 263px;
			width:710px;
			font-family: "Arial Narrow", Arial, sans-serif;
			font-size:14px;

}
#topnav ul {margin:0;
			list-style:none;
			padding:0;
			width:710px;
			float:left;
}

#topnav ul li {margin:0;padding:0;
				float:left;
}

#topnav ul li a {display:block;
					padding:0 6px;
					text-decoration:none;
					font-weight:bold;
					color:#515552;
					outline:none;

}

#topnav ul li a:hover {color:#0054a7;
}

#wrap {		  width:980px;
			  line-height:normal;

}
#leftcol {float:left;      /* for IE */
			margin:0;
			padding:20px 0px 40px 0px;
			width:253px;
			background:transparent;
}
html>body #leftcol {float:left;     /* for all other browsers */
			margin:0px 0px 0px 0px;
			padding:20px 0 0px 0;
			width:253px;
}


#leftcol ul {margin:0 0 30px 0;
			list-style:none;
			padding:0;
			width:220px;
			float:right;
}


#leftcol ul li {margin:0;padding:0;
}

#leftcol ul li a {display:block;		/*this is to make IE behave */
					padding:0px 10px 0px 0px;
					margin:0px 0px -14px 0px;
					text-decoration:none;
					font-weight:bold;
					color:#515552;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:11px;
					text-align:right;
					outline:none;

}

html>body #leftcol ul li a {display:block;  /* This is for all other browsers */
					padding:1px 10px;
					margin:0;
					text-decoration:none;
					font-weight:bold;
					color:#515552;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:11px;
					text-align:right;
					outline:none;

}




#leftcol ul li a:hover {color:#0054a7;
}

/*#leftcol p {		clear:both;					for IE 
					padding:0px 10px 0px 0px;
					margin:0px 0px 0px 0px;
					text-align:right;
					font-size:10px;
					color:#515552;
					font-family:Georgia, "Times New Roman", Times, serif;

}
*/

/*#leftcol p {		clear:both;     for all other browsers 
					margin:0px 10px 0px 0px;
					padding:30px 0 0 0;
					text-align:right;
					font-size:10px;
					color:#515552;
					font-family:Georgia, "Times New Roman", Times, serif;

}
*/



#content {margin-left:auto;    /* this is for IE */
			margin-right:10px;
			width:690px;
			background-color:#fff;
			padding-top:20px;
			float:right;
}
html>body #content {margin-left:auto;  /*this is for all browsers except IE */
			margin-right:20px;
			width:690px;
			background-color:#fff;
			float:right;
}

/* Sue -- here is where you can define paragraph and heading styles for the content area, also bulleted lists. Next is an example of how you might style a bulleted list in the content area. Always begin each rule for the content area with #content followed by the selector you are going to style. See following example...  */

#content ul {list-style-type: square;
}

#content p {text-align:left;
clear:none;
}
#content h3 {font-size:130%;
text-align:left;
}



#footer {clear:both;
margin-top:-20px;
		width:auto;
		color:#fff;
		overflow:hidden;		
		}
		
.style15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}