/* Global Layout */

body
{
    font-size: .75em;
    color: #313131;
    font-family: Arial, Helvetica, sans-serif;
}

b strong {
    font-weight:bold !important;
}

.page-logo-default
{
    position:absolute;
    top:16px;
    left:-6px;
    z-index:99;
}

.page-logo-safetyworks
{
    position:absolute;
    top:8px;
    left:-6px;
    z-index:99;
}

.page-logo-safetyworks-member
{
    position:absolute;
    display:block;
    top:8px;
    left:-6px;
    z-index:99;
}

#site_body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #8CC63E url(Images/bg.jpg) top center no-repeat;
color: #313131;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	width: 916px;
	margin: auto;
	background: url(Images/pbg2.gif) top left;
}

/*----------------------------------------------------------------------*/
/* BEGIN LOGIN LINKS                                                    */
/*----------------------------------------------------------------------*/
#login{
	height: 50px;
	overflow: hidden;	
	margin-right: -17px;
}

	#login .loginLink {
		float: right;
		width: 88px;
		height: 46px;
		text-indent: -9999em;
		text-align: center;
	}

.loggedout a {
	width:142px;
	height:39px;
	background:url(Images/login_link/safety_works_lgdin.png);
	float:left;
	margin-left:85px;
	margin-top:10px;
}

.loggedout a:hover {
	width:142px;
	height:39px;
	background:url(Images/login_link/safety_works_lgdout.png);
	float:left;
	margin-left:85px;
	margin-top:10px;
}

.hide { display:none; }
/*----------------------------------------------------------------------*/
/* END LOGIN LINKS                                                      */
/*----------------------------------------------------------------------*/
 
/*----------------------------------------------------------------------*/
/* BEGIN SEARCH BOX ICONS                                               */
/*----------------------------------------------------------------------*/
#searcharea {
	width:348px;
	height:73px;
	float:right;
	background:url(Images/search_box/searchbox.gif);
	margin-top:-188px;

}

#smallicons {
 height: 40px;
 width:170px;
}
	
#iconholder {
	display:block;
	width:160px;
	height:40px;
	margin-left:200px;
	margin-top:-28px;
	float:left;
	clear:none;
}

#smallicons li, #smallicons a {height: 31px; display: block; float:left; margin-left:3px; background-repeat:no-repeat;}

#smallmember {width: 31px; background: url(Images/search_box/memberloginsmall.png); z-index:10;}
#smallagency {width: 31px; background: url(Images/search_box/agencyloginsmall.png); z-index:10;}
#smallreport {width: 31px; background: url(Images/search_box/reportinjurysmall.png); z-index:10;}
.smallsafety {width: 31px; background: url(Images/search_box/safetyworkssmall.png); z-index:10;}

#smallmember:hover {width: 31px; background: url(Images/search_box/memberloginsmall.png) 0px -33px no-repeat;}
#smallagency:hover {width: 31px; background: url(Images/search_box/agencyloginsmall.png) 0px -33px no-repeat;}
#smallreport:hover {width: 31px; background: url(Images/search_box/reportinjurysmall.png) 0px -34px no-repeat;}
.smallsafety:hover {width: 31px; background: url(Images/search_box/safetyworkssmall.png) 0px -34px no-repeat;}

#searchdrop {
	width:150px;
	height:31px;
	background:url(Images/search_box/search_drop.gif);
	margin-left:198px;
	margin-top:12%;
	color:white;
	vertical-align:top;
}

#formholder {
	float:left;
	background:url(Images/search_box/search_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:2px;
}
#formholder .inputbox {
	padding-bottom:5px;
	color:#e2e2e2;
}
#formholder .inputboxActive {
	color:#555555;
}

#formholder input {
	border:0px;

}

#dynamictext {
	position:relative;
	height:20px;
	bottom:5px;
}
/*----------------------------------------------------------------------*/
/* END SEARCH BOX ICONS                                     
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* BEGIN LOGIN ICONS                                                    */
/*----------------------------------------------------------------------*/
#iconbox {

	margin:auto;
	width:645px;
	height:83px;
	background:url(Images/icon_box/grey_diag_back.jpg);
	}
	
#icons {
 width: 645px;
 height: 54px;
 margin: 0px auto; padding: 0;
 position: relative;
 left:20px;
}

#icons li {margin: 15px; padding: 0; list-style: none; position: absolute; top: 0;}

#icons li, #icons a {height: 54px; display: block;}
#member {left: 0; width: 126px; background: url(Images/icon_box/memberlogin.png)}
#agency {left: 150px; width: 126px; background: url(Images/icon_box/agencylogin.png)}
#report {left: 298px; width: 126px; background: url(Images/icon_box/reportinjury.png)}
#safety {left: 445px; width: 130px; background: url(Images/icon_box/safetyworks.png)}

#member a:hover {background: url(Images/icon_box/memberlogin.png) 0px -54px no-repeat;}
#agency a:hover {background: url(Images/icon_box/agencylogin.png) 0px -54px no-repeat;}
#report a:hover {background: url(Images/icon_box/reportinjury.png) 0px -55px no-repeat;}
#safety a:hover {background: url(Images/icon_box/safetyworks.png) 0px -53px no-repeat;}
/*----------------------------------------------------------------------*/
/* END LOGIN ICONS                                                      */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* BEGIN ANNUAL REPORT                                                  */
/*----------------------------------------------------------------------*/
#flash-bottom{
	position:relative;
	margin: 0 0 10px 0;
	padding:12px 0 10px 0;
	text-align:left;
}
/*----------------------------------------------------------------------*/
/* END ANNUAL REPORT                                                    */
/*----------------------------------------------------------------------*/

.inner #wrap{
	background: url(Images/pbg2.gif) top left;	
}

	#page{
		background: url(Images/page-bottom.jpg) bottom left no-repeat;	
	}
	
	.inner #page{
		background: url(Images/page-bottom.jpg) bottom left no-repeat;	
	}
	
		.page-in{
			background: url(Images/page-top.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }		
        
        /* Hides from IE-mac \*/
		.page-in{
			background: url(Images/page-top.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
        
        /*----------------------------------------------------------------------*/
        /* BEGIN AGENT SERVICES                                                 */
        /*----------------------------------------------------------------------*/
		.page-in1{
			background: url(Images/agent_services/head_1.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in1:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in1{
			background: url(Images/agent_services/head_1.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in3{
			background: url(Images/agent_services/head_3.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
		.page-in3:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in3{
			background: url(Images/agent_services/head_3.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in9{
			background: url(Images/agent_services/head_9.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
		.page-in9:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in9{
			background: url(Images/agent_services/head_9.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in11{
			background: url(Images/agent_services/head_11.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
		.page-in11:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in11{
			background: url(Images/agent_services/head_11.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */   
        
		.page-in13{
			background: url(Images/agent_services/head_13.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
		.page-in13:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in13{
			background: url(Images/agent_services/head_13.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */             
        /*----------------------------------------------------------------------*/
        /* END AGENT SERVICES                                                   */
        /*----------------------------------------------------------------------*/
                

        /*----------------------------------------------------------------------*/
        /* BEGIN MEMBER SERVICES                                                */
        /*----------------------------------------------------------------------*/
		.page-in7{
			background: url(Images/member_services/head_7.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in7:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in7{
			background: url(Images/member_services/head_7.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in10{
			background: url(Images/member_services/head_10.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in10:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in10{
			background: url(Images/member_services/head_10.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */       
                
		.page-in12{
			background: url(Images/member_services/head_12.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in12:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in12{
			background: url(Images/member_services/head_12.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in14{
			background: url(Images/member_services/head_14.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in14:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in14{
			background: url(Images/member_services/head_14.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */ 
        
		.page-in16{
			background: url(Images/member_services/head_16.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in16:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in16{
			background: url(Images/member_services/head_16.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */                 
        /*----------------------------------------------------------------------*/
        /* END MEMBER SERVICES                                                  */
        /*----------------------------------------------------------------------*/                
                
                
        /*----------------------------------------------------------------------*/
        /* BEGIN SAFETY WORKS                                                   */
        /*----------------------------------------------------------------------*/
		.page-in2{
			background: url(Images/safety_works/head_2.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in2:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in2{
			background: url(Images/safety_works/head_2.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in4{
			background: url(Images/safety_works/head_4.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in4:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in4{
			background: url(Images/safety_works/head_4.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */
        
		.page-in6{
			background: url(Images/safety_works/head_6.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in6:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in6{
			background: url(Images/safety_works/head_6.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */       
        
        .page-in8{
			background: url(Images/safety_works/head_8.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: inline-block;
		}
		
        .page-in8:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
        }	
        
        /* Hides from IE-mac \*/
		.page-in8{
			background: url(Images/safety_works/head_8.jpg) top left no-repeat;
			padding-top:  188px;
			position: relative;
			display: block;
		}
        /* End hide from IE-mac */        
        /*----------------------------------------------------------------------*/
        /* END SAFETY WORKS                                                     */
        /*----------------------------------------------------------------------*/
		
        		
		.inner #page-in{
			background: url(Images/page-top.jpg) top left no-repeat;
		}
		
			#sidebar{
				float: left;
				padding-top: 50px;
				width: 196px;
				text-align:left;
				padding-bottom: 25px;
			}
			
				#nav{
					position: relative;
					text-align: left;
					font-size: 1.3em;
					font-family: Georgia;
					padding-bottom: 70px;
					overflow: hidden;
				}
				
					#nav li{
						position: relative;
						height: 32px;
						padding: 2px 0 2px 0;	
					}
					
					#nav li a{
						display: block;
						padding: 7px 0 0 30px;
						height: 25px;
						color: #fff;
						text-decoration: none;
						text-shadow: 0 0 5px #000;
					}
					
					#nav li a:hover, #nav li.active a{
						-moz-box-shadow: 3px 0px 6px #000;
						-webkit-box-shadow:3px 2px 6px #000;
						-o-box-shadow: 3px 2px 6px #000;
						box-shadow: 3px 2px 6px #000;
						background: url(Images/menu-hov.gif) top left no-repeat;
					}
				
				#sidebar h3{
					font-size: 1.4em;
					font-weight: bold;
					color: #102F53;
					padding: 0 0 10px 30px;
				}
				
					#sidebar h3 a{
						color: #102F53;
					}
					
					#sidebar h3.alt{
						padding-left: 22px;	
					}
					
					#sidebar h3.alt a{
						color: #fff;
					}
				
				.menu
				{
				    /* NEW */
	                margin: 0;
	                padding: 0;
	                border: 0;
	                outline: 0;
	                font-weight: inherit;
	                font-style: inherit;
	                font-size: 100%;
	                font-family: inherit;
	                vertical-align: baseline;
	                list-style: none;				
				    /* NEW */
					position: relative;
					font-weight: bold;
					line-height: 1.5em;
					margin-left: 8px;
					overflow: hidden;
					padding-bottom: 10px;
	            }
				
					.menu li{
						position: relative;
					}
				
					.menu li a{
						background: url(Images/menu-bull.gif) no-repeat;
						background-position: 5px 14px;
						display: block;
						color: #fff;
						padding: 8px 15px 10px 30px;
					}
					
					
					.menu li a:hover{
						background: #0066A4 url(Images/menu-bull.gif) no-repeat;
						background-position: 5px 14px;
						-moz-box-shadow: 3px 2px 6px #000;
						-webkit-box-shadow: 3px 2px 6px #000;
						-o-box-shadow: 3px 2px 6px #000;
						box-shadow: 3px 2px 6px #000;
						text-decoration: none;
						color: #8CC63F;
					}
					
					.nav_li_active
					{
						background: #0066A4 url(Images/menu-bull.gif) no-repeat;
						background-position: 5px 14px;
						-moz-box-shadow: 3px 2px 6px #000;
						-webkit-box-shadow: 3px 2px 6px #000;
						-o-box-shadow: 3px 2px 6px #000;
						box-shadow: 3px 2px 6px #000;
						text-decoration: none;
						color: #8CC63F;
                    }
						
			#page-bottom{
				position: absolute;
				bottom: 0;
				height:160px;
				right: 315px;
				width: 400px;
				padding: 123px 0 0 265px;
				text-align: left;
				z-index:-1;
			}
			
				#page-bottom h4{
					position: relative;
					font-size: 1.2em;
					color: #fff;
					font-weight: bold;
					text-shadow: 1px 1px 1px #888;
				}
				
				#page-bottom h5{
					position: relative;
					float: right;
					font-size: 1.2em;
					color: #fff;
					font-weight: bold;
					line-height: 1.4em;
					text-shadow: 1px 1px 1px #888;
					text-align: left;
					width:  160px;
				}
				
				#page-bottom p{
					padding-left: 42px;	
					padding-top:15px;
				}
				
					#page-bottom p a{
						float: left;
						width: 80px;
						margin-right: 5px;
						font-size: 9px;
						color: #fff;
						text-align: center;
					}
			
			#content{
				float: right;
				width: 670px;
				padding-right: 30px;	
				text-align: left;
				position: relative;
				padding-bottom: 180px;
			}
							
				#login-box{
					overflow: hidden;
					padding-top: 25px;
					padding-bottom: 70px;
				}
				
					.login-box{
						float: left;
						display: inline;
						width: 178px;
						margin: 0 22px 0 22px;						
					}
					
						.login-box form{
							padding: 5px 12px 0 12px;
							height: 207px;
							background: url(Images/login-box.jpg) top left no-repeat;
						}
						
						.login-box-h2{
							text-align: center;
							font-size: 1.3em;
							font-weight: bold;
							padding-bottom: 10px;
						}
						
						.login-box-label{
							font-size: 11px;
							font-weight: bold;
							display: block;
							color: #0064A2;
						}
						
						.login-box .text{
							display: block;
							padding: 14px 9px 14px 9px;
							width: 134px;
							border: 1px solid #DEDEDE;
						}
						
						.login-box p{
							padding-bottom: 1.5em;
							overflow: hidden;
						}
						
						.login-box .submit{
							float: right;
							border: 0;
							color: #fff;
							background: #76A933;
							height: 30px;
							text-align: center;
							width: 80px;
							font-weight: bold;
							font-size: 11px;
							cursor: pointer;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							border-radius: 4px;
							margin-top: 5px;
						}
						
						.submit{
							border: 0;
							color: #fff;
							background: #76A933;
							height: 30px;
							text-align: center;
							font-weight: bold;
							font-size: 11px;
							cursor: pointer;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							border-radius: 4px;
							margin-top: 5px;
						}
														
				.entry{
					position: relative;
				}
				
					.stripe{
						font-size: 1.2em;
						font-weight: bold;
						color:#0066A4;
						padding-top:20px;
						padding-bottom: 50px;
						margin-bottom: 10px;
						background: url(Images/striped.gif) bottom left repeat-x;
					}
					
					.no-stripe{
						font-size: 1.2em;
						font-weight: bold;
						color:#0066A4;
						padding-bottom: 70px;
						margin-bottom: 10px;
					}
					
					.entry h1{
						font-size: 1.2em;
						font-weight: bold;
						color:#0066A4;
						padding-bottom: 50px;
						margin-bottom: 10px;
						background: url(Images/striped.gif) bottom left repeat-x;
					}
					
					.map{
						width:  235px;
						padding: 10px;
						background: #f5f5f5;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
						font-size: 1.3em;
						font-weight: bold;	
						line-height: 1.7em;
						margin-bottom: 15px;
					}
					
					.entry a{
						color: #0065A3;
					}
					
						.map a{
							color: #102F53;
						}
						
						.map a.active{
							color: #94CA4C;
						}
						
						.map li{
							padding-left: 18px;
							background: url(Images/map-bull.gif) left center no-repeat;
						}
						
						.map li.second-level{
							margin-left: 15px;
						}
					
					.entry h2{
						font-size: 1.1em;
						font-weight: bold;
						color: Blue;
						padding-bottom: 1.2em;	
					}
					
					.entry h3{
						font-size: 1.1em;
						font-weight: bold;
						padding-bottom: 1.2em;	
					}				


#footer{
	background: url(Images/foot-bg.jpg) top left repeat-x;
	padding-top: 30px;	
}

	#foot-links{
		color: #fff;
		width: 871px;
		background: url(Images/bottom-box-bg.jpg) top center repeat-y;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: auto;
		overflow: hidden;
		text-align: left;
		padding: 15px 0 15px 20px;
	}
	
		.link-box{
			float: left;
			width: 153px;	
		}
		
		.link-box.short{
			width: 110px;
		}
		
		.link-box.wide{
			width: 175px;
		}
		
		.link-box h4{
			font-size: 1.2em;
			font-weight: bold;
			padding-bottom: 6px;	
		}
		
		.link-box li{
			line-height: 2em;	
		}
		
		.link-box a{
			color: #fff;
		}
		
		.link-box strong{
			font-weight: bold;
		}
		
		.link-box a:hover{
			text-decoration: none;
			font-weight: bold;
		}


#bottom{
	overflow: hidden;
	padding-top: 15px;
	border-bottom: 10px solid #0066A4;
}

	#the-bottom{
		width: 911px;
		margin: auto;
		background: url(Images/foot-logo.jpg) left bottom no-repeat;
		height: 74px;	
	}
	
		#the-bottom p{
			text-align: right;
			padding: 30px 150px 0 0;
			font-size: 1.2em;	
			color: #79AC36;
			font-weight: bold;
			height: 44px;
			background: url(Images/foot-right.jpg) right center no-repeat;
		}
		
		#the-bottom a{
			color: #fff;
			margin: 0 10px 0 10px;
		}