.generalInformation { background-color: ffcccc; float: left; width: 22%; padding-left: 5px; padding: 5px; display: table-cell;}

.glassblowingTools { background-color: ccffcc; float: left; width: 22%; padding-left: 5px; padding: 5px; display: table-cell;}

.tipsAndInfo { background-color: ccccff; float: left; width: 22%; padding: 5px; display: table-cell;}

.basicTutorials { background-color: ac9cee; float: left; width: 22%; padding: 5px; display: table-cell; }

.tableWrapper {		overflow:hidden;
    width:100%;
    display: table;}

.rowWrapper {
    display: table-row; vertical-align: middle;}
    
.cellWrapper {
    display: table-cell; vertical-align: middle; padding: 10px;}

cellWrapperCentered {
    display: table-cell; vertical-align: middle;  text-align:center;}


.disclaimer {color: red; align:center font-size: 85%;}

.copyrightPhoto {align:center; font-weight: bold; font-size: 85%;}


.footer {color: 004080; align: center; font-size: 85%; padding: 25px 10%;}



.floatRight { float: right; margin-left: 10px;}

.floatLeft { float: left; margin-right: 10px;}

.floatLeftMiddle { float: left; margin-right: 10px; vertical-align:middle;}

.floatRightMiddle { float: right; margin-right: 10px; vertical-align:middle;}

.imageWrapper { margin-right: 10px; max-width: 200px}


div {   
    align-items: center;    
    vertical-align: middle;
}

img { width:initial; max-width:100%; }


pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}