@charset "UTF-8";
/* CSS Document */
*{
	font-family:Arial, Helvetica, sans-serif;
    font-size: small;
}
/*Css Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
    text-align: left;
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { 
	border:0; 
} 
/*Main Elements*/
body{
	text-align:center;
	line-height:140%;
	font-size:100%;
	background-color:#f8f8f8;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin:0;
	color:#333333;
}
#wrapper{
	text-align:left;
	margin:0 auto;
	width:982px;
	font-size:.69em;
}
#container{
	float:left;
	width:982px;	
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;	
}


#top{
	float:left;
	background-image:url(../images/back_top.gif);
	background-repeat:no-repeat;
	width:982px;
	background-position:top;
}
#top_inner, #bottom_inner{
	padding:0 4px 0 4px;
}





#bottom_inner{
	float:left;
}
#bottom_home{
	background-image:url(../images/back_home.gif);
	background-repeat:repeat-y;
	width:982px;
	clear:both;
	float:left;	
	margin:59px 0 0 0;
	padding:0 0 10px 0;
	line-height:130%;
}
#bottom{
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
	width:982px;
	clear:both;
	float:left;	
	line-height:120%;
	height:400px;
}
/*Constants*/
a{
	color:#4D2B84;
}
img{
	border:none;
}
#banner_content h1{
	font-size:2.18em;
	color:#FFFFFF;
	line-height:100px;
	padding:0 0 0 100px;
}
#content_right h2{
	font-size:2.18em;
	color:#4d2b84;
	padding:10px 0 20px 0;	
}

#content_right_no_border h2{
	font-size:2.18em;
	color:#4d2b84;
	padding:10px 0 20px 0;	
}


#content_right h3{
	font-size:1.45em;
	color:#f39a00;
	padding:10px 0 10px 0;	
}


#content_right_no_border h3{
	font-size:1.45em;
	color:#f39a00;
	padding:10px 0 10px 0;	
}


/*Classes*/
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.floatnone{
	float:none !important;
}
.clearer{
	clear:both;
}
.text_purple{
	color:#302d7b;
}
.greytext{
	color:#999999;
}
.generalform{
	padding:10px 0 20px 0;
}
.text_input{
	height:18px;
	border:solid 1px #999999;
	background-color:#FFFFFF;
	width:200px;
	margin:0 0 5px 0;
}
.article ul{
	list-style:disc;
	margin:10px 0 10px 25px;
}
.article ol{
	list-style:decimal;
	margin:10px 0 10px 30px;
}
.indentpara{
	padding-left:20px !important;
}
/*Build*/
#header{
	height:120px;
}
#header_content{
	height:110px;
}
#header_left{
	width:210px;
	height:120px;
	float:left;
}
#headercontent_left{
	width:210px;
	height:110px;
	float:left;
}
#header_left a{
	display:block;
	cursor:pointer;
}
#header_right{
	width:764px;
	height:120px;
	float:left;
}
#headercontent_right{
	width:764px;
	height:110px;
	float:left;
}
#utilities{
	width:764px;
	height:20px;
	padding:4px 0 0 0;
}
#utilities ul{
	padding:0 20px 0 0;
	float:right;
}
#utilities li{
	display:inline;
}
#utilities a{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	text-decoration:none;
	color:#666666;
	height:20px !important;
	float:left;
	line-height:20px;
}
#utilities a:hover{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	height:20px !important;
	line-height:20px;
	float:left;
	color:#9086af;
	background-image:url(../images/arrow_small.gif);
	background-position:left;
	vertical-align:middle;
	background-repeat:no-repeat;
}
#search{
	height:96px;
	width:764px;
	clear:both;
}
#search_inner{
	float:right;
	height:60px;
	padding:36px 0 0 0;
}
#search_content{
	height:86px;
	width:764px;
	clear:both;
}
#searchcontent_inner{
	float:right;
	height:60px;
	padding:26px 0 0 0;
}
#search_inner div, #searchcontent_inner div{
	float:left;
}
#search_panel{
	height:60px;
	background-image:url(../images/search_back.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin:0 0 0 10px;
}
#search_panel_inner{
	background-image:url(../images/search_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:60px;
	padding:0 20px;
}
#search_panel_inner form{
	padding:6px 0 0 0;
}
#search_panel_inner input{
	height:17px;
	width:122px;
	padding:3px 5px 0 5px;
	border:solid 1px #9086af;
	color:#666666;
	float:left;
}
#search_panel_inner #search_button{
	background-image:url(../images/search_button.gif);
	border:none;
	padding:0;
	width:15px;
	height:15px;
	margin:3px 0 3px 3px;
	vertical-align:top;
	cursor:pointer;
	float:left;
}
#osalogo{
	padding:13px 0 0 0;
}
/*Footer*/
#footer{
	clear:both;
}
#purple{
	width:974px;
	height:13px;
	background-color:#333192;
}
#orange{
	width:974px;
	height:13px;
	background-color:#f7a11a;
}
#home_footer{
	clear:both;
	float:left;
	padding:0 4px;
}
#content_footer{
	clear:both;
	float:left;
	padding:0 4px;
}
#home_footer #purple{
	background-image:url(../images/footer_purple.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#home_footer #orange{
	background-image:url(../images/footer_orange.gif);
	background-position:right;
	background-repeat:repeat-y;
}
#footer_text{
	line-height:300%;
	width:894px;
	color:#666666;
	padding:0 80px 0 0;
}
#footer_text ul{
	padding:0 0 0 20px;
	display:inline;
	float:left;
}
#footer_text li{
	display:inline;
	padding:0 10px 0 0;
	float:left;
}
#footer_text ul li a{
	color:#666666;
	text-decoration:none;
}
/*Home Specific*/
#home_logo{
	padding:18px 0 0 20px;
}
#banner_home{
	height:200px;
	width:974px;
}
#panels{
	float:left;
}
#panels div{
	float:left;
}
#panels p{
	padding:10px 20px;
}
#panels #panel_1, #panels #panel_2, #panels #panel_3, #panels #panel_4, #panels #panel_5{
	width:156px;
}
#panels #panel_6{
	width:194px;
	border-top:solid 3px #f7a11a;
	background-image:url(../images/panel6_gradient.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#panels #panel_6 p{
	padding:0 20px 10px 20px;
}
.home_header{
	font-size:1.18em;
	font-weight:bold;
	color:#4d2b84;
	padding:20px 20px 10px 20px !important;
}
.home_newsheader{
	font-weight:bold;
	color:#4d2b84;
	padding:10px 20px 0 20px !important;
}
/*Content Specific*/
#banner_content{
	width:974px;
	height:100px;
}
#content_left{
	width:154px;
	padding:0 20px;
	margin:15px 0;
	float:left;
}


#content_left_menu_no_border{
	width:130px;
	padding:0 0px;
	margin:5px 0;
	float:left;
}


#content_left_menu{
	width:180px;
	padding:0 0px;
	margin:5px 0;
	float:left;
}


#content_left ul li a{
	font-weight:bold;
	text-decoration:none;
}
#content_left ul li a:hover{
	font-weight:bold;
	text-decoration:underline;
}

#content_right_no_border{
	width:739px;
	padding:0 20px;
	margin:15px 0;
	border-left:solid 0px #CCCCCC;
	float:left;	
	line-height:160%;
	color:#555555;
}




#content_right{
	width:739px;
	padding:0 20px;
	margin:15px 0;
	float:left;
	border-left:solid 1px #CCCCCC;
	line-height:160%;
	color:#555555;
}
#content_right p{
	padding:0 0 20px 0;
}

#content_right_no_border p{
	padding:0 0 20px 0;
}

.article{
	clear:both;
	float:left;
	width:740px;
}

.specialparagraph{
	color:#989898;
	font-size:1.82em;
	line-height:140%;
	width:735px;
}

.article_left{
	float:left;
	width:735px;
}
.article_right{
	float:left;
	width:175px;
	padding:40px 0 0 20px;
}


.specialparagraph_full{
	color:#989898;
	font-size:1.82em;
	line-height:140%;
	width:720px;
}

.article_left_full{
	float:left;
	width:720px;
}
.article_right_full{
	float:left;
	width:0px;
	padding:40px 0 0 20px;
}


/*CONTENT BANNERS*/
.banner_content_org{
	background-image:url(../images/banner_content_org.jpg);
	background-repeat:no-repeat;
}
.banner_content_wellbeing, .banner_content_general{
	background-image:url(../images/banner_content_wellbeing.jpg);
	background-repeat:no-repeat;
}
.banner_content_lifestyle{
	background-image:url(../images/banner_content_lifestyle.jpg);
	background-repeat:no-repeat;
}
.banner_content_safety{
	background-image:url(../images/banner_content_safe.jpg);
	background-repeat:no-repeat;
}
.banner_content_online{
	background-image:url(../images/banner_content_online.jpg);
	background-repeat:no-repeat;
}
.banner_content_ppconline, .banner_content_general{
	background-image:url(../images/banner_content_ppconline.jpg);
	background-repeat:no-repeat;
}

/*Menu*/
#menu_home{
	height:90px;
	margin:290px 0 0 0;
	position:absolute;
	top:0;
	width:974px;
	z-index:100;
}
#nav{
	
}
#nav li{
  	float: left;
  	position: relative;
  	width: 156px;
	margin:30px 0 0 0;
}
#nav li li{
	height:auto !important;
	margin:0 !important;
}
#nav li ul {
  	display: none;
  	position: absolute; 
	top: 60px;
  	left: 0;
	background-color:#785cdc;
	background-image:url(../images/menu_dropshadow.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:10px 0 10px 0;
}
li > ul {
	top: auto;
	left: auto;
}
#nav li:hover ul, #nav li.over ul{ 
	display: block; 
}
#nav li li a{
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	width:136px;
	padding:4px 10px 4px 10px;
	line-height:15px;
}
#nav li li a:hover{
	background-color:#684ec4;
	width:136px;
	float:left;
	padding:4px 10px 4px 10px;
	line-height:15px;
}
/*MENU HOME*/
.home_menu #menu_01{
	width:156px;
	height:60px;
	display:block;
	background:transparent url(../images/menu_01_work.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.home_menu #menu_01:hover{
	background:transparent url(../images/menu_01_work.gif) no-repeat scroll 0px -60px;	
}
.home_menu #menu_02{
	width:156px;
	height:60px;
	display:block;
	background:transparent url(../images/menu_02_employee.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.home_menu #menu_02:hover{
	background:transparent url(../images/menu_02_employee.gif) no-repeat scroll 0px -60px;	
}
.home_menu #menu_03{
	width:156px;
	height:60px;
	display:block;
	background:transparent url(../images/menu_03_org.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.home_menu #menu_03:hover{
	background:transparent url(../images/menu_03_org.gif) no-repeat scroll 0px -60px;	
}
.home_menu #menu_04{
	width:156px;
	height:60px;
	display:block;
	background:transparent url(../images/menu_04_occ.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.home_menu #menu_04:hover{
	background:transparent url(../images/menu_04_occ.gif) no-repeat scroll 0px -60px;
		
}
.home_menu #menu_05{
	width:156px;
	height:60px;
	display:block;
	background:transparent url(../images/menu_05_online.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.home_menu #menu_05:hover{
	background:transparent url(../images/menu_05_online.gif) no-repeat scroll 0px -60px;	
}
/*PPC online*/
#ppconline_home{
}
#ppconline_home a{
	width:194px;
	height:90px;
	display:block;
	background:transparent url(../images/menu_ppc.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
#ppconline_home a:hover{
	background:transparent url(../images/menu_ppc.gif) no-repeat scroll 0px -90px;	
}
#ppconline_home a:focus{
	background:transparent url(../images/menu_ppc.gif) no-repeat scroll 0px -180px;	
}
/*MENU CONTENT*/
#menu_content{
	height:35px;
	width:974px;
	z-index:100;
	border-top:solid 0px #c3badb;
}
.content_menu{
	
}
.content_menu li{
	height:35px !important;
	margin:0 !important;
	width:170px !important;
}
.content_menu li li a{
	width:150px !important;
}
.content_menu li li a:hover{
	width:150px !important;
}
.content_menu li ul {
	top:35px !important;
}
.content_menu #menu_01{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/menucontent_01_work.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #menu_01:hover, .content_menu #menu_01.currentpage{
	background:transparent url(../images/menucontent_01_work.gif) no-repeat scroll 0px -35px !important;	
}
.content_menu #menu_02{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/menucontent_02_employee.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #menu_02:hover, .content_menu #menu_02.currentpage{
	background:transparent url(../images/menucontent_02_employee.gif) no-repeat scroll 0px -35px !important;	
}
.content_menu #menu_03{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/menucontent_03_org.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #menu_03:hover, .content_menu #menu_03.currentpage{
	background:transparent url(../images/menucontent_03_org.gif) no-repeat scroll 0px -35px !important;	
}
.content_menu #menu_04{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/menucontent_04_occ.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #menu_04:hover, .content_menu #menu_04.currentpage{
	background:transparent url(../images/menucontent_04_occ.gif) no-repeat scroll 0px -35px !important;
		
}
.content_menu #menu_05{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/menucontent_05_online.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #menu_05:hover, .content_menu #menu_05.currentpage{
	background:transparent url(../images/menucontent_05_online.gif) no-repeat scroll 0px -35px !important;	
}
#menu_content #menu_06{
	width:124px;
	height:35px;
	display:block;
	background:transparent url(../images/menucontent_06_login.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
#menu_content #menu_06:hover, #menu_content #menu_06.currentpage{
	background:transparent url(../images/menucontent_06_login.gif) no-repeat scroll 0px -35px !important;	
}
/*Rotating Banner*/
#myGallery, #myGallerySet, #flickrGallery{
	width:974px;
	height:200px;
	z-index:5;
	display:block;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
	display:block;
	width:974px;
	height:200px;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #563f99;
	background-repeat: no-repeat;
	background-position: center center;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #563f99;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}
/*Sitemap*/
.sitemap a{
	text-decoration:none;
}
.sitemap li{
	padding:5px 0 10px 20px;
	margin:0 0 0 30px;
	list-style:decimal;
}
.sitemap li a{
	font-size:1.27em;
}
.sitemap li li{
	padding:2px 0 2px 20px;
	list-style:none !important;
}
.sitemap li li a{
	font-size:1.00em;
	color:#d18c20;
}
.sitemap li li li{
}
.sitemap li li li a{
	color:#555555;
}




.content_menu #No_Menu{
	width:974px;
	height:35px;
	display:block;
	background:transparent url(../images/Services_Menu.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.services_content_menu #HRA_menu_01:hover, .services_content_menu #HRA_menu_01.currentpage{
	background:transparent url(../images/Services_Menu.gif) no-repeat scroll 0px -35px !important;	
}


.content_menu #HRA_menu_01{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/HRA_ContentMenu_homepage.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #HRA_menu_01:hover, .content_menu #HRA_menu_01.currentpage{
	background:transparent url(../images/HRA_ContentMenu_homepage.gif) no-repeat scroll 0px -35px !important;	
}
.content_menu #HRA_menu_02{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/HRA_ContentMenu_account.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #HRA_menu_02:hover, .content_menu #HRA_menu_02.currentpage{
	background:transparent url(../images/HRA_ContentMenu_account.gif) no-repeat scroll 0px -35px !important;	
}
.content_menu #HRA_menu_03{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/HRA_ContentMenu_help.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #HRA_menu_03:hover, .content_menu #HRA_menu_03.currentpage{
	background:transparent url(../images/HRA_ContentMenu_help.gif) no-repeat scroll 0px -35px !important;	
}
.content_menu #HRA_menu_04{
	width:170px;
	height:35px;
	display:block;
	background:transparent url(../images/HRA_ContentMenu_logout.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
.content_menu #HRA_menu_04:hover, .content_menu #HRA_menu_04.currentpage{
	background:transparent url(../images/HRA_ContentMenu_logout.gif) no-repeat scroll 0px -35px !important;
		
}

#menu_content #HRA_menu_06{
	width:124px;
	height:35px;
	display:block;
	background:transparent url(../images/HRA_ContentMenu_06.gif) no-repeat scroll 0px 0px;	
	text-indent:-999em;
}
#menu_content #HRA_menu_06:hover, #menu_content #HRA_menu_06.currentpage{
	background:transparent url(../images/HRA_ContentMenu_06.gif) no-repeat scroll 0px -35px !important;	
}