body
{
    margin: 10px;
    font: 12px Verdana;
}
.groups
{
    float: left;
    width: 200px;
    margin-top:20px;
    font: 13px Verdana;
}
.groups a, .groups a:visited, .groups a:hover, .groups a:active
{
	color: #376aca;
	text-decoration: none;
}
.group, .currGroup
{
    padding:6px 0;
    padding-left:5px; 
    width:200px;   
}
.currGroup
{
    background-color:#EEEEEE;
    font-weight:bold;
    width:200px;
}
.items
{
    margin-top:20px;
    margin-left: 220px;
    border-left: 1px solid gray;
    padding: 1em;
}
.item
{
    float:left;
    margin:12px;
    padding:6px;
    border:1px solid #CCCCCC;
}
.item .lnk
{
    text-decoration:none;
    cursor:pointer;
}
.currGroupTitle
{
    padding:3px 15px;
    border-left:10px solid #336699;
    font: 20px Verdana;
    color: #FFFFFF;
    background-color: #6699cc;
}
.iTitle
{
    width:195px; height:12px;
    overflow:hidden;
    color:Maroon;
    border-bottom:1px solid maroon;
    padding:2px;
}
.iDesc
{
    width:195px; height:70px; overflow:hidden; 
    margin:4px; 
    margin-top:10px;
    color:#666666;
}
.pager
{
    margin: 25px;
    line-height: 25px;
    text-align: justify;
}
.pg
{
    margin: 2px;
    padding: 3px;
    background-color: red;
    border:1px solid Maroon;
}
.pager a, .pager a:visited, .pager a:hover, .pager a:active
{
    text-decoration:none;
    color: white;
}