﻿/*  Layout.xsl
	This file should contain any CSS that is used to render the layout,
	structure, and style of the page.  eWebEditPro will not see this file,
	so CSS that is specific to the editable content areas should go in the
	appropriate site-specific CSS file.
*/



/** Page Grid System setup
  * page width: 974px
  * Left nav:  220px
  * Right nav: 300px
  * Main has 10px padding on both sides
  * Main (with both left and right nav): 434px; padding-left & right:  10px each;
  * Main (with only left nav):           744px; padding-left: 10px;
  * Main (with only right nav):          664px; padding-right:  10px;
  * Main (with no nav):                  954px; padding-left & right: 10px each;
  **/

#doc974 {
	width: 974px;
	margin: auto;
	text-align: left;
}

.grid_LMR  #layout_grid     { float: right; width: 754px; }
.grid_LMR  #layout_LeftMenu { float: left;  width: 220px; }
.grid_LMR  #layout_RightNav { float: right; width: 295px; }
.grid_LMR  #layout_main     { float: left;  width: 434px; padding: 0 10px; }
.grid_LMR  #layout_Container { float: right; width: 754px; }
.grid_LM   #layout_main     { float: right; width: 744px; padding-left: 10px; }
.grid_LM   #layout_LeftMenu { float: left;  width: 220px; }
.grid_MR   #layout_main     { float: left;  width: 664px; padding-right:  10px; }
.grid_MR   #layout_RightNav { float: right; width: 295px; }
.grid_M    #layout_main     { float: none;  width: 954px; padding: 0 10px; }

/*** Universal ***/
html { overflow-y: scroll; }
body {
	margin: 0;
	padding: 0;
	background-image: url('/images/Rehab/bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
}
table th, table td { border: 0; }
table.borders th, table.borders td { border: 1px solid #ccc; }
#layout_Breadcrumbs,
#layout_Breadcrumbs a { color: #005a84; font-size: 10px; text-decoration: none; }
#layout_Breadcrumbs a:hover { text-decoration: underline; }
a { color: #005a84; }
a:visited { color: #1D6B8F; }
#layout_Content img { border: 10px solid #fff; }
#layout_Content img.no_border { border: 0; }
#layout_Content .Revert img { border: 0; }
ol, ul, dl { margin-left: 35px; }
h1.page_title { margin: 0; padding: 10px 0 45px 0; font-size: 200%; }
h1,
h2,
h3,
h4,
h5,
h6 { color: #8b0b04; }
th { text-align: left; }
#layout_Content p { line-height: 24px; }
.quote_text {
	font-family:"Times New Roman", Times, serif;
	color: #015A84;
	font-style: italic;
	font-size: 17px;
}

/*** Rehab Microsite Homepage ***/
#OTH001765 h1.page_title { display: none; }
#OTH001765 #layout_Callouts li { list-style: none; }

/*** Home Header ***/
#OTH001765 #hd { padding: 0; height: 272px; background-color: #fff; font-family: Helvetica, Verdana, Arial, sans-serif; background-image: url('/images/Rehab/hd_bg.jpg'); background-repeat: repeat-x; }
#OTH001765 #home_title { font-size: 250%; margin-top: 30px; display: block; }
#tab_links { width: 100px; float: left; padding: 110px 0 0 180px; }
#for_print { display:none;}

/*** Internal Header ***/
#hd { padding: 0; height: 179px; background-color: #fff; font-family: Helvetica, Verdana, Arial, sans-serif; background-image: url('/images/Rehab/hd_bgOTH.jpg'); background-repeat: repeat-x; }
#hd .layout_logo { padding: 13px 13px 16px 15px; height: 116px; width: 327px; float: left; }
#hd .layout_logo a { height: 116px; width: 320px; padding: 0; margin: 0; }
#home_title { display: none; }

/** Main Menu **/
#layout_TopMenu {
	clear: both;
	margin: 0;
	padding: 0;
	font: bold 12px Helvetica, Arial, sans-serif;
	height: 34px;
}

#layout_TopMenu ul {
	margin: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1000;
}

#layout_TopMenu ul.T2 {
	position: absolute;
	display: none;
	width: 210px;
	background: #005A84;
	z-index: 1000;
	border-top: 1px solid #ccc;
}

#layout_TopMenu li:hover ul.T2,
#layout_TopMenu li.hover ul.T2 {
	display: block;
}

#layout_TopMenu li {
	padding: 0;
	list-style: none;
	display: inline;
	line-height: 34px;
	float: left;
	width: 100px;
	z-index:1000;
}

#layout_TopMenu li.T2 {
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-right: none;
}

#layout_TopMenu a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: white;
	border-right: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}

#layout_TopMenu a:link,
#layout_TopMenu a:visited {
	color: white;
	text-decoration: none;
}

#layout_TopMenu a:hover,
#layout_TopMenu a:active {
	color: #005A84;
}

#layout_TopMenu li:hover a,
#layout_TopMenu a:focus,
#layout_TopMenu li.hover a {
	background-color: transparent;
}

#layout_TopMenu .T2 a { color: white; }

#layout_TopMenu .T2 a:hover,
#layout_TopMenu .T2 a:active {
	background: #1D6B8F none;
	color: #fff;
}

/*** Specific Nav Width ***/
li#tINAV002681 { width:  50px; }
li#tINAV002702 { width: 86px; }
li#tINAV002682 { width: 100px; }
li#tINAV002700 { width: 180px; }
li#tINAV002683 { width: 96px; }
li#tINAV002684 { width: 106px; }
li#tINAV002660 { width: 60px; }
li#tINAV002661 { width: 50px; border-right: none; }
#bd select.hover { visibility: hidden; }

/** Left Menu **/
#layout_LeftMenu ul.Menu { margin: 0px; }

#layout_LeftMenu {
	background-color: #c2d2d5;
	width: 220px;
	float: left;
}

#layout_LeftMenu ul,
#layout_LeftMenu li { list-style: none; margin: 0; }
#layout_LeftMenu li { padding: 5px 5px 5px 8px; }
#layout_LeftMenu li.T1 {
	border-bottom: 1px solid #fff;
	padding: 12px 5px 12px 18px;
}
#layout_LeftMenu ul.T2 { display: block; }
#layout_LeftMenu ul.T2Active { display: block; }
#layout_LeftMenu li.T2 { background-image: none; }
#layout_LeftMenu ul.T3,
#layout_LeftMenu ul.T3 ul { margin: 0; }
#layout_LeftMenu ul ul.T4Active { margin-left: 5px; }
#layout_LeftMenu ul.T2 a,
#layout_LeftMenu ul.T4 a,
#layout_LeftMenu ul.T6 a { color: white }
#layout_LeftMenu ul.T3 a,
#layout_LeftMenu ul.T5 a,
#layout_LeftMenu ul.T7 a { color: #F9DFA2; }

#layout_LeftMenu li.Current a  { font-weight: bold; }
#layout_LeftMenu li.Current li a { font-weight: normal; }

#layout_LeftMenu a       { text-decoration: none; color: white; }
#layout_LeftMenu a:hover { text-decoration: underline; }


/***Tier3***/

.thirdNav {border: 2px solid #B2D082; background-color:#FFFFFF; padding: 10px 0; margin-bottom: 15px; }

.thirdNav a {color:#B2D082;}

.thirdNav ul,
.thirdNav li {margin:0 0 0 20px;}
.thirdNav a:visited {color:#B2D082;}
.thirdNav li.T2Current a,
.thirdNav li.T2Current a:link,
.thirdNav li.T2Current a:visited,
.thirdNav li.T2Current a:hover {color:#005A84; }
.thirdNav ul.T3 a {
	color:#939598;
}
/*** Body ***/
#bd {
	color: #939598; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 15px; 
	padding-top: 15px;
}
#layout_TopContent {
	width: 954px; 
	padding: 10px;
	clear: both;
}
#layout_Callouts {
	padding-left: 5px;
	margin-right: 5px;
}
.layout_Related {
	background-color: #fff;
	padding: 0px 0px 8px 0px;
	margin-left: 0;
	border: 2px solid #B2D082;
}
#layout_Callouts h1,
#layout_Callouts h2,
#layout_Callouts h3,
#layout_Callouts h4, 
#layout_Callouts h5,
#layout_Callouts h6 {
	text-transform: uppercase;
	color: #b2d082;
	margin-top: 0; 
}
#layout_Callouts a,
#layout_Callouts a:link { 
	font-weight: bold; 
	text-decoration: none; 
}
#layout_Callouts ul {
	margin-left: 20px; 
}
#layout_Callouts li {
	padding: 3px 0;
}
#layout_Callouts table {
	border: 2px solid #b2d082;
	background-color: #fff; 
}
#layout_Callouts table a,
#layout_Callouts table a:link,
#layout_Callouts table a:visited {
	color: #b2d082;
}
#layout_Callouts table a img {
	position: relative; 
	top: 2px;
}
#layout_Callouts table h1 { color: #005A84; font-size: 108%; }
#layout_Callouts table h2 { color: #005A84; font-size: 105%; }
#layout_Callouts table h3 { color: #005A84; font-size: 100%; }
#layout_Callouts table h4 { color: #005A84; font-size: 95%; }
#layout_Callouts table h5 { color: #005A84; font-size: 95%; }
#layout_Callouts table h6 { color: #005A84; font-size: 95%; }
.layout_Related li {
	list-style: none;
}
.layout_Related a {
	font-size: 11px;
	text-decoration: none;
}
.layout_Related a:hover {
	text-decoration: underline;
}

/*** Footer ***/
#footer {
	background-image: url('/images/Rehab/ft_bg.gif');
	background-repeat: repeat-x;
	background-color: #fff; 
}
#ft { 
	width: 974px;
	margin: 0 auto; 
	padding: 0; 
	border: 0px; 
	color: #fff; 
	font-weight: bold; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px; 
	height: 50px;
	background-image: url('/images/Rehab/ft_bg_img.gif');
	background-repeat: no-repeat;
}
#ft ul {
	height: 50px; 
	line-height: 50px;
	margin: 0;
	padding: 0; 
	width: 770px;
	float: left;
}
#ft li {
	float: left; 
	display: inline;
	padding-right: 15px; 
}
#ft a {
	color: #fff; 
	text-decoration: none; 
}
#ft a.read_link {
	padding-left: 375px;
}
#footer_tagline {
	float: right; 
	position: relative;
	bottom: 7px;
}

#copyright { width: 974px; margin: 10px auto 0 auto; text-align: left; color: #C2D2D5; font-weight: bold; font-size: 11px; clear: both; }
#copyright a,
#copyright a:link,
#copyright a:visited,
#copyright a:hover { color: #e0e0e0; text-decoration: none; }

/** Forms **/
.FormError { background-color: red; color: white; }

.photobooks {text-align:center;font-size:10px;}

.photobooks a {color:#01406b;text-decoration:none;}

.photobooks a:hover {text-decoration:underline;}


/*fancy-box styles*/
#OTH001868 #layout_Content #content {
	width: 620px;
	/*margin: 30px auto;*/
	padding: 10px 20px;
	background: #FFF;	
	border: 1px solid #CCC;
}

#OTH001868 #layout_Content #content img {
	margin:0;
	border:2px solid #ffffff;
}
