/* the entire enclosure in which all tab styles are applied */
.tabs
{
	padding: 0;
	margin: 0;
	width: 386px;
	height: 441px;
	position: relative;
	text-align: left;
}

.tabs a
{
	height: 13px;
}

/* selects the actual row of tabs */
.tabs div:first-child
{
	height: 33px;
	border-top-color: green;
}

/* selects links in the actual row of tabs */
.tabs div:first-child a
{
	position: absolute; 
	top: 15px; 
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}

/* selects the remainder of the content area, not including the tabs */
.tabs div 
{
	height: 408px;
}

/* select the tab's content area,
	first selector line is required to increase css specifivity */
.tabs div div:first-child,
.tabs div div
{
	position: relative;
	background-image: none;
	height: 408px;
	padding-top: 10px;
}

/* the number in the tab's content area */
.tabs div div:first-child h1,
.tabContent h1
{
	position: absolute;
	top: 10px;
	left: 5px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 60px;
	text-align: center;
	width: 65px;
	
}

/* the actual content in the tab's content area */
.tabs div div:first-child,
.tabContent
{
	padding: 10px 15px 0px 80px;
	margin: 0;
	font-family: Arial;
	font-size: 18px;
	color: #333333;
}

/* selects the links inside the actual content paragraphs */
.tabs div div:first-child a,
.tabContent a
{
	position: static !important;
	font-family: Arial !important;
	font-size: 18px !important;
	font-weight: normal !important;
	color: #333333;
}

.tabContent p
{
	padding: 10px 0px 0px 0px;
	margin: 0;
}

/* selects the navigation links at the bottom of tab's content area */
.tabs div a
{
	position: absolute;
	bottom: 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}

/* styles applied by javascript to set the background depending on the tab selected */
.tabEmployersSelected div:first-child { background-image: url('images/employers_tab.gif'); }
.tabEmployersSelected div  { background-image: url('images/employers_text_bg.gif'); }

.tabPolicySelected div:first-child { background-image: url('images/policy_tab.gif'); }
.tabPolicySelected div  { background-image: url('images/policy_text_bg.gif'); }

.tabCommunitySelected div:first-child { background-image: url('images/community_tab.gif'); }
.tabCommunitySelected div  { background-image: url('images/community_text_bg.gif'); }


#tabMiddleNavigationLink
{
	left: 70px; 
	width: 305px; 
	text-align: center;
}