body { 

font-family: Garamond, "Arial Narrow", Times, serif; 
background:  url(../images/gbackground.jpg)  repeat left top;

font-size: 14px; 

color: black; 

background-color: #F9F9F9; 

} 


p { 
margin-left:5px;
width: 95%; 
text-align:  justify ;
padding: 0px 5px 0px 5px; /*top right bottom left*/ 
} 

li { 

list-style-type: none; 

line-height: 150%; 

list-style-image: url(../images/arrowSmall.gif); 

} 



h1 { 

font-family: Georgia, "Times New Roman", Times, serif; 

font-size: 18px; 

font-weight: bold; 

color: #000000; 

} 

h2 { 

font-family: Georgia, "Times New Roman", Times, serif; 

font-size: 16px; 

font-weight: bold; 

color: #000000; 
}

 h2  a:link{
	font-size: 1.2000em;
	font-weight: normal;
	color: #BE9E4C;
	line-height: 1.1538em;
	padding: 10px 15px;
	margin: 0.7692em 0 0.3846em 0;
	text-decoration :none;
}

 h2  a:hover{
	
	color:  Maroon;
}

 
h4
{
	margin-left:10px;
	color:Maroon; 
	padding:40;
	}
h5
{
	margin-left: 10px;
	color: Maroon;
	
	height: 20px;
	text-align:center;
	background-color:#E8E7E6; /*background-image:url(../images/menuback.jpg)*/ 
}
h6
{ font-family : Arial;
	margin-left: 5px;
	margin-right:10px; 
	color: #FFFFFF;
	height: 20px;
	font-size :xx-small;
	padding:2px;
	text-align: center;
	background-color: #6C9FC6; /*background-image:url(../images/menuback.jpg)*/
}
/************************* ID's *************************/ 
#wrapper 
{
	
	
}
#page {
	width: 950px;
	margin: 0 auto;
/**	padding:  0 0 0 0;*/
	background: White;
	height:1100px;
}

#graphicbar {
	width: 950px;
	margin: 0 auto;
}

#headwrapper
{  width  :100%;
	background: url(../images/bg_top_cnp.jpg) /*repeat-x left top;*/
}
#header {
	width:950px;   /*100%;*/
	margin: 0 auto;
	height: 160px;
}

#content {
	float: left;
	width: 597px;
	background-image :url(../images/shadow_frame1.gif) 
}
#logo {
	width: 970px;
	height: 150px;
	margin: 20 20 20 20;
	padding: 0 10px;
}
#navigation
{  
	background-color: #F2F3ED;
	position: absolute;
	width: 175px;
	padding: 0 0 0 5px; /*top right bottom left*/
	height: 900px;
	margin: 0;
	margin-top: 181px;
	font-weight: normal;
	text-align :justify ;
} 

#centerDoc   
{
background-color :white;
 
position: relative; 

padding: 0px 0px 0px 5px; /*top right bottom left*/ 

margin-top: 181px; 

margin-left: 179px; 

width :628px;

height :900px;

 
background-image :url(../images/shadow_frame1.gif) 

} 

#rightDoc
{
	background-color: #F2F3ED;
	position: absolute;
	padding: 0px 0 0 0px; /*top right bottom left*/
	margin-top: 181px;
	margin-left: 811px;
	width: 170px;
	height: 900px;
} 
#CenCont { 
position:  relative; 
margin-left: 2px; 
margin-top:15px;
padding-left:5px;
padding-top:5px;

width:597px;
} 

#panelhome { 
position: relative; 
margin-left: 0px; 
margin-top:0px;
width:597px;
height:330px;
background-image :url(../images/animation/animscr01.jpg);
background-repeat:no-repeat; 
padding: 28 0 0 40px; 
} 

#paneltrans{ 
position: absolute; 
margin-left: 0px; 
margin-top:0px;
width:597px;
height:330px;
padding: 28 0 0 40px; 
} 

#Cartsumm { 
position:  relative; 
margin-left: 0px; 
margin-top:10px;
width:280px;
height :140px;
border: 1px solid SteelBlue;
padding: 0 0 0 10px; /*top right bottom left*/ 
} 

#Login{ 
position:  relative; 
margin-left: 0px; 
margin-top:10px;
width:290px;
height :140px;
border: 1px solid SteelBlue;
padding: 0 0 0 10px; /*top right bottom left*/ 
} 


#toppanel { 

position: absolute; 

padding: 0 0 0 0px; /*top right bottom left*/ 

margin-top: 0px; 

margin-left: 0px; 

height :120px;

width :970px;


} 


#graphicpanel { 

background-image :url(../images/painting_gallery_title.jpg);

height :35px;

width :950px;


}

#keywordpanel
{  
	position: absolute;
	margin-top:126px;
	margin-left: 0px;
	height: 50px;
	width: 820px;
	text-align :justify;
	color:#996633 ;
	font-size :x-small;
  }




#menuitem  
{
-moz-opacity:0.2;
margin-top: 1px; 
margin-right: 7px; 
width: 57px;
height: 55px;
}  

#animtext
{padding-left: 50px; 
 padding-right: 50px; 
 width :500px;
 color: #898443;
 font-family: Segoe Print;
 font-size :xx-small ;
}

#menupanel
{
	background-color: #CED0D7;
	position: relative;
	margin-top: 0px;
	margin-left: 70px;
	height: 65px;
	width: 475px;
} 

 
#moto
{  	font-family: Arial;
	font-size: xx-small;
	position: relative;
	margin-top: 25px;
	margin-left: 17px;
	width: 600px;
	color: #898443
}

#motob
{  	font-family: Arial;
	font-size: xx-small;
	margin-top: 25px;
	margin-left: 10px;
	width: 99%;
	color: #898443
}


 #plink
{
	font-family: Arial;
	font-size: xx-small;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-left: 7px;
	width: 80px;
	color: #999966;
}

#ppic
{   
	position: relative;
	height :100px;
}

#checkout{ 

position: absolute; 

margin-top: 700px; 

margin-left: 500px; 

} 
 
#footerpanel { 
text-align :center;
background-image :url(../images/crafts_paintings_footer_bg.jpg) ;
position: absolute; 
padding: 15 0 10 0px; /*top right bottom left*/ 
padding-top:7px;
margin-top: 000px; 
margin-left: 0px; 
height :57px;
width :100%;
}

#footergraphic { 

padding: 0 0 0 0px; /*top right bottom left*/ 
margin-top: 0px; 
margin-left: 0px; 
width:950px;
height :25px;
background-image :url(../images/graphic_title.jpg) ;
} 


#sidebar1 {
	float: left;
}

#sidebar2 {
	float: right;
}



li { 

list-style-type: none; 

line-height: 150%; 

list-style-image: url(../images/arrowSmall.gif); 

} 

 

a.ob{
background: transparent url('../images/dd/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial Narrow;
line-height: 16px; 
height: 24px; 
padding-left: 11px; 
text-decoration: none;
}

a:link.ob, a:visited.ob, a:active.ob{
color: #494949; /*button text color*/
}

a:link.ob, a:visited.ob, a:active.ob{
color: #494949; /*button text color*/
}

a.ob span{
background: transparent url('../images/dd/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; 
}

a.ob:hover{ 
background-position: bottom left;
}

a.ob:hover span{ 
background-position: bottom right;
color: black;
}

.bwr{ 
overflow: hidden;
width: 100%;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    /* background-color: #00688B; */
    background-image :url('../images/bluebardark.jpg');
    font-weight: bold;
    padding: 6px;
    /*padding: 10 5 5 20px; /*top right bottom left*/ 
    text-align :center ;
    margin-top: 1px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    /*background-color: #2290AD; */
    font-weight: bold;
   /* padding: 10 5 5 20px; /*top right bottom left*/ 
    text-align :center ;
    padding: 6px;
    margin-top: 1px;
    cursor: pointer;
    background-image :url('../images/bluebar1.jpg');
}

.accordionContent
{
	background-color: White;
	border: 1px dotted #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sidebar {
	float: left;
	width: 173px;
	padding: 0;
	font-size: 12px;
	background-color:White ; 
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0 0 20px 0;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 8px 0px;
	border-bottom: 1px #423525 dashed;
}