@charset "utf-8";

/*#######################################################
#														#
# 					 PRIMARY STYLES						#
#														#
#######################################################*/
/* Main HTML body style. */
body { margin: 0; padding: 0; background-image: url('/common/img/body_back.gif'); background-repeat: repeat-x; color: #000000; font:  small Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 12pt; background-color: #F5F6FB; }

/* DIV, Form and Heading tags are stripped of margins and padding. */
div, form, h1, h2, h3, h4 { margin: 0; padding: 0; }

/* Paragraph tags have no top margin and smaller bottom margins */
p { margin: 0 0 12px 0; }

/* All bold and heading text will be the same color, and bold. */
strong, b, h1, h2, h3, h4 { color: #000000; font-weight: bold; }

/* I've set an individual size for the H3 tag */
h3{ font-size: 14px; }

/* The contents of all small tags will have this text size. */
small { font-size: 10px; }

/* Assign this class to text fields to get these styles. */
input.text, textarea.text { border-style: inset; border-width: 1px; color: #6f6b58; margin: 0px; padding: 2px; margin-bottom: 2px; font-size: 12px; }

/* Any standard links will have these styles. */
a, a:link, a:visited, a:active { color: #3e63ae; font-size: 12px; }

/* Any standard hovered links have these styles. */
a:hover { color: #000000; font-size: 12px; }

/* A simple padding class for padding text and other content. */
.pad {  padding: 15px 15px 0px 15px; }

/* Text next to PDF icon needs to be shifted down. */
.acrobat { position: relative; top: 4px; }

/* Special Alerts on the site will be displayed inside of a colored box */
.alert_box { font-weight: bold; border: 1px solid #a9a9a9; background-color: #d2e1f9; padding: 2px 3px 2px 3px; }

/*#######################################################
#														#
# 					 HEADER STYLES						#
#														#
#######################################################*/

/* Set the width here to the desired margin for the Web site. */
#header { width: 745px; }

/* This is the style container for the top navigation list. */
#header ul#topnav { height: 30px; width: 100%; margin: 0 0 0 0px; padding: 0 0 0 0; border: 0; text-align: left; background-repeat: no-repeat; background-color: #dcdcdc; font-size: 14px; }

/* All top navigation list items will have these styles. */
#header ul#topnav li { position: relative; top: 2px; margin: 0; display: inline; line-height: 19pt; margin: 0; text-align: center; padding: 9px 59px 10px 16px; font-size: 14px; }

/* When a top navigation element is chosen, it will use these styles for it's "ON" state. */
#header ul#topnav li.on { position: relative; top: 2px; margin: 0; display: inline; line-height: 19px; text-align: center; padding: 9px 59px 10px 16px; font-size: 14px; }

/* Top navigation links will have these styles. */
#header a, #header a:link, #header a:visited, #header a:active { color: #008D70; font-weight: bold; text-decoration: none; font-size: 14px; }

/* Hovered top navigation links will have these styles. */
#header a:hover { color: #008D70; font-weight: bold; text-decoration: none; font-size: 14px; }

/* When chosen, top navigation links will be black. */
#header .on, #header a.on:link, #header a.on:visited, #header a.on:active { color: #000000; font-weight: bold; text-decoration: none; font-size: 14px; }

/* When chosen, hovered top navigation links will be white. */
#header a.on:hover { color: #000000; font-weight: bold; text-decoration: none; font-size: 14px; }


/*#######################################################
#														#
# 					 CONTENT STYLES						#
#														#
#######################################################*/

/* Container required for 3 column layout. */
#container { text-align: left; width: 745px; }

/* Style used for single column content layout. */
#main_1COL { text-align: left; margin: 0 0 0 0; padding: 0; border: 0; }

/* Style used for dual column content layout. Big column on the right. */
#main_2COLA { text-align: left; margin: 0 0 0 200px; padding: 0; border: 0; }

/* Style used for dual column content layout. Big column on the left. */
#main_2COLB { text-align: left; margin: 0 176px 0 0; padding: 0; border: 0; }

/* Style used for triple column content layout. */
#main_3COL { text-align: left; margin: 0 176px 0 200px; padding: 0; border: 0; }

/* This container is the first of 3 possible columns. It also contains the side navigation. */
#sidebar1 { position: relative; left: -2px; border: 0; width: 200px; padding: 0; margin: 0 0 0 -198px; font-size: 12px; text-align: left; float: left; display: inline; }

/* The second sidebar. It appears to the far right, and will expand the content with the browser window. */
#sidebar2 { position: relative; right: -2px; border: 0; padding: 0; margin: 0 -176px 0 0; font-size: 12px; width: 176px; float: right; display: inline; }

/* The side navigation list of links are contained in an unordered list. */
ul#nav_side { list-style-type: none; margin: 1px 0 0 0; padding: 0 0 0 0; width: 200px; text-align: right; background-image: url('/common/img/sidenav_back_2.gif'); background-repeat: repeat-y; }

/* The individual side navigation elements will have these styles. */
ul#nav_side li { padding: 5px 7px 6px 0; border-right: 1px dashed #bcb8a7; border-bottom: 1px dashed #bcb8a7; }

/* The side navigation links */
ul#nav_side li a, ul#nav_side li a:link, ul#nav_side li a:visited, ul#nav_side li a:active { font-size: 12px; font-weight: bold; text-decoration: none; }

/* The hovered side navigation links */
ul#nav_side li a:hover { color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; }

/* The side navigation links, in their chosen state, will be underlined.  */
ul#nav_side li a.on, ul#nav_side li a.on:link, ul#nav_side li a.on:visited, ul#nav_side li a.on:active { color: #000000; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* The hovered side navigation links, in their chosen state, will be underlined.  */
ul#nav_side li a.on:hover { color: #000000; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* Style for the page title that appears above the content on every page. */
#content h3.pg_title { color: #0053A4; }

#content strong.req { color: #e75054; }

#content ul li {
padding-bottom: 12px;
}


/*#######################################################
#														#
# 			MEMBER REGISTRATION FORM STYLES				#
#														#
#######################################################*/

#member_form input.txt_field { padding: 2px 2px 0 1px; line-height: 17px; font-family: Arial, Sans-serif; font-size: 9pt; height: 18px; color: #a9a9a9; }

#member_form textarea { margin: 0; padding: 2px; font-family: Arial, sans-serif; font-size: 9pt; }

#member_form select { padding: 1px 0 0 0; width: 54px; height: 22px; color: #a9a9a9; font-size: 10pt; line-height: 22px;}

#member_form a.check_txt, #member_form a.check_txt:link, #member_form a.check_txt:visited, #member_form a.check_txt:active, #member_form a.check_txt:hover { position: relative; top: -2px; font-weight: normal; text-decoration: none; color: #000000; padding: 0 0 0 0; }


/*#######################################################
#														#
# 					POPUP TEXT STYLES					#
#														#
#######################################################*/

/* The following styles are required for the popup text in the SeniorCare GuideBook section: */

#content #popup_text{ position: absolute; visibility:hidden; z-index: 200; }

#content #popup_box { position: relative; left: 33px; top: 0px; z-index: -10; width: 210px; font-family: arial,helvetica,sans-serif; overflow: hidden; border: 2px solid #0055a4; border-width: 2px 2px 2px 2px; padding: 2px 2px 2px 14px; font-size:11px; background-color:#FFFFFF; color: #0055a4; margin: -41px 0 0 0; line-height: 14px; 
}
#content #popup_box strong { color: #000000; }

#content #adobe_big { position: relative; z-index: 10; }


/*#######################################################
#														#
# 					 FOOTER STYLES						#
#														#
#######################################################*/

/* This Web site footer will contain the copyright info. */
#footer { width: 745px; text-align: left; clear:both; margin: 13px 6px 10px 35px; padding: 0 0 6px 0; color: #707070; font-size: 12px; line-height: 10pt; }

/* This class is used to clear previous formatting and position the footer correctly. */
.clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both; }


/*#######################################################
#														#
# 					 PRINTING STYLES					#
#														#
#######################################################*/

/* These styles are used to correctly format the printed version of the site.
You can use print preview in your browser to test these styles. */

@media print{

/*hide these items when printing */
#sidebar1, #header ul#topnav { display: none; }

/* Move content area to the left when printing. */
#main_2COLA, #main_3COL, #main_2COLB, #main_1COL { margin-left: 6px; }

/* Shrink content area to fit on printed page */
#content { margin-right: 40px; }

/* Reduce padding around text for aesthetic reasons when printing. */
.pad { padding: 6px; }

}