/*
	Commmon CSS by Luke Campbell.
	A list of commonly used helper styles.
*/



/* -- CLEAR FIX
----------------------------------------------------------------------------------------------------------*/
.clear-fix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.column {
	background-color: 171717;
	width: 150px;
	border-right-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 15px;
	border-left-width: thin;
	border-left-color: #999999;
	padding: 5px;
}

.column_l {
	background-color: 171717;
	width: 150px;
	border-right-width: thin;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #999999;
	color: #FFFFFF;
	float: left;
	clear: inherit;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.column_r {
	background-color: #333333;
	margin: 15px;
	padding: 5px;
	width: 150px;
	border-right-width: thin;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #999999;
	color: #FFFFFF;
	clear: both;
}

.clear-fix {
	display: inline-block;
}

html[xmlns] .clear-fix {
	display: block;
}

* html .clear-fix {
	height: 1%;
}

/* -- OTHER HELPER STYLES
----------------------------------------------------------------------------------------------------------*/

.clear			{ clear:both; }
.float-left 	{ float:left; }
.float-right 	{ float:right; }


.img-border		{ border:1px solid #555; background:#FFF; padding:4px; }
.img-left		{ float:left;margin:0 18px 18px 0; }
.img-right		{ float:right;margin:0 0 18px 18px; }
 
.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.large			{ font-size: 14px; }
.small 			{ font-size: 10px; }
.quiet  		{ color: #666; }
.bigify			{ font-size:140%;}
.no-padding 	{ padding:0; }
.no-border 		{ border:0; }

.hide
{
    text-indent:-9999px;
    height:1px;
    line-height:1px;
    display:block;
}

form input.form-field,
form textarea.form-field,
form select.form-field
{
    background:#FFF;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    color:#333;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding:2px;
} 

/*Horizontal Rule */
.hr
{
	padding-bottom:0px;
	margin:0;
	border-bottom: medium none;
	background: url('file:///C|/xampp/htdocs/cctownsville/images/dot.gif') repeat-x bottom;
}