/* *****************************************************************************
 * CSS's for the publication pages of gibsondunn.com.
 * Subclassing is utilized extensively to simply coding and naming conventions.
 * For example, the subclass named, "positionImage", is found beneath a number 
 * of parent classes.  Each have a different charateristics but its function
 * is similar.
 *
 * Notes:  This CSS file is used in conjunction with an external global CSS file 
 * named, gd_global.css.
 *
 * ************************************************************************* */
.gd_contentFloat {  
	width:  759px;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
/*	border: 1px #000000 solid;
	border-width: 1px 1px 1px 1px;
*/	
}
 
/* Describes the title area just below the menu */
.gd_title {  
	clear: both;
	width:  100%;
	height: 150px;
}

.gd_VSpacingToTitle {  
	clear: both;
	width:  100%;
	height: 38px;
	font-size: 0px;	
}
.gd_VSpacingAfterTitle {  
	clear: both;
	width:  100%;
	height: 13px;
	font-size: 0px;
}
.gd_VSpacingToLink {  
	clear: both;
	width:  100%;
	height: 50px;
	font-size: 0px;
}

.gd_VSpacingAfterLink {  
	clear: both;
	width:  100%;
	height: 40px;
	font-size: 0px;
}
.gd_Paging {
	float: left;
	min-height: 18px;	
	height: 18px;	
	margin-top: 33px !important;
	margin-top: 40px;
	margin-bottom: 36px !important;		
	margin-bottom: 24px;		
}
.gd_Paging2 {
	float: left;
	min-height: 2px;	
	height: 2px;
	width:  759px;	
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;	
	margin-top: 87px !important;
	margin-top: 82px;	
	margin-bottom: 1px;		
}

.gd_navigationLinks {
	clear: both; 
	float: left;
	width:  100%;
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;	
}

.gd_navigationLinks .left {
	float: left;
	width:  26.5%;
	height: 100%;
}
.gd_navigationLinks .middle {
	float: left;
	width:  46.0%;
	height: 100%;
	border: 1px #7F7F7F solid;
	border-width: 1px 0px 0px 0px;
}
.gd_navigationLinks .right {
	float: left;
	width:  46.0%;
	height: 100%;
	border: 1px #7F7F7F solid;
	border-width: 1px 0px 0px 0px;
}
.gd_navigationLinks .dividerLine {
	float: left;
	width:  100px;
	height: 1px;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;		
	border: 1px #7F7F7F solid;
	border-width: 1px 0px 0px 0px;
}
/* **********************************************************
 * OurStory CSS Classes
 * ******************************************************** */
.gd_VSpacingToOurStoryTitle {  
	clear: both;
	width:  100%;
	height: 23px;
	font-size: 0px;
}

/* **********************************************************
 * Clients CSS Classes
 * ******************************************************** */
.gd_ClientsGrid {
	clear: both;
	float: left; 
	width:  100%;
	height: 235px;	
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
	margin-top: 117px;	
}
.gd_ClientsGrid .left {  
	float: left;
	width: 193px !important;
	width: 203px;
	height: 100%;
	padding-top: 2px; 
	padding-right: 10px;
}
.gd_ClientsGrid .left .positionImage {
	float: left;
	margin-left:  25px;
	margin-top: 65px;
}

.gd_ClientsGrid .middle {
	float: left;
	width: 326px !important;
	width: 352px;
	height: 227px !important;
	height: 235px;
	padding-top: 8px; 
	padding-left: 12px;
	padding-right: 12px;
	border: 1px #7F7F7F solid;
	border-width: 0px 1px 0px 1px;			
}
.gd_ClientsGrid .middle .positionImage {
	float: left;
	margin-top: 10px;
	margin-left:  19px;
}
.gd_ClientsGrid .right {
	float: left;
	width: 162px !important;
	width: 180px;
	height: 100%;
	margin-top: 4px; 
	margin-left: 14px;
	padding-left: 7px;
	padding-right: 11px;
}
.gd_ClientsGrid .right .positionImage {
	float: left;
	margin-left:  10px;
	margin-top: 5px;
}

/* **********************************************************
 * Culture CSS Classes
 * ******************************************************** */
.gd_CultureGrid {
	float: left; 
	width:  100%;
/*	height: 323px; */
	height: 348px; 
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
	margin-top: 80px;		
}
.gd_CultureGrid .left {  
	float: left;
	width:  25.3%;
	height: 100%;
/*	margin-top: 110px; */
}
.gd_CultureGrid .left .positionImage {
	float: left;
	margin-left:  25px;
	margin-top: 65px;
}
.gd_CultureGrid .middle {
	float: left;
	width:  334px; 
	
	height: 325px;
	padding-left: 9px;
	padding-right: 9px;	
	border: 1px #7F7F7F solid;
	border-width: 0px 1px 0px 1px; 		
}


.gd_CultureGrid .middle .positionImage {
	float: left;
	margin-top: 10px;
	margin-left:  30px;
}

.gd_CultureGrid .right {
	float: left;
	width:  22.0%;
	height: 100%;
	margin-top: 10px;
}
.gd_CultureGrid .right .positionImage {
	float: left;
	margin-left:  10px;
	margin-top: 5px;
}


/* **********************************************************
 * Giving Back CSS Classes
 * ******************************************************** */
.gd_GivingBackTitleArea {
	float: left; 
	width:  100%;
	height: 18px;
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
	margin-top: 14px !important;
	margin-top: 12px;
/*	border: 1px #000000 solid;
	border-width: 1px 1px 1px 1px;	
*/	
	
}
 
.gd_GivingBackGrid {
	float: left; 
	width:  100%;
	height: 186px;
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
	margin-top: 17px !important;	
	margin-top: 13px;	
}
.gd_GivingBackGrid .left {  
	float: left;
	width:  25.3%;
	height: 100%;
/*	margin-top: 110px; */
}

.gd_GivingBackGrid .middle {
	float: left;
	width:  45.9%;
	height: 100%;
}

.gd_GivingBackGrid .right {
	float: left;
	width:  22.0%;
	height: 100%;
	margin-top: 10px;
}

.gd_GivingBackLearnMoreLink {
	clear: both;
	float: left;
	width:  100%;
	height: auto;
	margin-top: 29px !important;
	margin-top: 15px;
	margin-bottom: 26px !important;
	margin-bottom: 22px;
}

/* **********************************************************
 * Examples of Giving Back
 * ******************************************************** */
.gd_GivingBackStory {
	float: left; 
	width:  100%;
	height: auto;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
	margin-top: 7px;
/*	border: 1px #000000 solid;
	border-width: 1px 1px 1px 1px;	
*/		
}
.gd_GivingBackStory .left {  
	float: left;
	width:  135px;
}

.gd_GivingBackStory .middle {
	float: left;
	width:  458px !important;
	width:  480px;
	min-height: 192px;
	height: auto !important;
	height: 192px;
	margin-top: 0px; 
	padding-left: 10px; 
	padding-right: 10px;
	border: 1px #7F7F7F solid;
	border-width: 0px 1px 0px 1px;		
}

.gd_GivingBackStory .right {  
	float: left;
	width:  122px;
}


/* **********************************************************
 * Adoption Saturday Navigation CSS Classes
 * ******************************************************** */
.gd_GivingBackNavGrid {
	float: left; 
	width:  100%;
	height: 30px;
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
	margin-top: 14px;
}
.gd_GivingBackNavGrid .left {  
	float: left;
	width:  172px; 		
	height: 100%;
}

.gd_GivingBackNavGrid .back {
	float: left;
	width:  53px;
	height: 100%;
	margin-top: 5px;	
	font-size: 1.5em;
}

.gd_GivingBackNavGrid .title {
	float: left;
	width:  308px; 
	height: 100%;
}
.gd_GivingBackNavGrid .right {
	float: left;
	width:  22px;
	text-align: left;
	margin-top: 5px;
	height: 100%;
}

/* **********************************************************
 * Guardianship Saturday Navigation CSS Classes
 * ******************************************************** */
.gd_3ColumnGridLine {
	clear: both; 
	width:  600px;
	height: 1px;
	text-align: center;
	margin-left:  auto; /* horizontally centers the page in the browser */
	margin-right: auto;
}

/* Describes the content area found in the center portion of the screen */
.gd_3ColumnGrid {
	clear: both; 
	width:  600px;
	height: 230px;
	text-align: center; 
	margin-left:  auto; 
	margin-right: auto; 
}
.gd_3ColumnGrid .left {  
	float: left;
	width:  192px;
	height: 100%;
}
.gd_3ColumnGrid .middle {
	float: left;
	width: 207px !important;
	width:  209px;
	height: 100%;
	border: 1px #7F7F7F solid;
	border-width: 0px 1px 0px 1px;		
}

.gd_3ColumnGrid .right {
	float: left;
	width:  199px;
	height: 100%;
}