@import 'ccmsMain/site.css';
@import 'style-new.css';
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900italic);

.full { width: 310px;}
.half { width: 320px;}

.third { width: 320px;}
.twothird { width: 320px;}

.fourth { width: 320px;}
.threefourth { width: 320px;}

.fifth { width: 320px;}
.twofifth { width: 320px;}
.threefifth { width: 320px;}
.fourfifth { width: 320px;}

.sixth { width: 320px;}
.fivesixth { width: 320px;}

.eighth { width: 320px;}
.threeeighth { width: 320px;}
.fiveeighth { width: 320px;}
.seveneighth { width: 320px;}

.nineth { width: 320px;}
.twonineth { width: 320px;}
.fournineth { width: 320px;}
.fivenineth { width: 320px;}
.sevennineth { width: 320px;}
.eightnineth { width: 320px;}

.tenth { width: 320px;}
.threetenth { width: 320px;}
.sevententh { width: 320px;}
.ninetenth { width: 320px;}

.twelveth { width: 320px;}
.fivetwelveth { width: 320px;}
.seventwelveth { width: 320px;}
.eleventwelveth { width: 320px;}

.wrap { position: relative; width: 340px; margin: 0 auto;}

.row {
     width: 320px;
     margin: 0 auto;
     overflow: hidden;
}

.column {
     margin: 0px 5px;
     overflow: hidden;
     float: left;
     display: inline;
}

.row .row {
	margin: 0 -5px;
	width: auto;
} 

.topgutter { margin-top: 10px;}

.row .topgutter { margin-top: 10px;}
#desktophead {display: none;}