/*  Stylesheet for Philadelphia Insurance Companies
--------------------------------------------------------
File Name: phly_main.css
Media: Screen
-------------------------------------------------------- */ 
    
    
/*  --------------------------------------------------------------------------- 
    STANDARD HTML DOCUMENT ELEMENTS
    --------------------------------------------------------------------------- */
    * 
        {   margin: 0px; 
            padding: 0px; }
    body
        {   background: #FFFFFF; 
            color: #000000; 
            margin: 0px 0px 15px 0px; 
            font-family: Arial, Helvetica, sans-serif; }    
 
                
                
/*  --------------------------------------------------------------------------- 
    STANDARD HTML BLOCK ELEMENTS
    --------------------------------------------------------------------------- */
    a img 
        { border: 0px none; }
    



/*  ---------------------------------------------------------------------------
    STANDARD HTML LIST ELEMENTS
    --------------------------------------------------------------------------- */    
    li 
        {   font-family: Arial, Helvetica, sans-serif; }
    ol 
        {   font-family: Arial, Helvetica, sans-serif; }
    ul 
        {   font-family: Arial, Helvetica, sans-serif; }
    
   /* dd 
        {   font-family: Arial, Helvetica, sans-serif; }
    dt 
        {   font-family: Arial, Helvetica, sans-serif; }
    dl 
        {   font-family: Arial, Helvetica, sans-serif; } */
    


/*  --------------------------------------------------------------------------- 
    STANDARD HTML TABLE ELEMENTS
    --------------------------------------------------------------------------- */    
    table 
        {   width: 100%; 
            margin: 5px 0px 15px 0px;  
            font-size: 11px; 
            border-collapse:collapse;  
            border-top: 1px dashed #3366cc; 
            border-right: 2px solid #3366cc; 
            border-bottom: 1px dashed #3366cc; 
            border-left: 2px solid #3366cc; }
    table a 
        {   text-decoration: none; }
    table a:hover
        {   text-decoration: underline; }
    th 
        {   padding: 5px 5px 5px 5px; 
            text-align: left; 
            color: #3366cc; 
            border-bottom: 4px double #c7d1c6; 
            background: #ffffff; 
            vertical-align: bottom; }
   
    td      
        {   padding: 2px 7px 2px 7px; 
            text-align: left; 
            border-bottom: 1px solid #c7d1c6; 
            background: #ffffff; }
    


/*  --------------------------------------------------------------------------- 
    STANDARD HTML FORM ELEMENTS
    --------------------------------------------------------------------------- */    
    textarea 
        {   font-family: Arial, Helvetica, sans-serif; 
            font-size: 11px; 
            color: #666666; }
    button 
        {   font-family: Arial, Helvetica, sans-serif; 
            font-size: 11px; 
            color: #666666; }
    select 
        {   font-family: Arial, Helvetica, sans-serif; 
            font-size: 11px; 
            color: #666666; }
    input 
        {   font-family: Arial, Helvetica, sans-serif; 
            font-size: 11px; 
            color: #666666; }
    fieldset 
        {   font-size: 11px; 
            color: #666666; 
            border: 0px; 
            padding: 10px; }
    legend 
        {   font-size: 13px; 
            font-weight: bold; 
            color: #134074; 
            margin: 0px 0px 2px -10px; }
    
    select
        {   border: 1px solid #3366cc; 
            padding: 0px 0px 0px 5px; }    
    

/*  --------------------------------------------------------------------------- 
    CUSTOM FORM ELEMENTS
    --------------------------------------------------------------------------- */
    .inputbox
        {   border: 1px solid #3366cc; 
            margin: 2px 0px 0px 0px; 
            padding: 0px 0px 0px 5px; 
            background-color: #ffffff; }
    .selectboxwithbutton  
        {   border: 1px solid #3366cc; 
            margin: 4px 0px 0px 0px; 
            padding: 0px 0px 0px 5px; 
            background-color: #ffffff; }
    .inputboxwithbutton  
        {   border: 1px solid #3366cc; 
            margin: 4px 0px 0px 0px; 
            padding: 0px 0px 0px 5px; 
            background-color: #ffffff; }
    .inputboxbutton /* Button with an inputbox next to it */ 
        {   margin: 0px 0px 0px 3px; 
            padding: 0px; 
            vertical-align: bottom; 
            border: none; }    
    .selectboxbutton    /* Button with a selectbox next to it */
        {   margin: 2px 0px 0px 0px; 
            padding: 0px; 
            vertical-align: top; 
            border: none; }
            
    .gobutton 
        {   margin:-4px 0px 0px 0px; 
            position:relative; 
            top:5px; } 
       


/*  --------------------------------------------------------------------------- 
    CUSTOM HTML BLOCK ELEMENTS
    Note: tags with more link will not work if on a line by itself when displayed on page.
    --------------------------------------------------------------------------- */
    a.morelink 
        {   text-decoration: none; 
            padding: 0px 13px 0px 0px; 
            background: url(../images/icons/morelink.gif) no-repeat 100% 4px; }
    a.morelink:hover 
        {   background: url(../images/icons/morelink_on.gif) no-repeat 100% 4px; }
        
/*  --------------------------------------------------------------------------- 
    CUSTOM TEXT ELEMENTS
    --------------------------------------------------------------------------- */
    .medium 
        {   font-size: 11px;
			font-weight: bold;
			color:Navy; }
    
    .disclaimer 
		{	font-size:11px; color:#666666;	}
    
    /*  Block Text Elements
        ------------------------------- */  
        div.red-rule    /* Red dashed border use with div tag */
            {   border-top: 1px dashed #cc0000; 
                height: 1px; 
                margin: 20px 0px; }						   
	    div.pageheaderHolder    /*No header image, but a placeholder is needed to represent it*/
	        {   padding-top: 40px;  }  
                  
                    
    /*  Header Text Elements
        ------------------------------- */                  
        h2.actionhistory
            {   padding-left: 7px; }


    /*  Span Elements
        ------------------------------- */                                  
        span.viewall
            {   font-weight: normal; 
                padding-left: 10px; 
                font-size:11px; 
                color:#666666; }
        span.required
            {   color: #FF0000; }
        span.errormsg
            {   color: #FF0000; }
        span.success
            {   color: #FF0000; }
        span.message
            {   color: #000000; 
                font-size: 13px; }
        span.normsizefont
            {   font-size: 12px; }
        span.lgsizefont
            {   font-size: 13px; }
        span.label
            {   font-weight: bold; }
        
        span.transparentradios table
            {   border: none 0px; 
                margin: 0px;  }
        span.transparentradios .label
            {   padding: 3px;  }
        span.transparentradios table td
            {   border: none 0px; background-color: Transparent; white-space:nowrap; }
        span.transparentradios table label
            {   padding-left: 3px; }
                
/*  --------------------------------------------------------------------------- 
    CUSTOM TABLE ELEMENTS
    --------------------------------------------------------------------------- */                
    table td.tablefooter 
        {   border-bottom: none; 
            padding: 5px 10px 5px 10px; }
    table td.tablefooter a 
        {   position: relative; 
            bottom: 5px; }
    table th.noborders
        {   border: none; }   
    table td.noborders
        {   border: none; }   
    table td.leftborder 
        {   border-left: 1px solid #c7d1c6; }
    table td.nopadding
        {   padding: 0px; 
            border: none; }
	div.transparentitem table
		{	border: 0px;  }
	div.transparentitem table td
		{	border: 0px; }	
	td.transparentitem  table
		{	border: 0px; }	
	table.transparentitem td
		{ border: 0px; }
	table label
        {   padding: 3px; }
      
/*  --------------------------------------------------------------------------- 
    CUSTOM TABLE SECTIONS
    The sections also have accompanying elements for the sections (p, div, a, etc. tags)
    --------------------------------------------------------------------------- */                    
    
    /*  Transparent Table
        Transparent background, no borders, no padding
        ------------------------------- */  
        .transparenttable 
            {
				font-size: 11px;
				margin: 0px 0px 0px 0px;
				border: none 0px;
			}
        .transparenttable table
            {   width: auto; 
                border: none 0px; }
        .transparenttable th 
            {   padding: 0px 0px 0px 0px; 
                text-align: left; 
                color: inherit; 
                border-bottom: none; 
                background: inherit; 
                vertical-align: bottom; }
       
        .transparenttable td 
            {   padding: 0px 0px 0px 0px; 
                text-align: left; 
                border-bottom: none; 
                background: none; }
        
     /*  Product Search table
         ----------------------------  */  
		.productsearch 
            {   font-size: 11px; 
                margin: 20px 0px 20px 0px;               
                background: #FFFFFF; 
                border: solid 5px #999CCC; }
                	         
        
       
        .productsearch td 
            {   padding: 10px 0px 0px 20px; 
                text-align: left;                 
                vertical-align: top;
                border-bottom: none;                 
                background: none; }
        


    /*  Outer Table
        Usually used with grid items - a bordered table
        Note: Outertable Div and Table elements here
        ------------------------------- */ 
        div.outertable  
            {   background: #ffffff; 
                margin: 5px 0px 15px 0px; 
                padding: 0px; 
                border-top: 1px dashed #3366cc; 
                border-right: 2px solid #3366cc; 
                border-bottom: 1px dashed #3366cc; 
                border-left: 2px solid #3366cc; }     
        div.outertable div.heading
            {   padding: 5px 5px 5px 5px; 
                text-align: left; 
                color: #3366cc; 
                border-bottom: none; 
                background: #ffffff; 
                vertical-align: bottom; }
        table.outertable 
            {   width: 100%; 
                font-size: 12px; 
                /*font-size: 11px;*/ 
                /*margin: 5px 0px 15px 0px; border-collapse: collapse; border-top: 1px dashed #3366cc; border-right: 2px solid #3366cc; border-bottom: 1px dashed #3366cc; border-left: 2px solid #3366cc;*/ }
        table.outertable a 
            {   text-decoration: none; }
        table.outertable a:hover 
            {   text-decoration: underline; }
        table.outertable .viewall
            {   font-weight: normal; 
                font-size:11px; 
                color:#666666; }
        table.outertable th 
            {   padding-bottom: 10px; 
                padding-top: 5px; 
                /*padding: 2px 5px 2px 5px;*/ 
                text-align: left; 
                color: #3366cc; 
                border-bottom: none; 
                background: #ffffff; 
                vertical-align: bottom; }
        
        table.outertable td 
            {   padding: 0px; 
                text-align: left; 
                /*border-bottom: none;*/ 
                border:none; 
                background: #ffffff; }
         
            
                 
    /*  Inner Table        
        Usually used with grid items & paired inside table.outertable
        NOTE: Innertable Div and Table elements here
        ------------------------------- */ 
        div.innertable
            {   background: #ffffff; 
                margin: 0px; 
                padding: 2px 7px 2px 7px; 
                border-top: none; 
                border-right: none; 
                border-bottom: none; 
                border-left: none; }
        table.innertable 
            {   width: 100%; 
                font-size: 11px; 
                margin: 0px; 
                border-top: none; 
                border-right: none; 
                border-bottom: none; 
                border-left: none; }
        table.innertable a 
            {   text-decoration: none; }
        table.innertable a:hover 
            {   text-decoration: underline; }
        table.innertable th 
            {   padding: 2px 5px 2px 5px; 
                text-align: left; 
                color: #3366cc; 
                border-bottom: 4px double #c7d1c6; 
                background: #ffffff; 
                vertical-align: bottom; }
       
        table.innertable td 
            {   padding: 2px 7px 2px 7px; 
                margin:0px; 
                text-align: left; 
                border-bottom: 1px solid #c7d1c6; 
                background: #ffffff; }
        

    /*  White Content Table
        ------------------------------- */        
	    .whitecontentblock table 
	        {   position: relative; 
	            background: #ffffff; 
	            border-top: 1px dashed #3366cc; 
	            margin: 5px 0px 15px 0px; 
	            padding: 10px 10px 10px 5px; 
	            border-right: 2px solid #3366cc; 
	            border-bottom: 1px dashed #3366cc; 
	            border-left: 2px solid #3366cc;}
	    .whitecontentblock select 
	        {   padding: 0px 0px 0px 5px; 
	            border: 1px solid #3366cc; 
	            color: #666666; }
        .whitecontentblock a 
            {   font-size: 10px; 
                text-decoration: none; }
        .whitecontentblock a:hover 
            {   text-decoration: underline; }
	    .whitecontentblock h1 
	        {   font-size: 18px; 
	            font-weight: normal; 
	            color: #003d7d; 
	            margin: 0px 10px 10px 0px; 
	            clear: both;}
	    td.whitecontentblock dl 
	        {   float: left; 
	            margin: 0px; 
	            padding: 0px; 
	            position: relative; 
	            top: 0;}
	    td.whitecontentblock dl:after 
	        {   content: ""; 
	            display: block; 
	            height: 0; 
	            clear: both; } 
	    td.whitecontentblock dl 
	        {   height: 100%; }						
	    td.whitecontentblock dl dt 
	        {   float: left; 
	            margin: 0px; 
	            padding: 0px; 
	            display: block; 
	            text-align: right;  }
	    td.whitecontentblock dl dd 
	        {   float: left; 
	            margin: 0px; 
	            padding: 0px 0px 5px 0px; 
	            display: block; }	

        
    /*  Links For You 
        Specific table elements - primarily column width
        ------------------------------- */
        table.linksforyou
            {   width: 636px; }
        table.linksforyou th h1
            {   float: left; }                   
        table.linksforyou td
            {   border-bottom: solid 1px #C7D1C6; 
                padding-right: 0px; 
                padding-left: 0px; } 
        table.linksforyou img.askus
            {   padding-left: 100px; }
        table.linksforyou ul.bluearr li ul
            {  list-style-type:none;}
            table.linksforyou ul.bluearr li ul li
                {   border-bottom: solid 1px #c7d1c6;}
        
                
                    
    /*  Change Password 
        Specific table elements - primarily column width
        ------------------------------- */  
        table.changepw
            {   width: 636px; }
        table.changepw td.col1 
            {   width: 150px; }
        table.changepw td.col2
            {   width: 100px; }
        table.changepw td.col3
            {   width: 386px; }
        table.changepw td.tablefooter
            {   text-align: right; }
             
             
    /*  Profile User Information
        Specific table elements - primarily column width
        ------------------------------- */    
        table.userinfo
            {   width: 636px; }
        td.col3
            {   width: 100px; }
        table.userinfo td.col1
            {   width: 100px; }
        table.userinfo td.col2
            {   width: 233px; }
        table.userinfo td.col4
            {   width: 203px }
        table.userinfo td.tablefooter
            {   text-align: right; }


    /*  Profile Billing Preference
        Specific table elements - primarily column width
        ------------------------------- */    
        table.billpref
            {   width: 636px; }
        table.billpref td.col1 
            {   width: 100px; }
        table.billpref td.col2
            {   width: 536px; }
        table.billpref td.tablefooter
            {   text-align: right; }
       
    /*  Profile Submission Email Preference
        Specific table elements - primarily column width
        ------------------------------- */    
        table.submEmail
            {   width: 636px; }
        table.submEmail td.col1 
            {   width: 80px; }
        table.submEmail td.col2
            {   width: 536px; }
        table.submEmail td.tablefooter
            {   text-align: right; }   
       
    /*  Profile Commissions
        Specific table elements - primarily column width
        ------------------------------- */    
        table.commissions
            {   width: 636px; }
        table.commissions td.col1
            {   width: 100px; }
        table.commissions td.col2
            {   width: 536px; }
        table.commissions td.tablefooter
            {   text-align: right; }
                
                        
    /*  Administrator (Roles of users, User stats)
        Specific table elements - primarily column width
        ------------------------------- */       
        table.roles
            {   width: 636px; }
        table.roles td.col1 
            {   width: 150px; }
        table.roles td.col2
            {   width: 486px; }


    /*  Administrator Email Check
        Specific table elements - primarily column width
        ------------------------------- */        
        table.emailcheck
            {   width: 636px; }
        table.emailcheck td.col1
            {   width: 150px; }
        table.emailcheck td.col2
            {   width: 486px; }


    /*  Profile Change Email
        Specific table elements - primarily column width
        ------------------------------- */        
        table.emailchange
            {   width: 636px; }
        table.emailchange td.col1
            {   width: 170px; }
        table.emailchange td.col2
            {   width: 10px; }
        table.emailchange td.col3
            {   width: 456px; }
            
            
    /*  Claims Search & Policy Search
        Specific table elements - primarily column width
        ------------------------------- */        
        table.claimsearch   
        {   width: 626px;
            margin-left: 7px;
            padding: 0px;
            border: 0px; }   
        table.claimsearch td.col1
            {   width: 100px; }
        table.claimsearch td.col2
            {   width: 150px; }
        table.claimsearch td.col3
            {   width: 320px; }

        table.policysearch
            {   width: 633px;
                /*margin-left: 7px;*/
                margin-left: 0px;
                padding: 0px;
                border: 0px; }                        
        table.policysearch td.col1
            {   width: 250px; }
        table.policysearch td.col2
            {   width: 100px; }
        table.policysearch td.col3
            {   width: 250px; }  
           
                      
    /*  Claims Summary
        Specific table elements - primarily column width
        ------------------------------- */        
        table.claimsummary
            {   width: 633px; }
        td.col3
            {   width: 143px; }
        table.claimsummary td.col1
            {   width: 143px; }
        td.col4
            {   width: 170px; }
       
       
        table.claimsummary td.col2
            {   width: 170px; }
       
       
    /*  Policy Summary
        Specific table elements - primarily column width
        ------------------------------- */        
        table.policysummary
            {   width: 633px; }
        table.policysummary td.col1
            {   width: 100px; }
        table.policysummary td.col2
            {   width: 260px; }
        table.policysummary td.col3
            {   width: 110px; }
        table.policysummary td.col4
            {   width: 163px; }     
            

    /*  Profile Request Address Change
        Specific table elements - primarily column width
        ------------------------------- */        
        table reqaddchange
            {   width: 633px; }
        table.reqaddchange td.col1
            {   width: 120px; }
        table.reqaddchange td.col2
            {   width: 10px; }
        table.reqaddchange td.col3
            {   width: 490px; }


    /*  Custom Report - Specific table column properties
        Specific table elements - primarily column width
        ------------------------------- */        
        table.customreport
            {   width: 633px; }
        table.customreport td.col1
            {   width: 150px; }
        table.customreport td.col2
            {   width: 10px; }
        table.customreport td.col3
            {   width: 473px; }
               
                                  
    /*  Reports
        Specific table elements - primarily column width
        ------------------------------- */        
        table.reports
            {   width: 633px; 
                font-size: 13px; }
        table.reports td.agents
            {   padding-left: 15px; }
        table.reports td span.agencynames table
            {   border: none; 
                font-size: 13px; }
        table.reports td span.agencynames table td
            {   border: none; }
        table.reports td table.accidentyr td
            {   border: none; }
        table.reports td table.accidentyr 
            {   border: none; 
                font-size: 13px;  }
        table.reports td table.accidentyr td.col1
            {   width: 150px; }
        table.reports td table.accidentyr td.col2
            {   width: 483px;  }            
        table.reports td table.reportcl td
            {   border: none; }
        table.reports td table.reportcl 
            {   border: none; 
                font-size: 13px;  }
        table.reports td table.reportdo td
            {   border: none; }
        table.reports td table.reportdo 
            {   border: none; 
                font-size: 13px;  }         
            
            
    /*  New User Section
        Specific table elements - primarily column width
        NOTE: Newuser Div and Table elements here
        ------------------------------- */          
        div.newuser
            {   background: #ffffff;
                margin: 0px; 
                padding: 7px 7px 2px 7px; 
                border-top: 1px dashed #3366cc; 
                border-right: 2px solid #3366cc; 
                border-bottom: 1px dashed #3366cc; 
                border-left: 2px solid #3366cc; }
        table.newuser
            {   width: 905px; 
                border: 0px; }
        table.newuser td.col1
            {   width: 120px; }
        table.newuser td.col2
            {   width: 10px; }
        table.newuser td.col3
            {   width: 200px; }
         table.newuser td.col4
            {   width: 575px; }

			               
/*  ---------------------------------------------------------------------------
    PRODUCER PROFILE FORM
    Specific for the Producer Profile Form
    --------------------------------------------------------------------------- */    
	.pp_section { background-color:#FFFFFF; margin: 5px 0px 25px 0px;padding: 0px 0px 0px 0px;  font-size: 11px; color: #000000; border-top: 1px dashed #3366cc; border-right: 2px solid #3366cc; border-bottom: 1px dashed #3366cc; border-left: 2px solid #3366cc; }
	.pp_sectionheading { font-size:18px; font-weight:bold; color:#000e66; padding:0px 0px 10px 0px; }
	.pp_parts { padding:10px 5px 10px 5px; border-bottom: 1px solid #c7d1c6;}
	.pp_question {padding-bottom:10px; font-weight:bold;}
	table.prodprofile_preview
		{	font-size: 11px; background: #ffffff;}
	table.prodprofile_preview td
		{	padding: 5px; font-weight: bold; border-bottom:none 0px;  color:#000000; }
	table.prodprofile_preview .label
		{	font-weight: normal; color:#535873; }
	table.prodprofile_preview td.separator 
		{ padding: 0px;	}
	table.prodprofile_preview td.separator hr
		{ color:#c7d1c6; height:.5px;	}		
	table.prodprofile_preview td table
		{  border:solid 0px #c7d1c6; font-weight:normal; color:#000000;	}
	table.prodprofile_preview td table th
		{ color:#000000; font-weight:normal; }
	table.prodprofile_preview td table td
		{  border:solid 1px #c7d1c6; font-weight:normal; color:#535873; }
         


/*  --------------------------------------------------------------------------- 
    BODY STATE NOTICE
    --------------------------------------------------------------------------- */                
    body#StateNotice
        {   width:100%; 
            height:100%;
            margin: 0px;
            padding: 0px; }
    body#StateNotice div
        {   width: 100%; height: 100%;
            background: #f2edb1;
            padding: 5px;
            margin: 0px 0px 0px 0px; } 
    body#StateNotice div P 
        {   height: 290px;
            width: 375px;       
            font-size: 12px;
            background: #f2edb1;  }   




/*  ---------------------------------------------------------------------------- 
		STOCK QUOTE AREA
    --------------------------------------------------------------------------- */
                        
		.stockQuote 
        {   
			position:relative; 
            background: #ffffff;            
            color:Navy; 
           /* border-top: 1px dashed #fad956;*/ 
            margin: 0px;                      
            padding: 0px 10px 15px 5px; 
            border-right: 2px solid #fad956; 
            border-bottom: 1px dashed #fad956; 
            border-left: 2px solid #fad956; }  


/*  --------------------------------------------------------------------------- 
    CONTENT CONTAINERS AND RESPECTIVE CUSTOM FLASH & HTML ELEMENTS
    --------------------------------------------------------------------------- */ 

    
    /*  Content for SpecialtyLines.aspx & CommercialLines.aspx to allow room for the rotating pics
        Main body content
        ------------------------------- */  
        
        #contentSLD
            {   width: 660px; height: 100%; padding-left: 23px;  font-size: 12px; background: /*#f2edb1*/#e9eef6;}
        #contentSLD:after 
            {   content: ""; display: block; height: 100%; clear: both; }
        #contentSLD .rotatingImage 
			{ float: right;  }
		#contentSLD img.pageheader 
			{ padding: 0px;  }     
		#contentSLD  #photochannel    /* Column 2 Photos */ 
			{   float: right; 
				width: 283px;				
				/*border: solid 1px #000000;*/				            
				margin: 0px 0px 0px 34px; } 
	   #contentSLD #textchannel 
            {   float: left; 
                width: 335px;
                margin: 0px;
                /*border: solid 1px #000000;*/ }  
       #contentSLD #textchannel ul.brochures /* Doc icon as bullets - links to documents */
            {   padding-bottom: 0px; }    
       #contentSLD #textchannel ul.brochures li    
            {   padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
                margin-bottom: 5px;                   
                margin-top: 0px;
                list-style: none none;                                       
                font-size:10pt;
                font-weight:bolder;                    
                background: url(../images/lists/bell_trans.gif) no-repeat top left; }       
      #contentSLD #textchannel ul li
                {   padding-left: 20px;
                    margin-bottom: 0px; 
                    margin-top: 0px;
                    list-style: none none; 
                    background: url(../images/lists/yellow_bullet.gif) no-repeat 8px 5px; }  
     
      /*  Outdoor Products
        format placement of flash content
        ------------------------------- */                  
                
		 .contentOutdoor 
			{   width: 660px; height: 100%; padding-left: 23px; font-size: 12px; background: #e9eef6;}
		
		.contentOutdoor #flashcontent
			{ float:right;
			  width: 282px;
			  height: 328px;
			 }
		.contentOutdoor ul li
			{   padding-left: 20px;
				margin-bottom: 0px; 
				margin-top: 0px;
				list-style: none none; 
				background: url(../images/lists/yellow_bullet.gif) no-repeat 8px 5px; }	
		.contentOutdoor ul.brochures li
			{   padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
                margin-bottom: 5px;                   
                margin-top: 0px;
                list-style: none none;                                       
                font-size:10pt;
                font-weight:bolder;                    
                background: url(../images/lists/bell_trans.gif) no-repeat top left; } 
		          
               
    /*  Content
        Main body content
        ------------------------------- */  
        .content
            {   width: 637px; height: 100%; padding: 23px; font-size: 12px; background: /*#f2edb1*/#e9eef6; }
        #content
            {   width: 637px; height: 100%; padding: 23px; font-size: 12px; background: /*#f2edb1*/#e9eef6;}
            
     
        
        #content:after 
            {   content: ""; display: block; height: 100%; clear: both; }
        #content blockquote 
            {   font-size: 12px; color: #01428d; background-color: #ffffff; padding: 8px 15px 8px 15px; margin-bottom: 15px; }
        #content blockquote.clearquote  /*Blockquote with no background color*/ 
            {   font-size: 12px; color: #000000; background-color:Transparent; padding: 8px 15px 8px 15px; margin-bottom: 15px; }
           
        /*  List Elements ------------------- */
            ol 
                {   padding-bottom: 10px; }
            #content ul 
                {   padding-bottom: 10px; }
            #content ul ul
                {   padding: 0px; }
            #content ol
                {   padding-left: 30px;  }
            #content li 
                {   padding: 2px; }
                
            #content ul li
                {   padding-left: 20px;
                    margin-bottom: 0px; 
                    margin-top: 0px;
                    list-style: none none; 
                    background: url(../images/lists/yellow_bullet.gif) no-repeat 0px 4px; }
           
            #content ul li h2 a 
                {   font-size: 14px; 
                    color: #1443a1; 
                    text-decoration: none; }	
            #content ul li h2 a:hover 
                {  color: #cc0000; 
                    text-decoration: none; }
                    
            ul.blanklist
                { padding-bottom: 10px; }
                                
            #content ul.blanklist
                { padding-bottom: 10px; }
            ul.blanklist li    
                {   padding: 0px 0px 0px 20px; 
                    list-style: none none; }
                    
             #content ul.blanklist li    
                {   padding: 0px 0px 0px 20px; 
                    list-style: none none; }
                    
                               
                 
            ul.emptylist
                { padding-bottom: 10px; }
                             
            #content ul.emptylist
                { padding-bottom: 10px; }
            ul.emptylist li    
                {   padding: 0px 0px 0px 0px; 
                    list-style: none none; 
                   }
                    
             #content ul.emptylist li    
                {   padding: 0px 0px 0px 0px; 
                    list-style: none none; 
                   }
                    
            /* SSS requested that the brochure links be bigger and more visible*/
            #content ul.brochures /* Doc icon as bullets - links to documents */
                {   padding-bottom: 0px; }    
            #content ul.brochures li    
                {   padding: 0px 0px 0px 20px; /* bottom padding to because of document icon */
                    margin-bottom: 5px;                   
                    margin-top: 0px;
                    list-style: none none;                                       
                    font-size:10pt;
                    font-weight:bolder;                    
                    background: url(../images/lists/bell_trans.gif) no-repeat top left; }       
                               
            #content ul.downloads /* Doc icon as bullets - links to documents */
                {   padding-bottom: 0px; }    
            #content ul.downloads li    
                {   padding: 0px 0px 10px 20px; /* bottom padding to because of document icon */
                    margin-bottom: 0px; 
                    margin-top: 0px;
                    list-style: none none; 
                    background: url(../images/lists/download.gif) no-repeat 5px 0px; }        
                    
            #content ul.checkmark   /* Checkmarks as bullets */
                {   padding-bottom: 10px; }                        
            #content ul.checkmark li    
                {   padding: 0px 0px 0px 20px; 
                    list-style: none none; 
                    background: url(../images/icons/checkmark.gif) no-repeat 5px 0px; }            
                    
            #content ul.preferences /* List using nothing */
                {   float: left; }
            #content ul.preferences li 
                {   padding: 0px; 
                    list-style: none none; 
                    background: transparent; }            
                    
            #content ul.bluearr li  /* List using small blue right arrows */
                {   padding-left: 20px; 
                    list-style: none none; 
                    background: url(../images/icons/arrow-right.gif) no-repeat 7px 3px; }
            
            #content ul.list /* List using nothing and with extra padding */
                {   float: left; }
            #content ul.list li 
                {   padding: 10px; 
                    list-style: none none; 
                    background: transparent;
                    vertical-align:middle;      }                 
                          
        /*  Paging Links Section (< Previous  Next >) ------------------- */
            #content .paginglinks 
                {   float: right; 
                    font-weight: normal; 
                    margin: 0px 0px 10px 0px; }
            #content .paginglinks li 
                {   float: left; 
                    padding: 0px 0px 0px 0px; 
                    margin: 0px; 
                    color: #666666; 
                    list-style: none none; 
                    background: none; }
            #content .paginglinks li.first 
                {   padding: 0px 5px 0px 10px; 
                    border: none; 
                    background: url(../images/lists/back.gif) no-repeat 0px 4px; }
            #content .paginglinks li.last 
                {   padding: 0px 10px 0px 5px; 
                    border: none; 
                    background: url(../images/lists/next.gif) no-repeat 100% 4px; }
            #content .paginglinks li a 
                {   color: #99ccff; }
            #content .paginglinks li a:hover 
                {   color: #cc0000; }
                    
                    
        /*  Text channels (Two columns in content section) ------------------- */
            #textchannel 
                {   float: left; 
                    width: 300px;                    
                    margin-right: 40px; }
            #widetextchannel    /* To compensate for smaller items list on right (ironman home pg)  */
                {   float:left; 
                    width:500px; }
            #smalltextchannel /*Use this to fit text instead of photos */
                {   float: left; 
                    width: 250px; 
                    margin: 230px 2px 0px 2px; }   
                                




/*  ---------------------------------------------------------------------------
    ALERTS/MESSAGES SECTION
    All types of alerts and messages.
    --------------------------------------------------------------------------- */ 
    .alert 
        {   padding: 0px 0px 0px 20px; 
            background: url(../images/icons/alert.gif) no-repeat 0px 2px; 
            color: #cc0000; 
            margin: 0px 0px 10px 0px; 
            font-size: 12px; }
    .bigalert 
        {   padding: 0px 0px 0px 20px; 
            background: url(../images/icons/alertblink.gif) no-repeat 0px 2px; 
            color: #cc0000; 
            margin: 0px 0px 10px 0px; 
            font-size: 16px; }
    span.warning
    {
        margin: 3px 3px 3px 3px;
        padding: 4px 4px 4px 20px;
        background: url(../images/icons/alert.gif) no-repeat 3px 8px;
        color: #cc0000;
        font-size: 16px;
        border-top: #990000 1px solid;
        border-right: #990000 1px solid;
        border-bottom: #990000 1px solid;
        border-left: #990000 1px solid;
        float: none;
        display: block;
    }
    .excpinfo 
        {   padding: 0px 5px 0px 10px; 
            color: #660000; 
            margin: 0px 0px 0px 0px; 
            font-size: 10px; }

/*  ---------------------------------------------------------------------------
    MISCELLANEOUS ITEMS
    Elements that are one-offs
    --------------------------------------------------------------------------- */  
   
    .caption 
        {   display: block; 
            padding: 2px 0px 15px 0px; 
            font-size: 10px; }
    .clear 
        {   clear: both; 
            overflow: auto; 
            width: 1px; 
            height: 1px; 
            margin: 0 -1px -1px 0; 
            border: 0; 
            font-size: 0px; 
            line-height: 0px; }
            
  
            
   #links
   	{
		width: 99%; }
		
   #links .col1
   	{
		width: 250px;
		float:left;}

	#links .col2
   	{
		width: 225px;
		float:right; }

	.secColTxt 
        {   float: right;
			width: 225px; 
			text-align:center;
            margin: 250px 0px 0px 0px;   }
            
    .rightImage 
		{ float: right;	}
	.leftImage 
		{ float: left;
		  padding: 0px 5px 5px 0px;	 }
		
	

        	        
/*  ---------------------------------------------------------------------------
    GET ACROBAT
    "Get Adobe Acrobat Reader (image)" element on pages that have pdf form to download
    --------------------------------------------------------------------------- */  
    div.getacrobatsmall
        {   padding: 0px; 
            margin: 0px; 
            border: 0px; 
            background: url(../images/icons/reader_icon.gif) no-repeat; 
            width: 160px; }
    div.getacrobatsmall span
        {   padding-left: 16px; 
            font-size: 11px; }
                        
                        


/*  ---------------------------------------------------------------------------
    CALL OUTS
    Example: PRODUCT Cross Sell Ads
    --------------------------------------------------------------------------- */        
    .callout 
        {   width: 683px; 
            height: 219px; 
            padding: 0px 0px 0px 0px; 
            font-size: 12px; 
            background: #ffffff url(../images/background/callout.gif) no-repeat 0px 0px; }
    .callouttext 
        {   float: right; 
            width: 475px; 
            padding: 35px 60px 0px 0px; }
    .callouttext h2 
        {   margin: 0px; 
            font-size: 18px; 
            color: #cc9933; }
    .callouttext h3 
        {   margin: 0px; 
            font-size: 14px; 
            color: #cc9933; }			   
    .callouttext img 
        {   margin: 0px 0px 5px 0px; }
    .calloutphoto 
        {   float: left; 
            margin: 42px 0px 0px 8px; }


/*  ---------------------------------------------------------------------------
    COLUMN (A)- PROMOTION (A)
    Example: COMMUNITY INVOLVEMENT Ads
    --------------------------------------------------------------------------- */  		
    #col_a 
        {   float: left; 
            width: 415px; 
            padding: 30px 24px 0px 0px; 
            font-size: 12px; }
    #col_a h2 
        {   font-size: 12px; 
            color: #dcb003; }
    .promo_a 
        {   float: left; 
            width: 411px; height: 100%;  
            margin: 0px 20px 0px 0px; 
            padding: 10px 0px 0px 0px; 
            border-left: 2px solid #cc0000; 
            border-right: 2px solid #cc0000; 
            background: url(../images/background/promo_a.gif) no-repeat -2px 0px; }
    .promo_a:after 
        {   content: ""; 
            display: block; 
            height: 100%; 
            clear: both; }
    .promo_abottom 
        {   position: relative; 
            top: 1px; 
            width: 411px; height: 2px; 
            font-size: 1px; 
            background: url(../images/background/promo_a.gif) no-repeat 0px 0px; }
    .promo_a .promotext 
        {   float: left; 
            width: 270px; 
            padding: 0px 0px 0px 10px; }    
    .promo_a .promotext a 
        {   text-decoration: none; }
    .promo_a .promotext h2 
        {   color: #cc0000; 
            font-size: 18px; }		
    .promo_a .promotext h3 
        {   color: #3366cc; 
            font-size: 12px; 
            margin: 10px 0px 0px 0px; }
    .promotext ul li
        {   padding-left: 20px;
            margin-bottom: 0px; 
            margin-top: 0px;
            list-style: none none; 
            background: url(../images/lists/yellow_bullet.gif) no-repeat 8px 5px; } 
    .promo_a_photo 
        {   float: right; 
            margin: 0px 0px 0px 0px; 
            padding: 0px 10px 0px 0px; }
    .promo_a h1 
        {   margin: 10px 0 0 0; 
            font-size: 12px; 
            color: #cc0000; }
    .heading 
        {   margin: 0px 0px 3px 0px; 
            padding: 0px 0px 2px 0px; 
            border-bottom: 1px dashed #d1ab41; }
    #homepage .promo_a .promotext 
        {   float: left; 
            width: 400px; 
            padding: 0px 10px 0px 10px; }    
    #homepage .promo_a 
        {   margin: 0px 0px 0px 0px; }
          
          
/*  ---------------------------------------------------------------------------
    COLUMN (B) - PROMO (B)
    Example: PRODUCT Loss Control Ads
    --------------------------------------------------------------------------- */ 		  
    .col_b
        {   float: left; 
            width: 240px; 
            margin: 20px 0px 0px 0px; 
            font-size: 12px; }
    #col_b
        {   float: left; 
            width: 240px; 
            margin: 20px 0px 0px 0px; 
            font-size: 12px; }
    .col_b .more_col_b
        {   float: left; 
            width: 240px; 
            margin: 0px 0px 0px 50px; 
            font-size: 12px; }
    #col_b select 
        {   padding: 0px 0px 0px 5px; 
            border: 1px solid #3366cc; 
            color: #666666; }
    #col_b .gobutton1 
        {   position: relative; 
            bottom: 5px; }
    #col_b img.labelimg1 
        {   position: relative; 
            top: 7px; 
            margin: 0px 0px 2px 0px; }   
    .promo_b 
        {   float: left; 
            width: 238px; 
            margin: 0px 0px 0px 0px; 
            padding: 2px 0px 0px 0px; 
            overflow: visible;
            border-left: 2px solid #cc0000; 
            border-right: 2px solid #cc0000; 
            background: url(../images/background/promo_b.gif) no-repeat 0px 0px;}
    .promo_b_bottom 
        {   position: relative; 
            top: 1px; 
            width: 238px; height: 2px; 
            font-size: 1px; 
            background: url(../images/background/promo_b.gif) no-repeat 0px 0px; }
    .col_b_text 
        {   margin: 0px 0px 25px 0px; }
    .headerline 
        {   margin: 0px 0px 6px 0px; 
            padding: 0px 0px 2px 0px; 
            border-bottom: 1px dashed #cc0000;}
    * html #col_b .gobutton1     
        {   position: relative; 
            bottom: 8px; }
        
/*  ---------------------------------------------------------------------------
    COLUMN (C) - PROMO (C)
    Example: Just like col_b. If you want other items next to col_b
    --------------------------------------------------------------------------- */ 	
    .col_c
        {   float: left; 
            width: 240px; 
            margin: 20px 0px 0px 50px; 
            font-size: 12px; }
            
            
   
        
 	/* Address Validator Control style*/
.addrValidator_container
{
	background-color:#e9eef6;
	width:400px;	
}

.addrValidator_header
{
	color:#1443a1;
	padding: 5px 10px 5px;
	font-weight: bold;
	font-size:medium;
	font-family: Arial;
}

.addrValidator_hr
{
	color:#1443a1;
	border: solid 2px;
	margin-left:10px;
	margin-right:10px;
}

.addrValidator_body
{
	font-size:medium;
	font-style:normal;	
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	background: inherit;
}

.addrValidator_body span
{   padding-left: 0px; }
                
.addrValidator_body table
            {   width: auto; 
                border: none 0px; }
                
.addrValidator_body th 
            {   padding: 0px 0px 0px 0px; 
                text-align: left; 
                color: inherit; 
                border-bottom: none; 
                background: inherit; 
                vertical-align: bottom; 
             }
       
.addrValidator_body td 
            {   padding: 0px 0px 0px 0px; 
                text-align: left; 
                border-bottom: none; 
                background: none; }


.addrValidator_suggestedAddressStyle
{   font-style:normal;
	font-size: small;
	font-weight: bold;
	color: #808080;
	
}

.addrValidator_currentAddr
{
	color:#808080;
	font-weight:bolder;
    font-size:small;
    font-style:normal;
}


.addrValidator_linkbutt
{
	color:#1443a1;
	font-weight:bold;
	font-family:Arial;
	font-size:small;	
}

#content .docgroup table.linksforyou ul
{	padding-bottom: 0px;}

#content .docgroup table.linksforyou 
{	width: 100%;}

/*#content .docgroup table.linksforyou ul.bluearr li
{   padding-left: 20px;
    padding-bottom: 0px; 
    list-style: none none;
    margin-top: auto;
    margin-bottom: auto;    
    background: url(../images/icons/arrow-right.gif) no-repeat 7px 3px; }*/

.docgroup
{
    margin: 30px 0px 40px 10px;   
    list-style-type:none;    
    z-index:5;
}
    
    .docgroup ul
    {
        list-style-type:none;
    }
    .docgroup .docRepositoryDownloads
    {
       /* background-color:#FFFFFF;*/
        width:600px;
        list-style-type:none;
       /* border: solid 1px #000; */
        z-index:100;        
    }
        .docgroup .docRepositoryDownloads .norecords
        {
            color:#cc0000;
            font-size:14px;
            text-align:center;
            margin-top:20px;
            width:550px;
            border-top:solid 1px #000;
        }
        .docgroup .docRepositoryDownloads h2
        {
            color:#cc0000;
            font-size:30px;
            font-weight:bold;
            /*height:30px;
            width:400px;*/
            padding-left:20px;
            padding-bottom: 20px;
        } 
        .docgroup .docRepositoryDownloads .product
        {
            padding-left:20px;            
        }
        .docgroup .docRepositoryDownloads .content
        {
            top:-20px;
           /* background-color:#FFFFFF;*/
            width:550px;
            list-style-type:none;
            overflow:auto;
        }
            .docgroup .docRepositoryDownloads .content h2
            {
                color:#1443a1;
                font-size:16px;
                font-weight:bold;
                width:400px;
                padding-left:0px;
                height:10px;
                color:#003d7d; 
            }
            .docgroup .docRepositoryDownloads .content .scroll
            {
                max-height:300px;
                overflow:auto;
            }
            .docgroup .docRepositoryDownloads .content a
            {
                text-decoration:underline;
            }
           /* .docgroup .docRepositoryDownloads .content img
            {
                height:15px;
                width:15px;
            }*/
            .docgroup .docRepositoryDownloads .content label
            {
                width:400px;
            }
            .docgroup .docRepositoryDownloads .content .downloadList
            {
                background-color:#e9eef6;
                color:#000;
                font-size:12px;
                width:100%;
                overflow:auto;                                        
            }
            .docgroup .docRepositoryDownloads .content .downloadButton
            {
                float:right;
            }
            .docgroup .docRepositoryDownloads .content .assets
            {
                padding: 0px 0px 0px 0px;
            }
                
    .docgroup .docRepositoryListBox
    {
        width:575px;                
    }
        .docgroup .docRepositoryListBox h2
        {
            /*float:left;*/
            color:#cc0000;
            font-size:30px;
            font-weight:bold;
        }
        .docgroup .docRepositoryListBox .content
        {
            /*background-color:#FFFFFF;*/
            width:575px;
            max-height:500px;
            list-style-type:none;
           /* border: solid 2px #000;*/ 
            overflow:auto;           
        }
            .docgroup .docRepositoryListBox .content ul
            {
                padding-bottom:20px;
            }
            .docgroup .docRepositoryListBox .content li
            {
                list-style-type:none;
                font-size:14px;
                font-weight:bold;
            }
                .docgroup .docRepositoryListBox .content li a
                {
                    list-style-type:none;
                    font-size:14px;
                    text-decoration:underline;
                    font-weight:normal;
                }
    .docgroup .docRepositoryYearGroupBox
    {
        width:575px;                
    }
        .docgroup .docRepositoryYearGroupBox h2
        {
            /*float:left;*/
            color:#cc0000;
            font-size:30px;
            /*font-weight:bold;*/
        }
        .docgroup .docRepositoryYearGroupBox .topleft
        {
            position:relative;
            top:0px;
            left:0px;
            list-style-type:none;
            font-size:14px;            
            font-weight:normal;
        }
        .docgroup .docRepositoryYearGroupBox .content
        {
            /*background-color:#FFFFFF;*/
            width:575px;
            max-height:500px;
            list-style-type:none;
            /*border: solid 2px #000; */
            overflow:auto;           
        }
            .docgroup .docRepositoryYearGroupBox .content ul
            {
                padding-bottom:20px;
            }
            .docgroup .docRepositoryYearGroupBox .content li
            {
                list-style-type:none;
                font-size:14px;
                font-weight:bold;
            }
                .docgroup .docRepositoryYearGroupBox .content li a
                {
                    list-style-type:none;
                    font-size:14px;
                    text-decoration:underline;
                    font-weight:normal;
                }
    .docgroup .docRepositoryMonthDateBox
    {
        width:575px;
        background-color:#FFFFFF;
        margin:10px 0px 0px 0px;
        list-style-type:none;
        border-left: inset 2px Gray;
        border-right: inset 2px Gray;
        border-top: dashed 1px Gray;
        border-bottom: dashed 1px Gray;
        max-height:250px;
        overflow:auto;
    }
        .docgroup .docRepositoryMonthDateBox h2 
        {
            float:left;
            color:#000;
            font-size:14px;
            font-weight:bold;
        }
        .docgroup .docRepositoryMonthDateBox h3 
        {
            padding:5px 0px 0px 10px;
            color:Gray;
            font-size:14px;
            font-weight:bold;
            border-bottom: dashed 1px Gray;
        }
        .docgroup .docRepositoryMonthDateBox .firstdoubledivider 
        {
            position:relative;
            border-bottom: dashed 1px Gray;            
            width:575px;
        }
        .docgroup .docRepositoryMonthDateBox .seconddoubledivider 
        {
            position:relative;
            border-bottom: dashed 1px Gray;
            width:575px;
        }
        .docgroup .docRepositoryMonthDateBox ul 
        {
            position:relative;
            list-style-type:none;
            border-top: dashed 1px Gray;
        }
        .docgroup .docRepositoryMonthDateBox li 
        {
            border-bottom: solid 1px Gray;
            line-height:20px;     
            list-style-type:none;       
        }
       
           .docgroup .docRepositoryMonthDateBox li span.left
           {
               float:left;
               width:125px;           
           }
           .docgroup .docRepositoryMonthDateBox li span.right
           {
               text-align:left;
               width:400px;           
           }
           .docgroup .docRepositoryMonthDateBox li a
           {
                color:#000;
                font-weight:bold;
                font-size:12px;
           }
           .docgroup .docRepositoryMonthDateBox li
           {
                color:#000;
                font-weight:bold;
                font-size:12px;
           }
    .docgroup .docRepositoryTwoColumnBox 
    {
        width:525px;
        background-color:#FFFFFF;
        margin: 10px 0px 0px 0px;
        list-style-type:none;
        border-left: inset 2px Gray;
        border-right: inset 2px Gray;
        border-top: dashed 1px Gray;
        border-bottom: dashed 1px Gray;
        max-height:250px;
        overflow:auto;
    }
        .docgroup .docRepositoryTwoColumnBox h2 
        {
            color:Gray;
            font-size:14px;
            font-weight:bold;
        }
        .docgroup .docRepositoryTwoColumnBox img
        {
            position:absolute;
            top:335px;
            right:335px;
        }
        .docgroup .docRepositoryTwoColumnBox ul 
        {
            list-style-type:none;
        }
        .docgroup .docRepositoryTwoColumnBox li 
        {
            border-bottom: solid 1px Gray;
            line-height:20px;     
            list-style-type:none;       
        }
       
           .docgroup .docRepositoryTwoColumnBox li span.left
           {
               float:left;
               width:250px;           
           }
           .docgroup .docRepositoryTwoColumnBox li span.right
           {
               float:right;
               width:250px;           
           }
           .docgroup .docRepositoryTwoColumnBox li a
           {
                color:Gray;
                font-size:12px;
           }            
#contentSLD  #docchannel .docRepositoryNav
{
    border:solid 2px #ccd9f2;
    background-color:#FFFFFF;
    margin-top:10px;
    width: 235px;					    
}
    #contentSLD  #docchannel .docRepositoryNav .grouptypetitle
    {
        padding-left:10px;
        font-size:11px;		                
    }
    #contentSLD  #docchannel .docRepositoryNav .grouptypetitle a
    {
        font-size:11px;
        
    }
    #contentSLD  #docchannel .docRepositoryNav ul
    {
        padding-top:10px;
        list-style-type:none;
        max-height:300px;
	        overflow:auto;	    
    }
    #contentSLD  #docchannel .docRepositoryNav li
    {
        font-size:11px;
        padding-left:30px;
        background: url(../images/lists/yellow_bullet.gif) no-repeat 15px 5px;
    }
    #contentSLD  #docchannel .docRepositoryNav h2
    {
        background-color:#ccd9f2;
        font-size:12px;
        font-weight:bold;
        margin:0px 0px 0px 0px;	  
        padding-bottom:10px;      
    }
        #contentSLD  #docchannel  .docRepositoryNav h2 span
        {
            margin-left:10px;
        }
	    #contentSLD  #docchannel  .docRepositoryNav h2 img
        {
            float:right;
        }
#docchannel 
{  
    float:right;
    width: 255px;	
    /*border: solid 1px #000000;*/				            
	margin: 0px 0px 0px 34px; 	
	} 
	#docchannel h2
	{
	    padding-left:10px;
	}	    
	#docchannel .docRepositoryNav
	{
	    border:solid 2px #ccd9f2;
	    background-color:#FFFFFF;
	    margin-top:10px;	    
	}
	    #docchannel .docRepositoryNav .grouptypetitle
	    {
	        padding-left:10px;
	        font-size:11px;		                
	    }
	    #docchannel .docRepositoryNav .grouptypetitle a
	    {
	        font-size:11px;
	    }
	    #docchannel .docRepositoryNav ul
	    {
	        padding-top:10px;
	        max-height:300px;
	        overflow:auto;	    
	    }
	    #docchannel .docRepositoryNav li
	    {
	        font-size:11px;
	    }
	    #docchannel .docRepositoryNav h2
	    {
	        background-color:#ccd9f2;
	        font-size:12px;
	        font-weight:bold;
	        margin:0px 0px 0px 0px;	  
	        padding-bottom:10px;      
	    }
	        #docchannel .docRepositoryNav h2 span
	        {
	            margin-left:10px;
	        }
		    #docchannel .docRepositoryNav h2 img
	        {
	            float:right;
	        }
#docchannelsmallnav 
{  
    float:right;
    /*border: solid 1px #000000;*/
    width: 125px;				            
	margin: 0px 0px 0px 34px; 
		
	} 
	#docchannelsmallnav h2
	{
	    padding-left:10px;
	}	    
	#docchannelsmallnav .docRepositoryNav
	{
	    border:solid 2px #ccd9f2;
	    background-color:#FFFFFF;
	    margin-top:10px;	
	    max-height:300px;
	    overflow:auto;    
	}
	    #docchannelsmallnav .docRepositoryNav .grouptypetitle
	    {
	        padding-left:10px;
	        font-size:11px;		                
	    }
	    #docchannelsmallnav .docRepositoryNav .grouptypetitle a
	    {
	        font-size:11px;
	    }
	    #docchannelsmallnav .docRepositoryNav ul
	    {
	        padding-top:10px;
	        max-height:300px;
	        overflow:auto;	    
	    }
	    #docchannelsmallnav .docRepositoryNav li
	    {
	        font-size:11px;	        
	    }
	    #docchannelsmallnav .docRepositoryNav h2
	    {
	        background-color:#ccd9f2;
	        font-size:12px;
	        font-weight:bold;
	        margin:0px 0px 0px 0px;	  
	        padding-bottom:10px;      
	    }
	        #docchannelsmallnav .docRepositoryNav h2 span
	        {
	            margin-left:10px;
	        }
		    #docchannelsmallnav .docRepositoryNav h2 img
	        {
	            float:right;
	        }
#photochannelOutdoor 
{  
    float:right;
    width: 255px;	
    /*border: solid 1px #000000;*/				            
	margin: 0px 0px 0px 34px; 	
	} 
	#photochannelOutdoor h2
	{
	    padding-left:10px;
	}	    
	#photochannelOutdoor .docRepositoryNav
	{
	    border:solid 2px #ccd9f2;
	    background-color:#FFFFFF;
	    width: 235px;	
	    margin-top:10px;	    
	    max-height:300px;
	    overflow:auto;
	}
	    #photochannelOutdoor .docRepositoryNav .grouptypetitle
	    {
	        padding-left:10px;
	        font-size:11px;		                
	    }
	    #photochannelOutdoor .docRepositoryNav .grouptypetitle a
	    {
	        font-size:11px;
	    }
	    #photochannelOutdoor .docRepositoryNav ul
	    {
	        padding-top:10px;
	        max-height:300px;
	        overflow:auto;	    
	    }
	    #photochannelOutdoor .docRepositoryNav li
	    {
	        font-size:11px;
	    }
	    #photochannelOutdoor .docRepositoryNav h2
	    {
	        background-color:#ccd9f2;
	        font-size:12px;
	        font-weight:bold;
	        margin:0px 0px 0px 0px;	  
	        padding-bottom:10px;      
	    }
	        #photochannelOutdoor .docRepositoryNav h2 span
	        {
	            margin-left:10px;
	        }
		    #photochannelOutdoor .docRepositoryNav h2 img
	        {
	            float:right;
	        }











		




















/*
    dl.newslisting 
        {   margin: 5px 0px 25px 0px; 
            border-top: 1px dashed #cc0000; 
        }
    dl.newslisting dt 
        {   float: left; 
            width: 75px; 
            padding: 7px 0px 7px 0px; 
            font-weight: bold; 
            color: #dcb003; 
        }
    dl.newslisting dd 
        {   margin-left: 75px; 
            padding: 7px 0px 7px 0px; 
            border-bottom: 1px dashed #cc0000; 
        }
    dl.newslisting dd a 
        {   color: #1443a1; 
            text-decoration: none; 
        }
    dl.newslisting dd a:hover 
        { color: #cc0000; text-decoration: none; }
        
                  #jobslist h2 { clear: left; margin: 10px 0px 0px 0px; padding: 0px; color: #1443a1; font-size: 12px; }
          #jobslist dl { margin: 0px 0px 5px 0px; }
          #jobslist dt { float: left; width: 70%; padding: 1px 0px 1px 0px; font-size: 12px; color: #1443a1; }
          #jobslist dt a { color: #1443a1; text-decoration: none; }
          #jobslist dt a:hover { color: #cc0000; text-decoration: none; }		  
          #jobslist dd { float: right; width: 30%; padding: 1px 0px 1px 0px; font-size: 12px; color: #dcb003; font-weight: bold; }
          
*/