/* Describes the Sidebar subhead */
div.sidebar h3 {
font-size:10pt;
font-weight:bold;
color:#dd8800;
margin:0;
padding:0;
}
	
/* HOLDS upperLeft radiusCorner and top line */
div.holder {
background-image:url(../images/featured/tlc.gif);
background-repeat:no-repeat;
background-position:top left;
position:relative;
width:180px; /* Two other places must have this width - see below */
margin:0 0 25px 0;
padding:0;
background-color:transparent; /* MUST match div#holder div.bottom - MUST be transparenct for BOXGRADE to work*/
}

/* HOLDS upperRight radiusCorner and top line */
div.holder h2 {
background-image:url(../images/featured/trc.gif);
background-repeat:no-repeat;
background-position:top right;
float:right;
position:relative;
width:180px; /* MUST be same as div#holder width */
height:5px;
margin:0;
padding:0;
font-size:0; /* MUST have this */
line-height:0; /* MUST have this */
}

/* HOLDS DEST items and defines vertical hairlines */
div.holder div.lines {
clear:both; /* MUST have this */
margin:0;
padding:0; /* 0 5px if you want padding on edges */
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:transparent; /* MUST be transparenct for BOXGRADE to work*/
}
/*end of DEST HOLDER */


/* BOTTOM RADIUS CORNERS */
/* HOLDS lowerLeft radiusCorner and bottom line */
div.holder div.bottom {
float:left;
position:relative;
background-image:url(../images/featured/blc.gif);
background-repeat:no-repeat;
background-position:bottom left;
margin:0;
padding:0;
width:auto;
height:auto;
background-color:transparent; /* MUST match div#holder - MUST be transparenct for BOXGRADE to work*/
}

/* HOLDS lowerRight radiusCorner and bottom line */
div.holder div.bottom h2 {
float:right;
position:relative;
height:5px;
margin:0;
padding:0;
font-size:0; /* MUST have this */
line-height:0; /* MUST have this */
background-image:url(../images/featured/brc.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:180px; /* MUST be same as div#holder width */
background-color:transparent; /* MUST match div#holder - MUST be transparenct for BOXGRADE to work*/
}

/* DEST ITEMS - THEY WILL BE UCs */
/* HOLDS on-state DEST div - this will be a UC*/
div.destON {
background-image:url(../images/featured/gradationON.jpg);
background-repeat:repeat-x;
background-position:top left;
margin:0;
padding:0 5px 0 0;
height:60px;
width:auto; /*must be auto */
}
/* HOLDS off-state DEST div  - this will be a UC*/
div.dest {
background-color:#fff; 
/*background-image:url(../images/featured/gradation.jpg);
background-repeat:repeat-x;
background-position:top left; */ 
margin:3px 0 0 0; /*ONLY off-state dest divs use this OPTIONAL margin - makes vertical space between DEST divs */
padding:0 5px 0 0;
height:60px;
width:auto; /*must be auto */
}
div.destTR {
background-color:transparent; /* make this #fff if you want to block the BOXGRADE gradated bkg */
background-repeat:repeat-x;
background-position:top left; 
margin:3px 0 0 0; /*ONLY off-state dest divs use this OPTIONAL margin - makes vertical space between DEST divs */
padding:0 5px 0 0;
height:60px;
width:auto; /*must be auto */
}

/* ELEMENTS THAT ARE INSIDE OF A DEST div */
/* PICTURE for all DEST UCs */
div.dest img, div.destON img, div.destTR img {
float:left;
width:60px;
height:50px;
margin:5px 0;
padding:0 0 0 5px;
}

/* LINK for all DEST UCs */
div.dest a:link, div.dest a:visited, div.dest a:active, div.destON a:link, div.destON a:visited, div.destON a:active, div.destTR a:link, div.destTR a:visited, div.destTR a:active {
font-family:arial,helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
color:#00c;
text-decoration:none;
}
div.dest a:hover, div.destON a:hover, div.destTR a:hover {
font-family:arial,helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
color:#c03;
text-decoration:none;
}

/* BLURB for all DEST UCs */
div.dest p, div.destON p, div.destTR p {
font-family:arial,helvetica,sans-serif;
font-size:7.5pt;
color:#555;
padding:5px 0 0 0;
margin:0 0 0 80px;
}

/*Enables graded background for sidebar radius-corner boxes*/
/*This is an optional style - but update styles above if not using a graded background
div.boxgrade {
position:absolute;
height:auto;
margin:0;
padding:0;
border:none;
background-image: url(../images/gradations/sidebar_gradations.jpg);
background-repeat:repeat-x;
background-position:bottom left;
}
*/