/* tested OK in IE6 NN6.2 & Opera(not quite perfect in this) */

a:active 
{
	text-decoration: none; color:#073465
}
a:visited 
{
	text-decoration: none; color: #073465
}
a:link 
{
	text-decoration: none; color: #073465
}
a:hover, a.Grey:hover 
{
	color:red; text-decoration: underline; 
}
a.Grey:link, a.Grey:visited, a.Grey:active
{
	color:#878787;		
}

body 
{
	background: white url(images/Background.jpg) no-repeat top center;
	margin:0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5&6/Win */
	font-family:Verdana;
	font-size:10px;
	
}
	
#FrameAroundEntireSite /* used as a reference point for all the content of the page - everything below is inside this - also it's width affects the positioning of the background */
{
	position:relative;
	width:744px; /* this width affects the positioning of the background - I reckon 770 is a good viewable area for most people. */
	margin:0px auto 0px auto; /* Right and left margin widths set to "auto" - this is standards compliant CSS but doesn't work with IE5-6 */
	text-align:left; /* Counteract to IE5&6/Win Hack */
	border-right:.1px #F7E3D6 dashed;  /* Bloody NN needs this :( */
	border-bottom:.1px #F7E3D6 dashed;
}	
	
#Logo
{
	position:absolute;
	left:15px;
	top:5px;

}	
#Injury
{
	position:absolute;
	left:180px;
	top:40px;
}		
#Locations
{
	position:absolute;
	left:513px;
	top:0px;
	letter-spacing:1px;
	font-size:10px; /* needed by NN and Opera */
}	
	

#MainMenu
{
	position:absolute;
	left:172px;
	top:56px;
	z-index:2;
	font-size:11px;
	/*line-height:100%;  WARNING - THIS WILL STOP HYPERLINK UNDERLINES FROM WORKING!! */	
}	
#SelectedMenuItem
{
	color:yellow;
	/*font-weight:bold;*/
	font-size:12px;
	position:relative;
	top:-1px;
	left:-1px;
	display:inline;
}
#lblMenuItem1
{
	position:absolute;
	left:0px;
}		
#lblMenuItem2
{
	position:absolute;
	left:56px;
}		
#lblMenuItem3
{
	position:absolute;
	left:127px;
}		
#lblMenuItem4
{
	position:absolute;
	left:220px;
}		
#lblMenuItem5
{
	position:absolute;
	left:297px;
}		
#lblMenuItem6
{
	position:absolute;
	left:366px;
}		
#lblMenuItem7
{
	position:absolute;
	left:442px;
}		
#lblMenuItem8
{
	position:absolute;
	left:492px;
}		


#Tabs
{
	background: url(images/Tabs.gif);
	position:absolute;
	width:588px;
	height:21px;
	left:150px;
	top:51px;
}
.ActiveTabHome
{
	background: url(images/Tab1.gif);
	position:absolute;
	width:77px;
	height:25px;
	top:51px;
	left:146px;
	z-index:1;
}
.ActiveTabServices
{
	background: url(images/Tab2.gif);
	position:absolute;
	width:90px;
	height:25px;
	top:51px;
	left:204px;
	z-index:1;
}
#FrameAroundLowerHalfOfPage /* this includes the orange box and the copywrite info - purpose is so that lower half of page can expand - it's contents are not absolutely positioned */
{	
	position:relative ;
	top:72px;
}	
.Top
{
	background: url(images/Top.gif);
	width:744px;
	height:20px;
}	
.Middle
{
	background: url(images/Middle.gif);
	width:744px;
}
#FrameAroundTwoColumns
{
	margin-top:0px;
}


/* Content Pages */

/* Notes on positioning:*/
/*	edge of page 11px wide */


/* Sub Menu (at the top of the main content frame) */	

#SubMenuContainer
{
	width:100%;
	text-align:center;  /*IE needs this for CSS centering */
	/*border:.1px red solid;*/
}
#SubMenu
{
	width:0px;
	margin:0px auto 0px auto; /*NN and Opera need this for centering */
	border-bottom:.1px #F7E3D6 dashed;
	border-right:.1px #F7E3D6 dashed;  /* Bloody NN needs this :( */
}

#TabStrip1
{
	position:relative;
	top:-1px;
	height:20px;	
	font-size:11px;			
}

.LeftPanelContainer
{	
	float:left;	
}
.LeftPanel
{	
	margin-left:40px;
	width:180px;
	text-align:justify;
	line-height:130%;
	font-size:11px;
}
.RightPanel
{	
	width:430px;
	margin-left:272px;
	letter-spacing:.4px;
	line-height:130%;	
	font-family:Verdana;
	font-size:13px;		
	/* font-family:Times New Roman;
	font-size:16px; */	
	
}
div.Heading1
{	
	font-family:arial, Sans-Serif;
	font-size:24px;	
	letter-spacing:1px;
	position:relative; /* dunno why this is needed?? Otherwise top of title is cut off. */
}
div.Heading2
{	
	font-size:13px;
	font-weight:bold;
}
p
{
	text-indent:34px;	
}
blockquote
{
	margin:0px 20px 0px 20px;	
}


/* End of Content Pages */

.Bottom
{	
	background: url(images/Bottom.gif);
	width:744px;
	height:20px;	
}

.MainLinks
{
	text-align:left;
}

#Copyright
{
	position:relative;
	top:10px;
	width:744px;
	color:#969696;
	text-align:center;
	font-size:9px;
}






/* Home page */

/* These are used to disable parts of the template when the home page is displayed.*/

.TopHidden
{
	background: url(images/Top.gif);
	width:744px;
	height:20px;
	display:none;
}	
.MiddleHidden
{
	background: ;
	width:744px;
}
.BottomHidden
{	
	background: url(images/Bottom.gif);
	width:744px;
	height:20px;	
	display:none;	
}

/* end of classes for hiding stuff */

#HomePageBackground
{
	background: url(images/HomePage.gif);
	width:744px;
	height:406px;
	position:relative;
	left:0px;
	top:0px;
}

div.WhiteText
{
	color:white; 
	font-size:10px;	
}

/* Flags */
#FlagFrame
{
	position:absolute; 
	left:18px; 
	top:10px;
}
img.Flag
{
	margin:1px;
	border:0px;
}
a.Flag
{
	background-color:Transparent;
	position:absolute; 	
}
a.Flag:hover 
{
	background: yellow;
}

#English
{
	top:15px; 
	left:0px;	
}
#Greek
{
	top:15px; 
	left:36px;	
}
#Vietnamese
{
	top:15px; 
	left:72px;	
}
#Italian
{
	top:36px; 
	left:0px;	
}
#Chinese
{
	top:36px; 
	left:36px;	
}
#Lebanese
{
	top:57px; 
	left:0px;	
}
/* End of Flags */

#Phone
{
	position:absolute; 
	left:612px; 
	top:10px;
}

/* Main Links */
div.MainLinks
{
	text-align:center; 
	position:absolute; 
	width:130px;
}
img.MouseOverImages
{
	position:absolute; 
	top:0px; /* Opera needs this */
	visibility:hidden; 
}
#EmployerInfo
{
	left:180px; 
	top:61px
}
#EmployerInfoOn
{
	left:53px; 
}
#JoinMend
{
	left:100px; 
	top:160px;	
}
#HandOn
{
	left:51px; 
}
#PDS
{
	left:240px; 
	top:140px;	
}
#PigOn
{
	left:43px; 
}
#WorkerInfo
{
	left:458px; 
	top:76px;	
}
#WorkerInfoOn, #WorkerInfoOn2, #WorkerInfoOn3, #WorkerInfoOn4, #WorkerInfoOn5
{
	left:53px;
}
#WorkerInfo2
{
	left:370px; 
	top:150px;	
}
#WorkerInfo3
{
	left:468px; 
	top:200px;	
}
#WorkerInfo4
{
	left:560px; 
	top:140px;	
}
#WorkerInfo5
{
	left:360px; 
	top:235px;	
}
/* End of Main Links */

#MendDescription
{
	position:absolute; 
	left:18px; 
	top:356px;
}
#More
{
	position:relative;
	top:1px;
	font-size:10px;
}

/* End of Home Page */