﻿* { 
	padding: 0px;
	margin: 0px;
}
a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;	
}
a:hover {
	color: #FFFFFF;	
}
body {
	font-family: Verdana;
	font-size: 10px;
	line-height: 16px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}
p
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	padding-bottom: 10px;
	margin:  0 0 1em 0;
    padding:  0;
}
h3 {
	font-family: Arial;
	font-size: 2.1em;
	margin: 0px;
	color: #1A5A93;
	font-weight: normal;
	padding-bottom: 10px;
}

h4 
{
	font-family: Arial;
	font-size: 1.8em;
	margin: 0px;
	color: #1A5A93;
	font-weight: normal;
	padding-bottom: 10px;
}
	
ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	font-size: .9em;
	font-weight: bold;
}

img 
{
	border: 0;
}

#topnav li
{
	height: 36px;
	width: 133px;
	display: inline-block;
	float: left;
	line-height: 34px;
}

#sidenav li
{
	height: 21px;
	width: 130px;
	display: inline-block;
	float: left;
	line-height: 19px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #FFFFFF;
	padding-left: 3px;
}

#menuitem
{
	background-color: #BED5E3;	
	color: #005598;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #FFFFFF;	
}

	#menuitem a:link
	{
		color: #005598;
	}
	
	#menuitem a:visited
	{
		color: #005598;
	}

#menuselected
{
	background-color: #005598;
	color: #BED5E3;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #FFFFFF;	
}

	#menuselected a:link
	{
		color: #BED5E3;
	}
	
	#menuselected a:visited
	{
		color: #BED5E3;
	}

#menuend
{
	background-color: #BED5E3;	
	border-right-width: 0px;
}

	#menuend a:link
	{
		color: #005598;
	}
	
	#menuend a:visited
	{
		color: #005598;
	}
	
#menuendselected
{
	background-color: #005598;
	color: #BED5E3;
	border-right-width: 0px;	
}

	#menuendselected a:link
	{
		color: #BED5E3;
	}
	
	#menuendselected a:visited
	{
		color: #BED5E3;
	}

#submenu
{
	height: 26px;
	padding-top: 1px;
	padding-left: 15px;
	color: #000000;
	background-image: none;
}

#submenu a:visited {
	color: #000000;
}

/* main containers */

#innerpage
{
	width: 957px;
	margin: 0 auto 0 auto;
	padding: 0px;
}

#container {
	border: 0px solid #FFFFFF;
	margin: 0 auto;
	position: relative;
	width: 955px;
	top: 0px;
	left: 0px;
}

#banner
{
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}

#pageHeader {
	background-color: #FFFFFF;
	height: 148px;
	width: 100%;
}

#homelink {
	width: 364px;
	height: 148px;
	display: block;
	float: left;
}

	a:link #homelink 
	{
		color: #FFFFFF;
	}
	
	a:visited #homelink 
	{
		color: #FFFFFF;
	}

#flashcontainer
{
	background-position: bottom;
	height: 148px;
	width: 550px;
	display: block;
	float: right;
	background-image: url('../images/flashtemp.jpg');
	background-repeat: no-repeat;
}

#topnav
{
	width: 100%;
	height: 36px;
}

#divide {
	background-color: #015498;
	width: 100%;
	height: 4px;
}

#mainPanel
{
	display: block;
	float: left;
	width: 100%;
}

#topbanner
{
	background-image: url('../images/topbanner.jpg');
	width: 100%;
	height: 152px;
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-bottom-color: #FFFFFF;
}

#sideMenu {
	width: 144px;
	text-align: left;
	float: left;
}

#mainContent {
	width: 800px;
	height: auto;
	float: left;
	text-align: left;
	min-height: 300px;
	padding-left: 10px;
}

	#mainContent h3 
	{
		font-size: 2.5em;	
		padding-top: 10px;
		padding-bottom: 20px;
	}

#contentbody 
{
	width: 500px;
	height: auto;
	float: left;
}

#rightpanel
{
	width: 283px;
	height: auto;
	float: right;
	text-align: right;
}

#occhealthblock
{
	width: 100%;
	height: 121px;
	border-bottom-style: solid;
	border-bottom-width: 6px;
	border-bottom-color: #FFFFFF;
}

#dablock
{
	width: 100%;
	height: 121px;
	border-bottom-style: solid;
	border-bottom-width: 6px;
	border-bottom-color: #FFFFFF;
}

#itblock
{
	width: 100%;
	height: 121px;
	border-bottom-style: solid;
	border-bottom-width: 6px;
	border-bottom-color: #FFFFFF;
}

/* Menu panel 1 styles */


#panel1 {
	border-style: solid;
	background-color: #5DD0A2;
	float: left;
	width: 100%;
	display: block;
	border-width: 1px;
	border-color: #FFFFFF #00683D #00683D #5DD0A2;
}
#panel1header{
	width: 230px;
	height: 35px;
	position: relative;
	margin: 0px;
}
#panel1header span{
	background: url('../images/ohtxt.jpg') no-repeat;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
}
#panel1 li {
	background-position: 0px;
	border-top-color: #178258;
}
#panel1 li:hover {
	background-image: url('../images/ohhover.jpg');
	background-repeat: no-repeat;
}

/* Menu panel 2 styles */

#panel2 {
	border-style: solid;
	background-color: #75A3C6;
	float: left;
	width: 100%;
	border-width: 1px;
	border-color: #FFFFFF #296796 #296796 #75A3C6;
}
#panel2header{
	width: 230px;
	height: 35px;
	position: relative;
	margin: 0px;
}
#panel2header span{
	background: url('../images/daatxt.jpg') no-repeat;
	position:absolute;
	left:0px;
	width: 100%;
	height:100%;
}
#panel2 li {
	border-top-color: #4F84AE;
}
#panel2 li:hover {
	background-image: url('../images/dahover.jpg');
	background-repeat: no-repeat;
}



/* Menu panel 3 styles */

#panel3 {
	float: left;
	width: 100%;
}
#panel3header{
	width: 230px;
	height: 35px;
	position: relative;
	margin: 0px;
}
#panel3header span{
	background: url('../images/ittxt.jpg') no-repeat;
	position:absolute;
	left:0px;
	width: 100%;
	height:100%;
}
#panel3 li a:visited, a:link {
 color: #FFFFFF;
}
#panel3 li:hover {
	background-image: url('../images/menuover.jpg');
	background-repeat: no-repeat;
}

#panel3 li:hover a:visited {
	color: #FFFFFF; /* #7C7E80; */
}

#panel3 li:hover a:link {
	color: #FFFFFF; /* #7C7E80; */
}

#panel3 {
	float: left;
	width: 100%;
}

#footer {
	/* #5C99CC */background-position: right;
	width: 100%;
	text-align: center;
	height: 45px;
	position: relative;
	background-image: url('../images/phonenumber.jpg');
	border-bottom-style: solid;
	border-bottom-color: #005598;
	border-bottom-width: 4px;
	background-repeat: no-repeat;

}

#footermessage p
{

	font-size: 10px;
	color: #000000;
	width: 100%;
	text-align: center;

}


/* Employer login */

.employerouter {
	border-style: solid;
	border-width: 1px;
	border-color: #C0BCB3;
	float: left;
}

.employerheader {
	background-color: #E9E7DE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0BCB3;
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: normal;
	font-family:Verdana,Geneva,Arial,Helvetica;
	color: #000000;
	font-size: 14px;
}

.employercontent {
	background-color: #E9E7DE;
	padding: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}

#employerlogin {
	display: block;
}

/* Employee login */


.employeeouter {
	border-style: solid;
	border-width: 1px;
	border-color: #C0BCB3;
	float: left;
}
.employeeheader {
	background-color: #E9E7DE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0BCB3;
	height: 20px;
	padding-left: 10px;
	padding-top: 5px;
	font-weight: normal;
	font-family:Verdana,Geneva,Arial,Helvetica;
	color: #000000;
	font-size: 14px;
}
.employeecontent {
	background-color: #E9E7DE;
	padding: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}

#employeelogin {
	display: block;
	margin-left: 25px;
}

/* Menu Panel Controls */

.label {
	width: 150px;
	display: block;
	float: left;
	vertical-align: middle;
	line-height: 20px;
}

.control {
	width: 200px;
	display: block;
	float: left;
}

.addresscontrol {
	width: 200px;
	display: block;
	float: left;
}
.button {
	display: block;
	float: left;
	margin-top: 15px;
}

.txtBox {
	border-style: solid;
	border-width: 1px;
	border-color: #C0BCB3 #DFDDD9 #DFDDD9 #C0BCB3;
	width: 100%;
}

.home {
	line-height: 28px;
	font-size: 16px;
	float: left;
	padding-left: 8px;
}

.bold
{
	font-weight: bold;
}



