/*
	LEVEL 1 Structure
*/
html { background:#1c1c1c; }
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; line-height:18px }
#container { padding-bottom:18px; }
#container_inner {background-color:white; width:1000px; margin:0px auto; position:relative; }
#header { height:73px; padding:10px; margin-bottom:2px }
#mainnav_wrapper { width:1000px; background:#000; }
#slideshow { width: 1000px; height: 250px; overflow:hidden;}

#content { width:1000px; margin:18px 6px 0 0; }
	#content_left{float:left; width:464px;  padding:10px 12px 0 24px }
	#content_center { width:330px; float:left; padding:0px 10px}
	#sidebar { float:left; width:115px; padding:6px 15px}
	.content_vertical_separator { float:left; height:950px; width:1px; background-image:url(../images/bg_hr2.png); background-repeat:repeat-y;  }
#feature_members { width:1000px; margin-bottom:15px}
#footer { width:960px; padding-top:15px; margin:0 auto; border-top:13px solid #000;  }




/*
	General tag styles
*/
a { color:#666; }
a:hover { color: #000; }
h1 { font-size:24px; margin-bottom:20px; }
h2 { font-size:22px; color: #ad0505; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif;  letter-spacing:1px; }
h3 { font-size:20px; color: #AE1F1F; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;  letter-spacing:1px}
h4 { font-size:16px; color:#373737; font-family: Arial, Helvetica, sans-serif;  letter-spacing:1px}
h5 { font-size: 12px; }
h6 { font-size: 14px; }
hr { background:url(../images/bg_hr.png) left top repeat-x; margin:5px 0px; padding:0px; height:1px; border:none; clear:both}
p { padding-bottom:10px; }
strong { font-weight:bold; }
.left{float:left;}
.right{float:right;}
.clearBoth{clear:both; width:0px; height:0px}


/*
	Inside header area
*/
#header a{text-decoration:none}
#header_left {float:left; height:77px; width:335px; vertical-align:bottom;}
#header_right {float:right; height:73px; overflow:hidden}
#header_right_top{height:26px;}
#header_right_bottom{margin-top:22px; padding-left:326px}

#header_right_top div{float:left; font-weight:bold; font-size:12px; text-transform: uppercase; }
.navSeparator { width:2px; height:14px; background-color:#8C8C8C; margin-top:2px; margin-right:12px; margin-left:12px}
#header_facebook{ margin-left:14px; }

.search_box{float:right;}
.search_button { width:34px; height:26px; vertical-align:middle; background:url(../images/bg_search_button.png) left top no-repeat; cursor:pointer; border:none; text-indent:-9999px; }
.search_button:hover{ background:url(../images/bg_search_button.png) left bottom no-repeat;}
.search_box .input_box { width:223px; height:24px; vertical-align:middle; font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px; color:#696969; padding-left:8px; border:1px solid #e3e3e3; }



/*
	Horizontal Nav Bar area
*/
#mainnav_wrapper { background:#000; }
#mainnav_wrapper .mainnav { text-align:center; padding:12px 0px 11px 0px; }

#menu {
    background-color: #000000;
    height: 42px;
    white-space: nowrap;
}
#nav, #nav ul {
    line-height: 42px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index: 200;
}
#nav a {
    color: #FFFFFF;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 42px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
#nav li {
    float: left;
	/*width:142px;*/
}

/*Artspan top menu items*/
#nav li#searchmenu {width: 109px;}
#nav li#artistsmenu {width: 92px;}
#nav li#photographersmenu {width: 164px;}
#nav li#artisansmenu {width: 108px;}
#nav li#jewelersmenu {width: 106px;}
#nav li#collectionsmenu {width: 160px;}
#nav li#directoriesmenu {width: 136px;}
#nav li#moremenu {width: 125px;}

/*Jewelspan top menu items*/
#nav li#JS_searchmenu {width:108px}
#nav li#JS_directoriesmenu {width:182px}
#nav li#JS_mediummenu {width:128px}
#nav li#JS_typemenu {width:142px}
#nav li#JS_resourcesmenu {width:176px;}
#nav li#JS_visitorinfomenu {width:182px}
#nav li#JS_joinmenu {width:82px;}



#nav li:hover {
    background-color: #666666;
}
#nav li ul {
    background-image: url("http://www.artspan.com/images/transparentblack2.png");
    background-repeat: repeat;
    left: -999em;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    width: 150px;
}
#nav li ul li a {
    font-size: 11px;
    letter-spacing: normal;
    line-height: 14px;
    padding-left: 10px;
    text-align: left;
}
#nav li ul li {
    border-bottom: 1px dashed #CCCCCC;
    height: 14px;
    padding-bottom: 6px;
    padding-top: 8px;
    width: 100%;
}
#nav li ul li:hover {
    background-color: #000000;
}
#nav li ul li.last {
    border: medium none;
    height: 10px;
    padding: 0;
}
#nav li ul li.last:hover {
    background-color: transparent;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

.left{float:left;}
.right{float:right;}

#innerPageContent{padding:20px; margin-top:10px;}
.innerPageHeader1{font-size:65px; font-family:Arial, Helvetica, sans-serif; color:#D0D2D2}
.innerPageHeader2{width:200px;}
.innerPageHeaderNav ul{list-style: none outside none;}
.innerPageHeaderNav ul li{float:left; margin-left:20px; font-size:120%}
.innerPageHeaderNav ul li a {text-decoration:none}
.innerPageHeaderNav ul li a.activeLink{text-decoration:underline; font-weight:bold; color:black}

#articlesOuter .leftContentMenu{width:320px; padding:6px; }
#articlesOuter .rightContent{width:550px; padding:6px; margin-left:14px; }
.articleTitle{line-height:14px; margin-bottom:-5px}
.articleTitle a{color:black; font-size:16px; text-decoration:none}
.articleTitle a:hover{text-decoration:underline}
h3.articleDescription{color:black; font-style:italic; padding:4px; font-size:16px;}
.articleSummaryContainer{
	margin-bottom:12px;
	padding:6px;
}
.scroll-pane
{
	padding:8px;
	margin-top:6px; 
	background-color:#E6E7E8;
	
	/*height: 600px;
	overflow: auto;*/
}
#collectionsOuter .leftContentMenu{width:145px; padding:6px; }
	#collectionsOuter .rightContent{padding:6px; width:750px; margin-left:14px; }
	.collectionTitle{line-height:14px; text-transform: uppercase}
	.collectionTitle a{color:black; font-size:14px; text-decoration:none; font-weight:bold}
	.collectionTitle a:hover{text-decoration:underline}
	a.activeCollection{color:#AC0505}
	.collectionSummaryContainer{
		margin-bottom:12px;
		padding:3px;
	}
	.collectionImage{
		background-position:center center;
		background-repeat:no-repeat;
		background-size: contain;
	}
	.collectionImage img{width:220px;height:220px;}
	.collectionImageWrapper{
		float:left;
		margin:0px 15px 30px 15px;
	}
	.collectionSubtitle{font-size:15px; font-style: italic}


#footer a { font-weight:bold; text-decoration:none}
.footer_list { width:645px; margin:0px auto; overflow:hidden; margin-bottom:13px; }
.footer_list ul { float:left; width:215px; text-align:center; margin:0px; }
.footer_list ul li { margin:0px; padding:9px 0px 7px 0px; list-style:none; font-size:15px; font-family: Arial, Helvetica, sans-serif; background:url(../images/bg_hr.png) left top repeat-x; }
.footer_list ul li a { color:#000; }
.footer_list ul li a:hover { color:#7F7F7F; }
.footer_list ul li.first { background:none; }
.footer_nav { font-size:11px; color:#ad0505; text-transform:uppercase; background:#dedede; padding:13px 0px; }
.footer_nav ul { margin:0px; text-align:center; }
.footer_nav ul li { display: inline; padding:0px 10px; list-style:none; margin:0px; letter-spacing:1px; }
.footer_nav ul li a { color:#ad0505; }
.footer_nav ul li a:hover { color:#000000; }

#footerInfo{
	padding:20px;
	color:#6F6F6F;
}