/****************************************

	styles.css 
	for Providence HR
	
	last updated by 
	Jeff on 10/22/2009
	
*****************************************/

body {
	margin: 0; padding: 0;
	background: url('../images/bg.gif') top left repeat-x #acc7e3;
	text-align: center;
	font-family: Avenir, Arial, Sans-serif;
}

a, a:hover, a img { border: none; outline: none; } 

.clear { clear: both; }

#container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 922px;
	text-align: left;
}

#header {
	margin: 0; padding: 0;
	width: 922px; 
	height: 158px;
	background: url('../images/bg_header.png') top left no-repeat;
	float: left;
	display: block;
}

#logo { 
	margin: 0; padding: 0;
	width: 227px; 
	height: 153px;
	float: left;
}

#logo a {
	width: 227px; 
	height: 153px; 
	display: block;
}

/*-- navigation --*/

#nav { 
	margin: 115px 0 0 0; padding: 0;
	width: 625px; 
	height: 40px;
	float: right;
	display: block;
}

#nav a {
	margin: 0; padding: 15px 0 0 25px;
	height: 25px;
	display: block;
	float: left;
	position: relative;
	font-family: Avenir, Sans-serif;	
	color: #7d7d7d;	
	font-size: 18px;
	text-decoration: none;
}

#nav .nav_fyp a {
	width: 165px;
}

#nav .nav_wp a {
	width: 165px; 
}
	
#nav .nav_cd a {
	width: 200px;
}

/*-- content --*/

#content {
	margin: 0; padding: 0;
	width: 922px; 
	background: url('../images/bg_content_rp.png') top left repeat-y;	
	_background: url('../images/bg_content_rp.gif') top left repeat-y;		
	float: left;
}

#content p, #content ul, #content table {
	color: #676767;
	font-size: 12px;
	line-height: 15px;
}

#flash_movie {
	margin: 0; padding: 0;
	width: 664px;
	height: 287px;
	float: left;
}

#left_col {
	margin: 10px 0 0 0; padding: 0 0 0 25px;
	width: 235px;
	_width: 228px;
	min-height: 528px; 
	height: auto !important;
	height: 528px;
	float: left;
}

#left_col p {
	margin: 0 0 10px 15px;
	color: #464647;
	width: 200px;
	font-weight: bold;
	line-height: 17px;
}

#left_col a { 
	margin: 0; padding: 0;
	color: #005a96; 
}

#left_col h2, #left_col h2 a {
	margin: 5px 0 5px 8px;
	color: #115fa4;
	font-size: 16px;
	font-style: italic;
	font-weight: normal; 	
	text-decoration: none;
}

#right_col {
	margin: 5px 0 0 2px; padding: 0;
	width: 640px;
	min-height: 528px; 
	height: auto !important;
	height: 528px;	
	float: left;
}

#right_col a {
	font-weight: bold;
	color: #636363;
}

#right_col h1 {
	_margin-top: 5px;
	margin-left: 15px;
	color: #679fb4;
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
}

#right_col table, #right_col iframe {
	margin-left: 15px;
}

#right_col h2 {
	margin-left: 15px;
	color: #266cab;
	font-size: 16px;
}

#right_col h3 {
	margin-left: 15px;
	color: #679fb4;
	font-size: 14px;
	font-weight: bold;
}

#right_col p {
	margin-left: 15px; 
	font-size: 14px;
	line-height: 18px;
	color: #464647;
}

#right_col li {
	margin: 0 0 10px 0;
}

#content-left
{
	width:280px;
	margin-right: 5px; 
	float:left;
}

#content-right
{
	width:342px;
	margin-right: 5px; 
	float:left;
	border: 1px;
	border-style: none none none dashed;
	border-width: 1px;
	
	
}

#content-right object
{
	margin-left: 4px;
}

#footer {
	margin: 0; padding: 0;
	width: 922px;
	height: 85px;
	background: url('../images/bg_footer.png') top left no-repeat;
	float: left;
	display: block;
}

#footer p {
	margin: 15px 0 0 30px;
	_margin: 15px 0 0 17px;
	float: left;
	font-size: 12px; 
	line-height: 16px;
	width: 480px;
	color: #ffffff;
}

#footer p.footer_tag {
	width: 182px; 
	font-size: 14px;
	line-height: 20px;	
	float: left;
	color: #ffffff;
}

#footer a {
	margin: 15px 15px 0 0;
	width: 80px;
	height: 25px;
	display: block;
	float: right;
}

#footer a:hover {
	text-decoration: none;
}

#footer_shadow {
	margin: 0 auto 5px auto; padding: 10px 0 0 0;
	width: 850px; 
	display: block;	
	text-align: right;
}

	#footer_shadow a, #footer_shadow p {
		font-size: 10px; 
		color: #ffffff;	
	}

	
/*--- index ---*/

#index_welcome {
	color: #115fa4;
	font-size: 24px;
	font-style: italic;
	font-weight: normal; 	
}

#index_phn {
	color: #679fb4;
	font-size: 18px;
	font-style: italic;
	font-weight: normal; 	
}

/*--- subpage ---*/

#nav_sidebar {
	margin: 0 0 0 0; padding: 4px 0 0 0;
	width: 227px;
	float: left;
	position: relative;
	background: url("../images/nav_sidebar.jpg") top left no-repeat;
}

#nav_sidebar a {
	margin-left: 3px;
	padding: 10px 0 0 15px;
	height: 29px; 
	width: 207px;
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #679fb4;
	position: relative;
	z-index: 10;
}

#nav_sidebar a:hover { 
    text-decoration: underline;
}

#nav_sidebar a.top {
    color: #ffffff;
    font-weight: bold;
}

#calendar {
	margin-left: 10px; 
	width: 550px; 
	border-bottom: dotted 1px #679fb4;
}

#calendar .title {
	margin-left: 15px;
	margin-top: 3px;
	color: #679fb4;
	font-size: 14px;
	font-weight: bold;
}

#calendar .date {
	margin-left: 15px;
	font-size: 12px;
	font-style: italic;
	color: #636363;
}

#calendar a {
	margin-left: 0px;
	color: #636363;
	font-size: 10px;
	text-decoration: underline;
}

/*---- hacks -----*/

img, div { behavior: url(iepngfix.htc) }

/*--- tiny mce styles ---*/

 .header1blue {
	color: #266cab !important;
	font-size: 24px !important;
	font-weight: bold !important;
}

 .header2blue {
	color: #266cab !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

 .header3blue {
	color: #266cab !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

 .header1lightblue {
	color: #679fb4 !important;
	font-size: 24px !important;
	font-weight: bold !important;
}

 .header2lightblue {
	color: #679fb4 !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

 .header3lightblue {
	color: #679fb4 !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

 .header1gray {
	color: #3c3c3c !important;
	font-size: 24px !important;
	font-weight: bold !important;
}

 .header2gray {
	color: #3c3c3c !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

 .header3gray {
	color: #3c3c3c !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

#footer p.eoe {
  float: right;
  margin: 25px 30px 0 0;
  text-align: right;
}