/* this file is suppose to have all the classes and ids that are common to all the pages */
/* REMEMBER JUST THE COMMON ONES */
/*
THESE ARE REUSABLE ELEMENTS
*/

.clearLeft{ clear:left; }
.clearRight { clear:right; }
.clearBoth{ clear:both; height:0; }
.floatLeft{ float:left; }
.floatRight{ float:right; }

.border {
	border:1px solid #000;
}
.grey, .grey a{ color:#6D6F71; text-decoration:none;}
.grey a:hover{ color:#fff; background-color:#6D6F71; }
.black { color:#000000; }
.white, .white a{ color:#FFF; }
.white a:hover{ text-decoration:underline; background-color:#2F6F29; }
.red { color:#B5101A; }
.red a, .redLink a { text-decoration:none; color:#B5101A; }
.red a:hover, .redLink a:hover { color:#fff; background-color:#B5101A; }

/* fudge:- the parent div expands to the nested/floating div */
.grow { display:inline; }
.grow:after {
    visibility: hidden;
    height: 0; 
    display: block; 
    clear: both; 
    content: "."; 
}
* html.grow { height: 1%; }
.grow { display: block; }