/*
Width diagram:
                                800px
                                 |
                                 |
                          773    +    27 (right scroll bar)
                    #containerDivS
                           | 
                           | 
                  769      +     4 (2 left border + 2 right border)
   #encloseHeaderCenterLeftRightDivS
                   |  
                   |
           591     +           178                   *769*
   .encloseCenterLeft   #rightContainerDivS   .encloseCenterLeft2Col
            |                                          |
            |                                          |
            |                                 197      +       *570*     + 2 (border)
            |                        #leftContainerDivS   .centerContainer2Col
            |
      197   +          392      +     2 (1 left border + 1 right border)
#leftContainerDivS  .centerContainer
*/

/* These "id=" styles can only be referenced by one <div id="#style"> tag in any given ASP page (.master, .aspx, or .ascx). See bottom of document for "class" styles. */

/* Note: Naming convention: the "S" suffix means that this is a div id that is used to control the structure of an asp page. If an asp page contains a div tag with an id that does not end in "S", then that div id SHOULD NOT be in the css. */
#containerDivS 
{
  margin:0 auto;
  width:873px; /* 773 */
}    

#frameDivS
{
 	float:left;
  clear:both;
	width:100%;
	height:100%;
}

#topNavDivS 
{
    float:left;
    clear: both;
    width: 100%;
    padding-bottom: 1px;
    text-align:left;   
    background-color: #ffffff;
}

#encloseHeaderCenterLeftRightDivS
{
    float: left;
    width: 869px; /* 769 is max width so content displays at 800 x 600 w/no scrolling */
  	 border-top: 2px solid #c7c3c3;
  	 border-left: 2px solid #c7c3c3;
  	 border-right: 2px solid #c7c3c3;
}

#headerDivS 
{
    float: left;
    width: 100%;
    background-color: #032147;
}

#headerLogoDivS 
{   
    float: left;
    background-color: #032147;
}

#headerNavPracticeManagementIconDivS
{   
    float: left;
}

#headerNavProfessionalDevelopmentIconDivS
{   
    float: left;
}

#headerNavMemberCommunityIconDivS
{   
    float: left;
}

#headerNavPublicPolicyIconDivS
{   
    float: left;
}

#searchDivS 
{
	width:44%;
    float: right;
    padding-top: 0px;
    padding-right: 0px; /* 1 em; */
}    

/* Moved text to search form user control. Created whitetext style in styles.css
#searchTextDivS 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}*/

#topBorderDivS
{
    float: left;
    border-top: 2px solid #c7c3c3;
}

#encloseCenterLeftRightDivS
{
    float: left;
    background-color:#f0f0e9;
     /*; causes bkgrnd of everything between the header and the footer to be light tan */
}

#leftContainerDivS
{
    float: left;
    width: 197px;
}

#leftLoginDivS
{
    float: left;
    width: 94%;
    margin-left:3px;
    margin-bottom:10px;
}

#leftRemainderDivS
{
    float: left;
    width: 93%;
}

#centerTitleDivS 
{
    float: left;
    width: 100%;
    text-align:center;
}
    
#rightContainerDivS
{
    float: left;
    width: 178px;
}

#rightTopDivS
{
    float:left;
    width: 93%;
}

#rightRemainderDivS
{
    float:left;
    width: 93%;
}

#bottomBorderDivS
{
    float: left;
    background-color:Aqua;
  	border-left: 2px solid #c7c3c3;
    border-right: 2px solid #c7c3c3;
}

#footerDivS 
{
    float: left;
    width: 869px; /* 769 */
    clear: both;
    background-color: #032147;
    border: 2px solid #c7c3c3;
}    

/* These "class" styles can be referenced from multiple <tag class="style"> tags in any given ASP page. */
.leftBlock
{
    float: left;
    width: 100%;
    border: 1px solid #c4c5b3;
    background-color: #e0e1d6;
    margin-left:3px;
    margin-bottom:10px;
   	font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.leftBlockBorderless
{
    float: left;
    width: 100%;
    margin-left:5px;
    margin-bottom:10px;
   	font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.interior2Column
{
  float: left;
  width: 95%;
  padding-left:12px;
  padding-right:8px;
  padding-bottom:5px;		
}

.interior1Column
{
  float: left;
  width: 85%;
  padding-top:3px;
  padding-left:38px;
  padding-right:0px;
  padding-bottom:5px;		
}

.centerFullTop
{
  float: left;
  width: 98%;
  padding-left:7px; /*grh test */
  /* GRH:8/31/06 Comment out padding-bottom to try to "tighten up" */
  /*padding-bottom:5px;*/
}

/* GRH:9/2/06 Added centerFullTopWithPaddingBottom to improve spacing in IE. */
.centerFullTopWithPaddingBottom
{
  float: left;
  width: 98%;
  padding-left:7px; /* grh test*/
  padding-bottom:6px;
}

/* GRH:1/31/07 Added centerFullTopWithPaddingTop to improve spacing in IE. */
.centerFullTopWithPaddingTop
{
  float: left;
  width: 98%;
  padding-left:7px; /* grh test*/
  padding-top:11px;
}

/* GRH:9/3/06 Added centerFullWithBorder. */
.centerFullWithBorder
{
  float: left;
  width: 98%;
  padding-left:4px;
  padding-bottom:6px;
  background-color: #e0e1d6;
  margin-left:1px;
  border: 1px solid #c4c5b3;
}

.centerLeftHalf 
{
  float: left;
  width: 48%;
  background-color: #e0e1d6;
  margin-left:2px;
  border: 1px solid #c4c5b3;
}

.centerLeftHalfHome
{
  float: left;
  width: 49%;
  background-color: #ffffff;
  margin-left:2px;
  
}

.centerRightHalf
{
  float: right;
  width: 48%;
  background-color: #e0e1d6;
  margin-right:2px;
  border: 1px solid #c4c5b3;
}

.centerRightHalfHome
{
  float: right;
  width: 49%;
  background-color: #ffffff;
  margin-right:2px;

}

.centerFullBottom
{
	clear: both;
    float: left;
    width: 98%;
    padding-left:4px;
    padding-bottom:5px;
}

/* This is defined as a class= style so that it can be changed by code behind. */ 
.encloseCenterLeft
{
    float: left;
    width: 691px; /* 591 */
}

/* This is defined as a class= style so that it can be changed by code behind. */ 
.encloseCenterLeft2Col
{
    float: left;
    width: 869px; /* 769 */
}

/* 10/2/06GRH Added for full-width templates. */
.encloseCenterFull
{
    float: left;
    width: 100%;
}

/* This is defined as a class= style so that it can be changed by code behind. */ 
.centerContainer
{
    float: right;
    width: 492px; /* 392 */
    background-color:#ffffff; /* causes bkgrnd of center column to be white - overlays the tan background from encloseCenterLeftRightDiv */
    border: 1px solid #c4c5b3;
}


/*  11/11/09 Added by Holly for the search.master template */
.centerContainerFullWidth
{
    float: right;
    width: 665px;
    background-color:#ffffff;
    border: 1px solid #c4c5b3;
    margin-right: 5px;
}
/* 11/11/09 Added by Holly for the search.master template */
.encloseSearch
{
    float: left;
    width: 869px; /* 769 */
}


/* This is defined as a class= style so that it can be changed by code behind. */ 
.centerContainer2Col
{
    float: right;
    width: 670px; /* 570 */
    background-color:#ffffff; /* causes bkgrnd of center column to be white - overlays the tan background from encloseCenterLeftRightDiv */
    border: 1px solid #c4c5b3;
}

/* GRH:10/31/07 Added for controlling the "printable version" page.
.centerContainer2ColFloatLeft
{
    float: left;
    width: 670px; /* 570 */
    background-color:#ffffff; /* causes bkgrnd of center column to be white - overlays the tan background from encloseCenterLeftRightDiv */
    border: 1px solid #c4c5b3;
}

.rightBlock
{
    float: left;
    width: 98%;
    border: 1px solid #c4c5b3;
    background-color: #e0e1d6;
    margin-left:2px;
    margin-bottom:10px;
    padding:2px;
   	font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

.rightBlockBorderless
{
    float: left;
    width: 100%;
    margin-left:5px;
    margin-bottom:10px;
   	font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
}

/* Styles for expanding/collapsing dhtml collection */
.faqquestion
{
	vertical-align:middle;
	height:20px;
  cursor: hand;
}

/* padding around calendar gridview */
.centerFullGridView
{
  margin-left:6px; 
  margin-right:5px;
  margin-bottom:6px;
  padding-bottom:5px;
}

/* GRH:10/25/07 Need a class for a div that just causes it to float left. */
.floatLeft
{
	float:left;
}

/* GRH:10/25/07 Need a class for a div that just causes it to float right. */
.floatRight
{
	float:right;
}

/* GRH:10/18/06 Styles when someone uses file -> print to print our pages. */
@media print
{
	#containerDivS 
	{
		float:none;
	}
	
	#frameDivS 
	{
		float:none;
	}

	#topNavDivS 
	{
		float:none;
	}	

	#encloseHeaderCenterLeftRightDivS 
	{
		float:none;
	}

	#headerDivS 
	{
		float:none;
	}
	
	#headerLogoDivS 
	{
		float:left;
	}
	
	#headerNavPracticeManagementIconDivS 
	{
		float:left;
	}
	
	#headerNavProfessionalDevelopmentIconDivS
	{
		float:left;
	}
	
	#headerNavMemberCommunityIconDivS
	{
		float:left;
	}
	
	#headerNavPublicPolicyIconDivS
	{
		float:left;
	}
	
	#searchDivS
	{
		float:left;
	}
	
	#topBorderDivS 
	{
		/*display:none;*/
		float:none;
	}
	
	#encloseCenterLeftRightDivS 
	{
		float:none;
	}

	.encloseCenterLeft
	{
		float:none;
	}
	
	.encloseCenterLeft2Col 
	{
		float:none;
	}
	
	.centerContainer
	{
		float:none;
	}
	
	.centerContainer2Col
	{
		float:none;
	}
	
	.interior1Column
	{
		float:none;
	}

	.interior2Column
	{
		float:none;
	}

	.centerFullTopWithPadding
	{
		float:none;
	}	
	
	.centerFullTopWithPaddingBottom
	{
		float:none;
	}	

	.collectionTitleLarge
	{
		float:none;
	}

	.collectionTitleSmall
	{
		float:none;
	}

	.centerLeftHalf
	{
		float:none;
	}
	
	.centerRightHalf
	{
		float:none;
	}
	#leftContainerDivS 
	{
		float:none;
	}
	
	#leftLoginDivS
	{
		float:none;
	}
	
	#leftRemainderDivS 
	{
		float:none;
	}
	
	#rightContainerDivS 
	{
		float:none;
	}
	
	#bottomBorderDivS 
	{
		/*display:none;*/
		float:none;
	}
	
	#footerDivS
	{
		float:none;
	}

	#GoBackAndPrintLinksDiv
	{
		float:none;
	}
	#GoBackAndPrintLinksDiv1
	{
		float:none;
	}
	
	#GoBackAndPrintLinksDiv2
	{
		float:none;
	}

	.leftColCB1
	{
		float:none;
	}
	
	.leftBlock
	{
		float:none;
	}
}