/*
Width diagram:
                                870px (requires 1024x768 resolution)
                                 |
                                 |
                          870    +    27 (right scroll bar)
                    #containerDivS
                           | 
                           | 
                  870      +     2 (1 left border + 1 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; /* This centers the page. */
  width: 870px;
}    

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

#topNavDivS
{
    float: left;
    width: 100%;
    padding-bottom: 1px;
    padding-right: 3px;
    text-align: right;  
}

#encloseHeaderCenterLeftRightDivS
{
    float: left;
    width: 870px;
    border-top: 1px solid #032147;
    border-left: 1px solid #032147;
    border-right: 1px solid #032147;
    background-color:#eeeee7;
    background-image: url(/uploadedimages/universal_images/templates/pillar3.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}

#headerDivS
{
    float: left;
    width: 100%;
}

#headerBoxDivS
{
    float: left;
    width: 870px;
    height: 97px;
}

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

#headerStarkTagLineDivS
{   
    float: left;
    height: 97px;
    background-color: #032147;
}

#headerCorniceDivS
{   
    float: right;
    height: 97px;
    background-color: transparent;
}

#headerNavDivS
{
    float: left;
    width: 100%;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    background-image: url(/uploadedimages/universal_images/templates/headerNavSpacer.gif);
}

#EkMenuDivS
{
    float: left;
    height: 30px;
    width: 647px; /* 870px wide less 223px for searchDivS */
}

#searchDivS
{ 
    float: right;
    width: 223px; /* 870px wide less 647px for EkMenuDivS */
    height: 30px;
    background-image: url(/uploadedimages/universal_images/templates/Searchbox-bg.gif);
    vertical-align: middle;  
}
    

#encloseCenterLeftRightDivS
{
    float: left;
    background-color: transparent; 
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

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

#leftLoginDivS
{
    float: left;
    width: 180px;
    background-color: #032147;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 8px;
    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;
height: 10px;
width: 100%;
background-color: #eeeee7;
  	border-left: 1px solid #032147;
    border-right: 1px solid #032147;
}
*/

#footerDivS 
{
    float: left;
    width: 870px;
    clear: both;
    background-color: #032147;
    border: 1px solid #032147;
}    

/* 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:0px;
    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:4px;
}

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

/* 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;
}

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

.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; 
}

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

/* 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;
}

/* 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;
}

.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;
}