/* CSS Document */

/* TOP PANEL */

#topPan img{ 
	padding:23px 25px 0 6px;
	float:left;
}

/* Menu Panel */
#topPan ul{
	width:520px;  
	margin:0; 
	padding:0;
	float:left; 
}

#topPan ul li{
	float:left; 
	width:104px; 
	display:block; 
	text-align:center;
}


#topPan ul li a{
	width:104px; 
	height:35px; 
	display:block; 
	font:14px/14px "Helvetica",Arial, Helvetica, sans-serif; 
	color:#663366; 
	background:url(../images/menu-bg.gif) 0 0 repeat-x #F4F1DD; 
	text-decoration:none; margin:0; padding:61px 0 0 0; 
}

#topPan ul li a:hover{ 
	width:104px; 
	display:block; 
	background:url(../images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6; 
	color:#96967E; text-decoration:none;
}

#topPan ul li span{
	width:104px; 
	height:35px; 
	display:block; 
	background:url(../images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6; 
	color:#96967E; 
	text-decoration:none; 
	padding:61px 0 0 0; 
	line-height:14px;
}

/* /TOP PANEL */

#headerPan {
	/*
	width:237px;
	float:left;
	*/
}

#headerPan .promo{ 
	margin:0 auto; 
	background:url(../images/promo.gif) 0 0 no-repeat;
	margin-bottom:15px;
}

#headerPan span.header {
	font:18px "Helvetica", Times, serif; 
	font-weight:bold;
	color:#C0B4C0;  
	text-transform:uppercase;
}

#headerPan .promo a {
	font:12px "Arial", Helvetica, sans-serif; 
	color:#856988;
	text-decoration:none; 
	display:block; 
	width:213px; 
	height:38px;
	padding:12px;
}

#headerPan .promo a:hover {
	text-decoration:none; 
	background:url(../images/promo-hover.gif) no-repeat 0 0;
}

#headerPan span.selected {
	text-decoration:none; 
	background:url(../images/promo-hover.gif) no-repeat 0 0;
}

/* Bread Crumb */

#breadcrumb {
	margin: 0em 0px 0em 0px;
	padding: 0.5em 0px 0px 0px;
	height: 1em;
	font-size:0.8em;
}
#breadcrumb ul{
	margin-left:0px;
	padding-left:0px;
}
#breadcrumb li {
	display: inline;
	height: 1.5em;
}


/* Left Navigation */

#sidebar h3{
	height:25px; 
	background:#FCFAE6; 
	text-align:right; 
	padding:0px; 
	margin:45px 0px 20px 0px; 
	font:24px "Arial", Times, serif; 
	color:#663366;
}

#sidebar h4{
	height:20px; 
	background:#FCFAE6; 
	text-align:right; 
	padding:0px; 
	margin:15px 0px 10px 0px; 
	font:18px "Arial", Times, serif; 
	color:#663366;
}

#sidebar ul li{
	background:url(../images/arrow3.gif) right center no-repeat; 
	font:10px Arial; 
	padding:2px 25px 2px 0px; 
	text-align:right;
} 

#sidebar ul li{
	background:url(../images/arrow3.gif) right center no-repeat; 
	font:10px Arial; 
	padding:2px 25px 2px 0px; 
	text-align:right;
} 

#sidebar ul li a{
	text-decoration:none; 
	color:#3D3C2C; 
	background:#FCFAE6;
}

#sidebar ul li span{
	text-decoration:underline; 
	color:#3D3C2C; 
	background:#FCFAE6;
}

#sidebar ul li a:hover{
	text-decoration:underline;
}

/*Right Panel */

#mainImage {
	padding:10px;
	border:1px solid #DCDAC2;
	background:#fff;
	width:480px;
	margin: 0px 0px 15px 0px;
}

#rightPan{
	border:1px solid #DCDAC2;
	background:#fff; color:#3D3C2C;
	width:500px;
}

#rightbodyPan{
	background:#FCFAE6; 
	color:#3D3C2C;
	margin:10px;
	padding:20px;
}

img.rightbodyPan, a img.rightbodyPan {
	float: right;
	padding: 10px;
	border: 1px solid #DCDAC2;
	background:#FFF; 
	margin: 0px 0 10px 10px;
}
a:hover img.rightbodyPan {
	border: 1px solid #BBB;
}
	
img.color, a img.color {
	float: left;
	padding: 1px;
	border: 1px solid #BBB;
	margin: 0 8px 0 0;
}
#rightbodyPan h2{
	display:block; 
	padding:10px 0 10px 0; font:24px "Arial", Times, serif; 
	color:#3D3C2C; 
}
#rightbodyPan p{
	padding-bottom: 12px;

}
#rightbodyPan p.purpletext{
	/*background:#FCFAE6; */
	color:#663366; 
	font-size:16px; 
	line-height:19px; 
	font-weight:bold;
}
#rightbodyPan p span{
	background:#FFFFFA; 
	color:#3D3C2C;
}
.rightbodymore{
	height:20px; 
	background:#E6DFE6; 
	display:block; 
	padding:2px; 
	margin:0px 0px 10px 0px; 
	font-size:12px; 
	color:#856988; 
	line-height:20px; 
	font-weight:bold;
}
.rightbodymore p.textposition{
	float:left; 
	padding-bottom: 0px !important;
	padding-left: 10px; 
	margin:0;
}
.rightbodymore a{
	float:right; 
	background:url(../images/arrow4.gif) no-repeat 58px 1px #9E8B9E; 
	width:66px; 
	display:block;  
	margin:0px 0px 0 0; 
	padding:0px 0px 0px 8px; 
	height:20px; 
	text-decoration:none; 
	color:#fff; 
	font:12px Helvetica; 
	line-height:20px; 
}
.rightbodymore a:hover{
	background:url(../images/arrow4.gif) no-repeat 58px 1px #663366; 
	text-decoration:none; 
	color:#fff;
}

#rightbodyPan h3{
	padding:5px 0 0 0; 
	font-size:15px; 
	font-weight:bold;
	color:#3D3C2C; 
	margin:0px 0 10px 0px ;
}
#rightbodyPan ul{
	margin:0px 0px 12px 10px;
}
#rightbodyPan li{
	background:url(../images/arrow2.gif) 0 5px no-repeat; 
	font:11px Helvetica; 
	padding:0 0 0 20px;
	line-height:20px;
}
#rightbodyPan li a{
	background:#FCFAE6; 
	color:#663366; 
	text-decoration:underline; 
	line-height:20px;
}
#rightbodyPan ul li a:hover{
 	text-decoration:none; 
	line-height:20px;
}

/* FOOTER PANEL */
#footer {
	background: url(../images/footer-bg.jpg) #B0AD93;
	height:96px;
	color:#999;
	font-size: 0.8em;
	margin-top:2em;
}
#footer dd {
	text-align:right;
	margin-top: -10px;
	margin-right: 5em;
}
#footer dl {
	padding-top:10px;
	padding-left:5em;
}
#footer a {
	color: #999;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}