/*
Copyright (c) 2007, Northeastern Visual Company, All Rights Reserved.
Code licensed under the BSD License, after:

http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
h2 {
        font: bold 14px "trebuchet ms", Arial, sans-serif;
        color: #000;
        margin: 0;
        padding: 0 0 0 15px;
}

/*- Menu Tabs E--------------------------- */

    #tabsE {
      float:left;
      width:100%;
      background:#63271d;
      font-size:93%;
      line-height:normal;

      }
    #tabsE ul {
        margin:0;
        padding:10px 10px 0 20px;
        list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background:url("tableftE.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url("tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }

        #tabsE #current a {
                background-position:0% -42px;
        }
        #tabsE #current a span {
                background-position:100% -42px;
        }


img {border:0} 
body { text-align:center; background-repeat: repeat-x; background-position: center top; background-color:#8c2d1e; font-family: Arial, Helvetica, Sans-Serif; font-color: cream; font-size:11px; background-image: url(../images/stasz_bg.gif); margin-top: 15px; }
#date_float { position: fixed; top: 0; right: 0; z-index: 2; }
#imageDetails { color: #63271d; background-color: #fff; width: auto; margin: 10px; padding: 15px; }
#artwork_info { color: #8c2d1e; font-size: 13px; font-family: "trebuchet ms"; background-color: #e8daaa; padding: 5px; }
#news_item { color: #000; text-align: left; font-size: 13px; font-family: "trebuchet ms"; padding: 10px; width:80% ; margin: 15px 15px 15px 25px; border-color: #ddd; border-style: solid; border-width: 1px 1px 1px 5px; }
#page_title { color: #63271d; font-size: 18px; font-family: "trebuchet ms"; font-weight: bold; text-align: left; padding: 5px; width: 95%; margin-top: 5px; margin-bottom: 15px; margin-left: 15px; border-bottom: 1px solid #63271d; }
td.gallery_nav { background-color: #e8daaa; background-image: url(../images/gallery_nav_bg.gif); background-repeat: no-repeat; background-position: left top; }
h1 {font-family: Arial, Helvetica, Sans-Serif; font-color: cream; font-size:12px; font-weight: bold; margin-top:10px;}

#navcontainer ul { margin: 0; padding: .3em; list-style-type: none; background-color: #300000; min-height: 20px; }

#navcontainer ul li { display: inline; font-size:12px;  }

#navcontainer ul li a { text-decoration: none; padding: 0.2em 1em; color: #FBF9F4; background-color: #300000; background-position: left top; }

#navcontainer ul li a:hover { text-decoration: underline; padding: 0.2em 1em; color: #FBF9F4; background-color: #300000; background-position: left top; }

.title {font-family: Arial, Helvetica, Sans-Serif; font-size:12px; font-weight: bold;}

.article_title {font-family: Arial, Helvetica, Sans-Serif; font-size:13px; color: #fff; background-color: #300000; padding:3px; width: 200px;  margin-top: 0px; text-align:center;  font-weight: bold;  }

#content {text-align: center; display: block; width: 600px; min-width:200px; margin-top: 11px; margin-left: 11px; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; padding: 11px; position: inherit;}

#content-thin {text-align: center; display: block; width: 300px; min-width:200px; margin-top: 11px; margin-left: 11px; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; padding: 11px; position: inherit;}

.article { padding: 11px; background-color: #ffffcc; text-align: left; margin-top: 10px;}

#ordered_list {padding-left: .3em;}

#content-medium {text-align: left; display: block; width: 500px; min-width:200px; margin-top: 11px; margin-left: 11px; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; padding: 11px; position: inherit;}

/* Vendor Profile Styles */
#vendor_long_profile {text-align: left; width: 90%; background-color: #FBF9F4; position: inherit; border: 1px solid #000000; float: none; padding: 15px; font-size:12px; min-height:260px;}

#vendor_small_profile {text-align: left; width: 90%; background-color: #fbfd99; position: inherit; border: 1px solid #663333; float: none; padding: 2px; font-size:12px;}

#vendor_small_profile:hover {text-align: left; width: 90%; background-color: #ffff66; position: inherit; border: 1px solid #663333; float: none; padding: 2px; font-size:12px;}

.profile_pic {float:left; padding-right: 10px;}
.profile_pic_small {}

.profile_text {padding-left: 10px;}

/* Form Styles */
.form_note {font-family: Arial, Helvetica, Sans-Serif; font-size:9px; font-color:#FFCC33;}

#form {text-align: center; display: block; width: 200px; min-width:200px; margin-top: 11px; margin-left: 11px; background-color: #FBF9F4; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; padding: 11px; position: inherit;}

#vendor_form {text-align: center; display: block; width: 500px; min-width:200px; margin-top: 11px; margin-left: 11px; background-color: #fbf9f4; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; padding: 11px; position: inherit;}

/* SideBar (Left) Styles*/

#left_box { background-color: #FBF9F4; text-align: center; width: 220px; border: solid 1px #000000; margin:11px; padding: 5px; }

.sidebar_text {text-align: center; font-family: Arial, Helvetica, Sans-Serif; font-size:11px;
position: relative;}

.sidebox_title { color: #FBF9F4; font-family: Arial, Helvetica, Sans-Serif; font-size:11px; font-weight: bold; background-color: #300000; width:100%; padding-top: 3px; padding-bottom: 3px; border-bottom-style: solid; }

a.sidebar_link {line-height:18px; font-size:11px; text-decoration: none; color: #300000;}
a.sidebar_link:hover {line-height:18px; font-size:11px; text-decoration: underline; color: #300000;}

a.ft { font-size:12px; text-decoration: none; color: #FBF9F4;}
a.ft:hover { font-size:12px; text-decoration: underline; color: #FBF9F4;}

/*Pagination Links */
#paginate_links {color: #11154a;}
a.paginate_link {color: #11154a; text-decoration: none;}
a.paginate_link:hover {color: #11154a; text-decoration: underline;}
.paginate_page {color: #11154a; text-decoration: none; font-size: larger; font-weight: bold;}
.paginate_of {color: #11154a; text-decoration: none; font-size: larger; font-weight: bold;}
#rows { background-color: #FBF9F4; text-decoration: underline; width: 500px; overflow: auto; max-height: 500px; padding:10px; margin:15px ; }
4
p{padding: .84em;}

#ft{clear:both; background-color: #300000; color: #fff;  min-height: 20px; font-size:12px; text-align:center}



/* for all templates and grids */
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 { background-repeat: no-repeat; background-position: left top; margin:auto; text-align:left; width:57.69em;*width:56.3em; min-width:900px; border: solid 1px #FBF9F4; background-color: #FBF9F4; min-height: 500px;}
/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em; min-width:950px;}
/* 100% with 11px viewport side matting */ 
#doc3 {
	margin:auto 11px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{ position:relative; background-color:#FBF9F4; min-width:200px;}
	.yui-b{ background-color: #FBF9F4; _position:static; min-width:200px; } /* for IE < 7 */
	#yui-main .yui-b{ background-color: #FBF9F4; position:relative; min-height: 400px; margin-top: 0; border-left: 1px solid #300000; min-width:200px; } 

#yui-main { background-color: #FBF9F4; width:805px; }
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{ background-color: #FBF9F4; float:right; margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{ background-color: #FBF9F4; float:left; margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b { background-color: #FBF9F4; float:left; width:12.32em;*width:12.0106em;  min-width:200px; }
.yui-t1 #yui-main .yui-b{ background-color: #FBF9F4; margin-left:13.32em;*margin-left:13.0106em;  min-width:200px; }

.yui-t2 .yui-b { background-color: #FBF9F4; float:left; width:13.85em;*width:13.512em; min-width:200px; }
.yui-t2 #yui-main .yui-b { background-color: #FBF9F4; margin-left:14.85em;*margin-left:14.512em; min-width:200px;;
}

.yui-t3 .yui-b { background-color: #FBF9F4; float:left; width:23.08em;*width:22.52em; min-width:200px; }
.yui-t3 #yui-main .yui-b { background-color: #FBF9F4; margin-left:24.08em;*margin-left:23.52em; min-width:200px; }

.yui-t4 .yui-b { background-color: #FBF9F4; float:right; width:13.85em;*width:13.512em; min-width:200px; }
.yui-t4 #yui-main .yui-b { background-color: #FBF9F4; margin-right:14.85em;*margin-right:14.512em; min-width:200px; }

.yui-t5 .yui-b { background-color: #FBF9F4; float:right; width:18.46em;*width:18.016em; min-width:200px; }
.yui-t5 #yui-main .yui-b { background-color: #FBF9F4; margin-right:19.46em;*margin-right:19.016em; min-width:200px; }

.yui-t6 .yui-b { background-color: #300000; float:right; width:23.08em;*width:22.52em; min-width:200px; }
.yui-t6 #yui-main .yui-b { background-color: #300000; margin-right:24.08em;*margin-right:23.52em; min-width:200px; }

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0; min-width:200px;
}
#yui-main .yui-b {float:none;width:auto; min-width:200px;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}
/* Lightbox Stuff Starts*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* Lightbox Stuff Ends*/
td.nav { text-align: left; border-top: 1px solid #ffc; border-bottom: 1px solid #784812; border-right-color: #784812; border-left-color: #784812; }
td.footer { color: #fff; font-size: 14px; font-family: "trebuchet ms", sans-serif; background-color: #63271d; text-align: center; border-right-color: #784812; border-bottom: 1px solid #784812; border-left-color: #784812; }
table.all { border: solid 1px #e8daaa; }
td.main { border-bottom: 1px solid #63271d; }
a.ftl { color: #fff; text-decoration: none; }
a.ftl:hover { color: #fff; text-decoration: underline; }
table.content_table { font-family: "trebuchet ms"; }
#related_list { color: #63271d; font-size: 12px; font-family: "trebuchet ms", sans-serif; margin: 10px; }
#related_sidebar { font-size: 12px; margin: 10px; }
a.related { color: #4c101d; font-weight: bold; text-decoration: none; }
a.related:hover { color: #4c101d; font-weight: bold; text-decoration: underline; }