#snippets{ width:670px; border-top:2px solid #5a8f45; }
#snippets .snippets-wrapper{ padding:20px 0px; }

#snippets .snippet{ width:220px; float:left; }
#snippets .snippet-wrapper{ padding:20px 10px 10px 10px; }

#snippets p{ font-size:11px; line-height:13px; padding-bottom:7px;}
#snippets p>a{ font-size:11px; line-height:13px; text-decoration: underline;}
#snippets p>a:hover, #snippets .gray p>a:hover{ text-decoration: none;}

#snippets .gray{
height:212px;
background-image:url(/images/bg_snippet.gif);
background-repeat:no-repeat;
background-position:left top;
}

#snippets .gray p{ color:#00a8e4; font-weight: bold; font-size:10px; padding-right:20px;}
#snippets .gray p>a{ color:#00a8e4; font-size:11px; line-height:13px; text-decoration: underline;}

#snippets h3, #snippets h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
color:#283176;
text-decoration:none;
}
#snippets h3{padding:0px 0px 0px 0px; height:60px; }
#snippets h3 a:hover{ text-decoration: underline;}