#leftPanelOuter {
   vertical-align:top;
   width:213px;
   height: 100%;
   background-image: url('../images/DeepBlueBG.jpg') ;    
}

/********************** TEXT ALBUMS ******************************/
#leftPanel {
   padding: 5px;
   border-collapse: collapse;
   width: 213px;
   text-align: left;
}

#leftPanel td {
   padding: 10px;
   font-family: "Optima", "Arial", "Helvetica", "sans-serif";
   font-size: 13px;
   font-weight: bold;
}

#leftPanel a.category {
   font-family: "Optima", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15px;
	color: #66FFFF;
	font-weight: bold;
	text-decoration : none;
}

#leftPanel a.categorySelected {
   color: #fff;
	text-decoration : underline;
}

#leftPanel a.category:hover, 
#leftPanel a.categorySelected:hover {
	color : #fff;
	text-decoration : underline;
	font-weight: bold;
}

#leftPanel .categorySelected{
   color: #000000;
}

/********************** TEXT SUB CAT ******************************/

#subCat {
   padding: 0px;
   border-collapse: collapse;
   vertical-align:top;
   width: 100%;
}

#subCat td {
   padding: 5px;
   font-family: "Optima", "Arial", "Helvetica", "sans-serif";
   font-size: 13px;
   font-weight: bold;
 	 color: #66CCFF;
}
#subCat a.subCategory {
	font-family: Optima, Arial,  Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #66CCFF;
	font-weight: normal;
		text-decoration : none;
}

#subCat a.subCategory:hover{ 
   font-family: "Optima", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15px;
	color: #66CCFF;
	font-weight: normal;
		text-decoration : underline;
}

#subCat a.subCategorySelected {
   font-family: "Optima", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	line-height: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

#subCat .subCategorySelected {
	color : #000000;
	font-weight: bold;
}

.copyright {
   font-family: "Optima", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 14px;
	margin: 5px;
	color: #FFFFFF;
	font-weight: bold;
}