﻿/* *****************************************************************************
 * 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.
 *
 * ************************************************************************* */
 /* Describes the title area just below the menu */
 /* Describes the title area just below the menu */
.gd_title { 
	clear: both;
	width:  100%;
	height: 61px;
	margin-bottom: 11px;
}


.gd_VSpacingAfterTitle {  
	clear: both;
	width:  100%;
	height: 5px;
	font-size: 0px;
}

/* **************************************************************
 * Decribe the appearance and behavior of the award and movie 
 * links.  The links is normally black but turns a redish color 
 * on mouseover or when the page is the same as the link.
 ************************************************************* */
.gd_thisPage {
	font-family: Georgia, "Times New Roman", "Times", serif;
	font-size: 12px;	
	word-spacing: 1px; 
	color: #9F3925;
	text-decoration: none;
}
.gd_probonoLink {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.3em;
    text-align: left;
}
.gd_probonoLink p{
	font-family: Georgia, "Times New Roman", "Times", serif;
	font-size: 12px;	
	word-spacing: 1px; 
	margin-top:  0.5em;
	margin-bottom: 0.0em;
    text-align: left;	
}
.gd_probonoLink img {
	vertical-align: bottom;
}

.gd_probonoLink a:link {
	color: #000000;
	text-decoration: none;
}
.gd_probonoLink a:visited {
	color: #000000;
	text-decoration: none;
}
.gd_probonoLink a:hover {
	color: #9F3925;
	text-decoration: none;
}
 
 
/* **************************************************************
 * Specific to Our Commitment Page
 * ************************************************************ */
 /* Describes the title area just below the menu */
.gd_CommitteeTitle {  
	clear: both;
	width:  100%;
	height: 44px;
}

.gd_VSpacingToCommitmentTitle {  
	clear: both;
	width:  100%;
	height: 30px;
	font-size: 0px;	
}

/* Describes the content area found in the center portion of the screen */
.gd_3ColumnGrid {
	clear: both; 
	float: left;
	width:  100%;
	height: auto;
/*	padding-bottom: 5px; */
}
.gd_3ColumnGrid .left {  
	float: left;	
	width:  182px !important;
	width:  202px;
/*	height: 100%; */
	padding-left: 0px;
	padding-right: 7px;
}

.gd_3ColumnGrid .left p{  
	font-family: Georgia, "Times New Roman", "Times", serif;
	font-size: 12px;		
	line-height: 1.3em;
	text-align: justify;
}

.gd_3ColumnGrid .middle {
	float: left;
	width: 330px !important;
	width: 354px;
	min-height: 325px;
	height: auto !important;
	height: 325px; 
	padding-left: 11px;
	padding-right: 11px;
	border: 1px #59595B solid;
	border-width: 0px 1px 0px 1px; 		
}


.gd_3ColumnGrid .middle .positionImage {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.gd_3ColumnGrid .right {
	float: left;
	width: 209px !important;  
	width: 203px;
	padding-left: 7px;
}


.gd_3ColumnGrid .right .positionImage {
	float: left;
	margin-top: 88px;
	margin-left: 33px;
}



/* ********************************************************
* 2-Column Grid
******************************************************** */
/* Describes the content area found in the center portion of the screen */
.gd_2ColumnGrid { 
	float: left;
	width:  100%;
	min-height:320px;
	height:auto !important; /* set a min height - IE and non-IE browser hack */	
	height: 320px;
	padding-bottom: 5px;
}

.gd_2ColumnGrid .left {  
	float: left;
	width:  548px !important;
	width: 556px;
/*	height: 100%; */
	padding-left: 0px;
	padding-right: 7px;
	border: 1px #59595B solid;
	border-width: 0px 1px 0px 0px;
}
.gd_2ColumnGrid .right {
	float: left;
	width: 196px !important;  
	width: 203px;
	padding-left: 7px;
}
.gd_2ColumnGrid .right .positionImage {
	float: left;
	margin-top: 88px;
	margin-left: 33px;
}
