/* 
 * the largest margin, for visually disinguishing major content sections and messages 
 * often used for level 1 titles and content
 */
 
.sama-margin1 { 
 margin-top: 50px;
 margin-bottom: 50px;
}

.sama-margin-top1 {
 margin-top: 50px;
}

.sama-margin-bottom1 {
 margin-bottom: 50px;
}


/* 
 * second level margin, for minor content sections 
 */
 
.sama-margin2 { 
 margin-top: 20px;
 margin-bottom: 20px;
}

.sama-margin-top2 {
 margin-top: 20px;
}

.sama-margin-bottom2 {
 margin-bottom: 20px;
}


/* 
 * third level 
 */
 
.sama-margin3 {
 margin-top: 10px;
 margin-bottom: 10px;
}