/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #F2F0EE;
}



p, ul, li, dl, dt, dd, h1, h2, h3 {

	padding: 0;
	margin: 0;
	
}




#mainwrapper {
	width: 780px;
	margin: auto;
	text-align: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D8D8D8;
	border-left-color: #D8D8D8;
	background-color: #FFFFFF;	
}






/***************** header ***************** */

#header {
	background-color: #D7DDE8;
	height: 58px;
	width: 572px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding-left: 200px;
	background-image: url(graphics/matissetitleheader.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 65%;
	padding-right: 8px;
}

#header p{
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #ffffff;
	padding: 4px;
}



/***************** header for home page ***************** */

#headerhome {
	background-color: #D7DDE8;
	height: 60px;
	width: 764px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	background-image: url(graphics/matissetitleheader.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 65%;
	padding: 8px;
}

#headerhome p{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 6px;
}




.headerbot {
	clear: both;
	height: 22px;
	padding-top: 4px;
	margin-bottom: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing:0px;
	text-transform: uppercase;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


/***************** MENU ************************/







.chromestyle{
width: 99%;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}


/* Primary links  */
.chromestyle ul li a{
	color: #7EA5C0;
	margin: 0;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDEDE;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.chromestyle ul li a:hover{
color: #F95251;

}

/*
.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; 
}
*/


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";
content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border:1px solid #CCCCCC;/*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;

/*
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired
*/

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color:#C3429F;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F5F5F5;
color: #C4C4C4;

}








/***************** CONTENTS ***************** */

#contents {

	clear: both;
	font-size: small;

}


.text {
	width: 760px;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
}

.text a:link {
	text-decoration: none;
	color: #6394B4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.text a:visited {
	text-decoration: none;
	color: #6394B4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.text a:hover {
	text-decoration: none;
	color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
	background-color: #F2F2F2;
	}	
.text p{
	margin-bottom: .6em;	
}


/***************** MAIN TEXT CONTAINER ***************** */

.textleftquote {
	width: 500px;
	padding-left: 8px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	
}

.textleftquote p{
	margin-bottom: 1.5em;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-bottom: 0px;
	
}


.textleftquote a:link {
	text-decoration: none;
	color: #5B9A6C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.textleftquote a:visited {
	text-decoration: none;
	color: #5B9A6C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.textleftquote a:hover {
	text-decoration: none;
    color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;	
	}	
	
.textleft {
	width: 500px;
	padding-left: 8px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
}

.textleft p{
	margin-bottom: .6em;
	
}


.textleft a:link {
	text-decoration: none;
	color: #6394B4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
}

.textleft a:visited {
	text-decoration: none;
	color: #6394B4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.textleft a:hover {
	text-decoration: none;
	color: #616161;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C5C0B4;
	background-color: #F2F2F2;
	}	
	
	
	
.rightbar {
	float: right;
	width: 245px;
	padding-top: 10px;

}


#bckgrnd {
	background-image: url(graphics/bckgrndorange.jpg);
	background-repeat: repeat-y;
}

/***************** IMAGE HOLDER TO FOR SIDEBAR ***************** */

.imagehold{
	float: left;
	color: #585858;
	margin-right: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	padding-top: 1px;
	padding-bottom: 1px;
}




.imagehold a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	
}
.imagehold a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
	
}
.imagehold a:hover {
	text-decoration: underline;
	color: #A09494;
	border: none;
	
}

.imagehold img{
     margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #ffffff;

}

.imagehold p{
	clear: both;
	margin-bottom: .4em;	
}


.floatleft{
	float: left;
	padding-bottom: 4px;
	margin-right: 15px
}



.dectree{
	text-align: center;
	background-image: url(graphics/gifs/treeblue.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


/***************** DOTTED LINE TEXT SIDEBAR HOLDER ***************** */


.boxdottedline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7EA5C0;
	width: 80%;
	text-align: left;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
	padding: 7px;
	border: 1px solid #DDDDDD;
}

.boxdottedline a:link {
	text-decoration: none;
	color: #7EA5C0;
	
}

.boxdottedline a:visited {
	text-decoration: none;
	color: #7EA5C0;
	
}

.boxdottedline a:hover {
	text-decoration: underline;
	color: #999999;
	background-color: #F2F2F2;		
	}	


.boxdottedline p {
	margin-bottom: .6em;	
		
	}
	
	
	.boxdottedline img {
	margin-bottom: 4px;	
		
	}	
	
/***************** BOX IMAGE WITH CAPTION IN VERDANA ***************** */


.boximagecaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	text-align: center;
	width: 90%;
	margin-top: 16px;
	padding-top: 4px;
	margin-right: auto;
	margin-left: auto;
}


.boximagecaption a:link {
	color: #666666;
	text-decoration: none;
	border: none;
}

.boximagecaption a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.boximagecaption a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}

.boximagecaption img{

	border: 1px solid #666600;
}

.boximagecaption p{
	clear: both;
	margin: .6em;
}


.clear {
	text-align: left;
	clear: both;	
}

/***************** TEXT HEADINGS ***************** */

h1 

{
    font-family: Geneva, Arial, Helvetica, sans-serif, Georgia;
	font-size: 175%;
	color: #7EA5C0;
	letter-spacing: 2px;
	margin-bottom: 16px;
	font-weight: normal;
	padding-top: 6px;
	font-style: normal;
	text-transform: none;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif, Georgia;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 1px;
	color: #7EA5C0;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 2px;
	border-bottom-color: #D7D7D7;
	margin-bottom: 8px;
	margin-top: 24px;
	font-weight: bold;
} 

/***************** SIMPLE GRAY LINE ***************** */
.line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.blue {
	color: #7EA5C0;	
}



/***************** LINE FOR HOME PAGE ***************** */

.homeline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: 8px;
}


/***************** LIST FOR DATES IN CATALOGUE SECTION***************** */

#navcontainer 
{
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	color: #999999;
margin-right: 2px;
		margin-left: 2px;
    padding-right: 3px;
	padding-left: 3px;

}


#navcontainer a:link {
	color: #7EA5C0;
	font-size: 100%;
	text-decoration: none;
		margin-right: 4px;
		margin-left: 4px;
    padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #CCCCCC;	
			
	
	
}

#navcontainer a:visited {
	color: #7EA5C0;
	font-size: 100%;
	text-decoration: none;
		margin-right: 4px;
		margin-left: 4px;
    padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #CCCCCC;	
	
	}
	
	
#navcontainer a:hover {
	color: #9E9FA0;
	font-size: 100%;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #B5B5B5;
	background-color: #F4F4F4;	
}



/***************** PAGES FOR SINGLE ART WORKS  ***************** */

#workinfo  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	width: 250px;
	border: 1px solid #DEE2E2;
	padding: 4px;
}

#work  {
	clear: both;
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
}



#workdrawing  {
	clear: both;
	float: left;
	margin-top: 16px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
}

#worknav  {
	clear: both;
	float: left;
	margin-top: 12px;
}

#worknav a:link {
	text-decoration: none;
	border: none;
	color: #666666;
}

#worknav a:visited {
	text-decoration: none;
	border: none;
	color: #666666;
	
}

#worknav a:hover {
	color: #999999;
	text-decoration: underline;
	border: none;	
}


h1.work{
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 2px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}


h2.work{
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	border: none;
}




#largeholder  {


width: 754px;
	padding-left: 16px;
	padding-right: 8px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: small;
	
}

.thmbnlspaintingselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	text-align: center;
	float: left;
	width: 250px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
}







.thmbnlspaintingselect a:link {
	color: #7EA5C0;
	text-decoration: none;
	border: none;
}

.thmbnlspaintingselect a:visited {
	text-decoration: none;
	color: #7EA5C0;
	border: none;
}

.thmbnlspaintingselect a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}




.thmbnlspaintingselect img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	clear: both;
}

.thmbnlspaintingselect p{
	margin: .4em;
	clear: both;	
}


.thmbnlspaintingselectbis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	text-align: center;
	float: left;
	width: 150px;
	
	margin-right: 18px;
	margin-left: 18px;
	height: 300px;
}



.thmbnlspaintingselectbis a:link {
	color: #7EA5C0;
	text-decoration: none;
	border: none;
}

.thmbnlspaintingselectbis a:visited {
	text-decoration: none;
	color: #7EA5C0;
	border: none;
}

.thmbnlspaintingselectbis a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}




.thmbnlspaintingselectbis img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	clear: both;
}

.thmbnlspaintingselectbis p{
	margin: .4em;
	clear: both;	
}




.thmbnlsphotos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666666;
	text-align: center;
	float: left;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 26px;
	margin-left: 26px;
	height: 380px;
}



.thmbnlsphotos a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
}

.thmbnlsphotos a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.thmbnlsphotos a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}




.thmbnlsphotos img{
	padding: 2px;
	border: 1px solid #CCCCCC;
	clear: both;
}

.thmbnlsphotos p{
	margin: .4em;
	clear: both;	
}


.linethmbnl {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.somepadding {
	height: 20px;
	clear: both;
}



.spacerdiv {
	text-align: center;
	clear: both;
	width: 250px;
	height: 20px;
	margin-left: 16px;
}

/***************** BULLET LIST ***************** */

.simplebullet ul{



}

.simplebullet li{
	
	
	

	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 1.1em;
	background-image:url(graphics/diamondsmalll.gif);
	list-style:none;
	
	

}

/***************** HOME LIST ***************** */


.home ul{



}

.home li{
	padding-bottom: 6px;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 1.0em;
	background-image:url(graphics/diamondsmalll.gif);
	list-style:none;
	
	

}


.links ul{



}

.links li{
	padding-bottom: 14px;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 1.0em;
	background-image:url(graphics/diamondsmalll.gif);
	list-style:none;
	
	

}


.links a:link {
	color: #7EA5C0;
	text-decoration: none;
	border: none;
}

.links a:visited {
	text-decoration: none;
	color: #7EA5C0;
	border: none;
}

.links a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}


/****************************  SMALL VERDANA TEXT WITH LIGHT GRAY BOX   **********************/

.fourbox  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	border: 1px solid #D7D7D7;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}


.fourbox a:link {
	color: #B48181;
	text-decoration: none;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}

.fourbox a:visited {
	text-decoration: none;
	color: #B48181;
	border: none;
}

.fourbox a:hover {
	text-decoration: underline;
	color: #BEB6B6;
	border: none;
}



/***************** FOOTER ***************** */


#footer {
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing:1px;
	text-align:center;
	height: 20px;
	color: #999999;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 8px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-color: #D7DDE8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;	
}


#footer a:link {
	color: #7EA5C0;
	text-decoration: none;
	border: none;
	

}

#footer a:visited {
	text-decoration: none;
	color: #7EA5C0;
	border: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #C2C6C7;
	border: none;
}


.clear {
	clear: both;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-top: 70px;
	margin-bottom: 16px;
	margin-left: 16px;
}

.pagination ul{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
}

.pagination li{
list-style-type: none;
display: inline;
padding: 15px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #EEEFF0;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}



.noborder img{
	border: none;
}

.own_words {
	background-image: url(graphics/matisse_autograph_200.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 8px;
	padding-bottom: 36px;
font-style: italic;
	margin-bottom: 16px;
}
.box50percent {
	float: left;
	width: 48%;
	margin-top: 8px;
	margin-bottom: 8px;
}