/* 
  ------------------------------------------------
Summary description for (_css-new) columns.css
Program: (_css-new) columns.css
Designer: ÌìÌ쿴Ƭ
Author: Frank L. Sawyer
Client: GBC Website
Date: 02/01/2015
 
Purpose:  This is the Land Survey Pilot Page-based Columns CSS file. 
	
Features: CSS
	 
Input: None.
	
Output: None.
	 
Called from: Any valid web site link.
	 
Calls: None.
	 
Modification History: 
02/01/2015: FLS - Testing remote directory CSS.
  ------------------------------------------------
*/

.p7CCM01 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	font-size: 14px;
	margin: 0px auto;
	line-height: 1.5;
}
.p7ccm01-content {
	padding: 20px 24px;
}
/*HEADINGS */

.p7ccm01-content h1 {
	font-size: 1.5em; }
.p7ccm01-content h2 {
	font-size: 1.3em; }
.p7ccm01-content h3 {
	font-size: 1.17em; }
.p7ccm01-content h4 {
	font-size: 1.12em; }
.p7ccm01-content h5 {
	font-size: .83em; }
.p7ccm01-content h6 {
	font-size: .75em; }

/*UTILITY*/
.p7ccm01-content .centered {
	text-align: center;
}

.p7ccm01-rounded {
	border-radius: 5px;
}
.p7ccm01-content-row.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.p7ccm01-content-row.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.p7ccm01-outer-border {
	border: 1px solid #000;
}
.p7ccm01-outer-shadow {
	box-shadow: 0px 0px 20px #000;
}
.p7ccm01-dyn-img img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.p7ccm01-content-row {
	background-color: #FFF;
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
}

/*ADDED TEST ADA SKIP LINK CSS*/
.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.screenreader-text:focus {
  color: black;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

.bigg {
	font-size: 180%;
}
.bigg strong {
	font-weight: 400;
}

/*EMBEDDED VIDEO TEST ADDED 8/31/2015*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

/*EMBEDDED VIDEO TEST ADDED 8/31/2015*/
.video-container iframe,
.video-container object,
.video-container form,
.video-container video,
.video-container cafeUsers,
.video-container embed {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*TEST FOOTER STYLE 11142014*/
.p7ccm01-footer-row {
	background-color: #FFF;
	display: inline-block;
	width: 100%;
	text-align:center;
	vertical-align: bottom;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	font-size: 70%;
	line-height: 1.5;
	margin: 0px auto;
}

.p7ccm01-content-row.p7ccm01-RGBA {
	background: rgba(255,255,255,.80);
}

.p7ccm01-content-row.p7ccm01-contrast {
	background-color: #A5A5A5;
}
.p7ccm01-content-row.p7ccm01-contrast.p7ccm01-RGBA {
	background: rgba(165,165,165,.85);
}

.p7ccm01-content-row.p7ccm01-accent {
	background-color: #5FB4E6;
}
.p7ccm01-content-row.p7ccm01-accent.p7ccm01-RGBA {
	background: rgba(95,180,230,.85);
}

.p7ccm01-content-row.p7ccm01-trans,
.p7ccm01-content-row.p7ccm01-trans.p7ccm01-RGBA {
	background-color: transparent;
	background-image: none;
	background: none;
}

.p7ccm01-content-row.p7ccm01-row-inner-shadow {
	box-shadow: inset 0px 0px 20px #999;
}
.p7ccm01-content-row.p7ccm01-accent.p7ccm01-row-inner-shadow {
	box-shadow: inset 0px 0px 30px #2297DD;
}
.p7ccm01-content-row.p7ccm01-contrast.p7ccm01-row-inner-shadow {
	box-shadow: inset 0px 0px 30px #6A6A6A;
}
.p7ccm01-content-inner-shadow {
	box-shadow: inset 0px 0px 20px #999999;
}

/* borders */
.p7ccm01-top-border {
	border-top: 1px solid #000;
}
.p7ccm01-bottom-border {
	border-bottom: 1px solid #000;
}
.p7ccm01-top-bottom-border {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.p7ccm01-left-border {
	border-left: 1px solid #000;
}
.p7ccm01-right-border {
	border-right: 1px solid #000;
}
.p7ccm01-left-right-border {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

/*MULTI-COLUMN STRUCTURAL CONFIGURATIONS*/

/*2-Column Auto Width*/
.p7ccm01-2col-auto-column1 {
	float: left;
	width: 50%;
	font-size: inherit;
	color: inherit;
}
.p7ccm01-2col-auto-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-2col-auto-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-2col-auto-column2 {
	float: left;
	width: 50%;
	font-size: inherit;
	color: inherit;
}
.p7ccm01-2col-auto-column2-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-2col-auto-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}

/*2-Column Sidebar Left*/
.p7ccm01-2col-sidebar-left-column1 {
	float: right;
	width: 80%;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-2col-sidebar-left-column1-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-2col-sidebar-left-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}
.p7ccm01-2col-sidebar-left-column2 {
	font-size: 80%;
	color: inherit;
	float: left;
	width: 20%;
}
.p7ccm01-2col-sidebar-left-column2-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
}
.p7ccm01-2col-sidebar-left-column2-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-2col-sidebar-left-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}

/*2-Column Fixed Sidebar Left*/
.p7ccm01-2col-sidebar-fixed-left-column1 {
	color: inherit;
	font-size: 85%;
	width: 200px;
	float: left;
}
.p7ccm01-2col-sidebar-fixed-left-column1-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.50);
}
.p7ccm01-2col-sidebar-fixed-left-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-2col-sidebar-fixed-left-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-2col-sidebar-fixed-left-column2 {
	font-size: inherit;
	color: inherit;
	margin-left: 200px;
}
.p7ccm01-2col-sidebar-fixed-left-column2-cnt {}
.p7ccm01-2col-sidebar-fixed-left-column2-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-2col-sidebar-fixed-left-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}


/*2-Column Sidebar Right*/
.p7ccm01-2col-sidebar-right-column1 {
	float: left;
	width: 80%;
	font-size: inherit;
	color: inherit;
}
.p7ccm01-2col-sidebar-right-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-2col-sidebar-right-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-2col-sidebar-right-column2 {
	font-size: 90%;
	color: inherit;
	float: left;
	width: 20%;
}
.p7ccm01-2col-sidebar-right-column2-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
}
.p7ccm01-2col-sidebar-right-column2-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-2col-sidebar-right-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}

/*2-Column Fixed Sidebar Right*/
.p7ccm01-2col-sidebar-fixed-right-column1 {
	color: inherit;
	font-size: 85%;
	width: 200px;
	float: right;
}
.p7ccm01-2col-sidebar-fixed-right-column1-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
}
.p7ccm01-2col-sidebar-fixed-right-column1-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-2col-sidebar-fixed-right-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}
.p7ccm01-2col-sidebar-fixed-right-column2 {
	font-size: inherit;
	color: inherit;
	margin-right: 200px;
}
.p7ccm01-2col-sidebar-fixed-right-column2-cnt {}
.p7ccm01-2col-sidebar-fixed-right-column2-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-2col-sidebar-fixed-right-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}

/*3-Column Auto*/
.p7ccm01-3col-auto-column1 {
	float: left;
	width: 33%;
	font-size: inherit;
	color: inherit;
}
.p7ccm01-3col-auto-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-3col-auto-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-3col-auto-column2 {
	float: left;
	width: 34%;
	font-size: inherit;
	color: inherit;
}
.p7ccm01-3col-auto-column3 {
	float: left;
	width: 33%;
	font-size: inherit;
	color: inherit;
}
.p7ccm01-3col-auto-column3-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-3col-auto-column3-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}

/*3-Column Sidebar Left and Right*/
.p7ccm01-3col-sidebar-left-right-column1 {
	width: 60%;
	float: left;
	color: inherit;
	font-size: inherit;
	position: relative;
	left: 20%;
}
.p7ccm01-3col-sidebar-left-right-column2 {
	width: 20%;
	float: left;
	color: inherit;
	font-size: 90%;
	position: relative;
	left: -60%;
}
.p7ccm01-3col-sidebar-left-right-column2-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
}
.p7ccm01-3col-sidebar-left-right-column2-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-3col-sidebar-left-right-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-3col-sidebar-left-right-column3 {
	float: left;
	width: 20%;
	color: inherit;
	font-size: 90%;
}
.p7ccm01-3col-sidebar-left-right-column3-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
}
.p7ccm01-3col-sidebar-left-right-column3-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-3col-sidebar-left-right-column3-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}

/*3-Column Fixed Sidebar Left and Right*/
.p7ccm01-3col-sidebar-fixed-left-right-column1 {
	width: 180px;
	float: left;
	color: inherit;
	font-size: 85%;
	padding:0 !important; /*test of style override*/
}
.p7ccm01-3col-sidebar-fixed-left-right-column1-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
	padding:0 !important; /*test of style override*/
}
.p7ccm01-3col-sidebar-fixed-left-right-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
	padding:0 !important; /*test of style override*/
}
.p7ccm01-3col-sidebar-fixed-left-right-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
	padding:0 !important; /*test of style override*/
}

.p7ccm01-3col-sidebar-fixed-left-right-column2 {
	width: 180px;
	float: right;
	color: inherit;
	font-size: 85%;
}
.p7ccm01-3col-sidebar-fixed-left-right-column2-cnt {
	background-color: #DCDCDC;
	background: rgba(220,220,220,.5);
}
.p7ccm01-3col-sidebar-fixed-left-right-column2-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-3col-sidebar-fixed-left-right-column2-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}
.p7ccm01-3col-sidebar-fixed-left-right-column3 {
	color: inherit;
	font-size: inherit;
	margin-left: 180px;
	margin-right: 180px;
}
.p7ccm01-3col-sidebar-fixed-left-right-column3-cnt {}

/*4-Column Auto*/
.p7ccm01-4col-auto-column1 {
	width: 25%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-4col-auto-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-4col-auto-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-4col-auto-column2 {
	width: 25%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-4col-auto-column3 {
	width: 25%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-4col-auto-column4 {
	width: 25%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-4col-auto-column4-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-4col-auto-column4-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}

/*5-Column Auto*/
.p7ccm01-5col-auto-column1 {
	width: 20%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-5col-auto-column1-cnt.p7ccm01-top-rounded {
	border-top-left-radius: 4px;
}
.p7ccm01-5col-auto-column1-cnt.p7ccm01-bottom-rounded {
	border-bottom-left-radius: 4px;
}
.p7ccm01-5col-auto-column2 {
	width: 20%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-5col-auto-column3 {
	width: 20%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-5col-auto-column4 {
	width: 20%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-5col-auto-column5 {
	width: 20%;
	float: left;
	color: inherit;
	font-size: inherit;
}
.p7ccm01-5col-auto-column5-cnt.p7ccm01-top-rounded {
	border-top-right-radius: 4px;
}
.p7ccm01-5col-auto-column5-cnt.p7ccm01-bottom-rounded {
	border-bottom-right-radius: 4px;
}

/*UTILITY RULES*/
.p7ccm01-content.p7ccm01-no-padding {
	padding: 0px 0px;
}

/*LINKS*/
.p7ccm01-content a, .p7ccm01-content a:visited {
/*	color: #09F; changed from this on 12032014*/
    color: #666666;
}
.p7ccm01-content a:hover, .p7ccm01-content a:focus {
	color: #000;
}
/*WIDTHS*/
.p7ccm01-auto { width: auto;}
.p7ccm01-min-max-980 { min-width: 980px; max-width: 1600px;}
.p7ccm01-min-max-960 { min-width: 960px; max-width: 1600px;}
.p7ccm01-min-max-940 { min-width: 940px; max-width: 1600px;}
.p7ccm01-fixed-980 { width: 980px;}
.p7ccm01-fixed-960 { width: 960px;}
.p7ccm01-fixed-940 { width: 940px;}
.p7ccm01-fixed-800 { width: 800px;}
.p7ccm01-fixed-700 { width: 700px;}
.p7ccm01-fixed-600 { width: 600px;}
.p7ccm01-fixed-500 { width: 500px;}
.p7ccm01-fixed-400 { width: 400px;}
.p7ccm01-fixed-300 { width: 300px;}
.p7ccm01-fixed-200 { width: 200px;}

/*Mobile Devices*/
@media only screen and (max-device-width: 480px) {
.p7CCM01 {max-width: 960px !important; min-width: 0px !important;}
	body { margin: 8px !important; min-width: 0px !important;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.p7CCM01 {max-width: 960px !important; min-width: 0px !important;}
	body { margin: 8px !important; min-width: 0px !important;}
}