/* CSS for ColumbiaMemorial.org */

/********** RESET STYLES **********/
/* Be sure to set a foreground and background color 
   on the 'html' or 'body' element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Be sure to define focus styles */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }

/********** BASIC STYLES **********/
html, body {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
	  color: #000;
	  background: #fff;
   }

body {
	background: #fff url(images/bg-grad.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100.1%; /* Don't change this size. Size all other type in % or ems. Allows visitors to control text size within their browser */
	}
a:link, a:visited {	color: #254e95; }
a:hover, a:active {	color: #082048; }
/* External Links */
a.extlink { padding-right:12px; background:url(images/icon-extlink.gif) right 3px repeat-y; }
a:visited:hover.extlink {background-position:right 103px; }
a:hover.extlink { background-position:right 203px; }
/* End External Links */

/********** HOMEPAGE STYLES **********/
#mainpage-primary { width: 805px; margin: 0 auto; }
#rightcolumn { float: right; width: 262px;  }
#logintabs { background: url(images/bg-logintabs.gif) no-repeat; width: 262px; height: 26px; text-align: left; }
#logintabs a, #logintabs a:visited { color: #c5cede; text-decoration: none; font-size: 12px; }
#logintabs a:hover, #logintabs a:active { color: #fff; text-decoration: underline; }
#logintabs .phys { margin-left: 37px; }
#logintabs .staff { margin-left: 38px; }
#rightcolumn .urgentcare { font-size: 0.7em; color: #444; }
#rightcolumn .urgentcare img{ margin-top: 3px; margin-bottom: 6px; }
#rightcolumn .urgentcare strong { font-weight: bold; }

#quickstart { width: 255px; background: url(images/quickstart-bg.gif) repeat-y; padding: 0; margin: 15px auto 0 auto; text-align: left; }
#quickstart img { margin: 0 0 -2px 0; padding: 0; } /*-2px margin fixes peeking bg image */
#quickstart .qs-links {
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 215px;
font-size: 0.9em;
}
#quickstart .qs-links li { display: block; margin: 0; padding: 0; }
#quickstart .qs-links li a {
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}
#quickstart>.qs-links li a { width: auto; }
#quickstart .qs-links li#active a { background: #f0e7d7; color: #800000; }
#quickstart .qs-links li a:hover, #quickstart .qs-links li#active a:hover { color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc; }

#featured { height: 505px; background: url(images/featured/rotator.php) no-repeat;}
#featured .logo { float: left; margin: 35px 0 0 30px; }

#mainpage-secondary { background: url(images/bg-promobar.jpg) repeat-x; width: 100%; height: 150px; padding: 16px 0 0; }
#mainpage-secondary .content { width: 790px; margin: 0 auto; }
#mainpage-secondary img { float: left; margin: 0 5px 5px 0; border: 2px solid #000; }

/********** FOOTER STYLES **********/
#footer { margin-bottom: 20px; padding-bottom: 20px; clear: both; }
#footer p.copyright { color: #8c8c8c; font-size: 0.7em; margin: 5px 0; padding: 0; }
#footer ul { font-size: 0.8em; margin: 0; padding: 0;}
#footer li { display: inline; list-style-type: none; padding: 0 8px 0 7px; border-right: 1px solid #bbb; }
#footer li.last { border-right: none; }
#footer li a { color: #555; text-decoration: none; }
#footer li a:hover { color: #222; text-decoration: underline; }

/********** SUBPAGE STYLES **********/
#subpage-header, #subpage { width: 805px; margin: 0 auto; text-align: left; }
#subpage-header .logo { width: 115px; height: 110px; float: left; margin-left: 27px; }
#subpage-header .photo { background: url(images/sp-cmhphoto.jpg) no-repeat; width: 275px; height: 110px; float: left; margin-left: 28px; }
#subpage-header .tagline { background: url(images/sp-tagline.gif) no-repeat; width: 320px; height: 110px; float: left; margin-left: 10px; }
#subpage { clear: both;}
#sidebar, #content { background: url(images/sp-ttlgrad.gif) repeat-x; padding-top: 4px; }

#sidebar { width: 170px; float: left; border-top: 3px solid #ffa129; }
#sidebar ul { margin-top: 5px; }
#sidebar li { font-weight: bold; color: #2c5192; font-size: 0.95em; }
#sidebar li:before { content: "-"; visibility: hidden; } /* Workaround for leftside padding of section title */
#sidebar li li:before { content: ""; }
#sidebar li ul { margin-top: 5px; font-weight: normal; font-size: 0.85em; border-top: 1px solid #fdcb8c; }
#sidebar li ul li { font-weight: normal; margin-bottom: 3px; border-bottom: 1px solid #fdcb8c; padding: 6px 5px 8px 15px; line-height: 1.2em;  }
#sidebar li ul ul { border-top: 0; font-size: 1em; }
#sidebar ul ul ul li { border-bottom: 0; padding: 4px 4px 0 15px; line-height: 1.1em;}
#sidebar ul ul ul ul li, #sidebar ul ul ul.sublist li  { font-size: 0.9em; padding: 0 0 0 15px; line-height: 1em;}
#sidebar a, #sidebar a:visited { color: #355b9d; text-decoration: none; display: block; }
#sidebar a:hover, #sidebar a:active { color: #1e407a; text-decoration: underline; }

#content { width: 585px; margin-left: 170px; border-top: 3px solid #ffc274; padding: 5px 15px 15px 15px; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-weight: bold; color: #294d8d; margin: 10px 0 10px 0;}
#content h1 { font-size: 1.6em; margin: 5px 0 20px 0; }
#content h2 { font-size: 1.4em; color: #375b9b; }
#content h3 { font-size: 1.2em; color: #375b9b; }
#content h4 { font-size: 1.1em; color: #3a66b4; }
#content h5 { font-size: 1em; color: #3a66b4; }
#content h6 { font-size: 0.9em; color: #3a66b4; }
#content p { margin: 10px; font-size: 0.8em; line-height: 1.3em; }
#content strong, #content b { font-weight: bold; }
#content em, #content i { font-style: italic; }
#content img.left { margin: 0 7px 5px 0; float: left; }
#content .center { text-align: center; }
#content img.right { margin: 0 0 5px 7px; float: right; }
#content ul, #content ol { margin: 10px 10px 10px 40px; font-size: 0.8em; line-height: 1.3em; }
#content ul ul, #content ol ol { font-size: 1em; line-height: 1em;}
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }
#content ol ol { list-style-type: upper-alpha }
#content ol ol ol { list-style-type: decimal; }
#content ol ol ol ol { list-style-type: lower-alpha; }
#content ul ul { list-style-type: square; }
#content ul ul ul { list-style-type: circle; }
#content ul ul ul ul { list-style-type: disc; }
#content li { margin: 2px 0; }
#content blockquote { margin: 10px 30px; }
#content sup { vertical-align: super; font-size: 0.7em; }
#content sub { vertical-align: sub; font-size: 0.7em; }

#content hr.clear { clear: both; border: 0; }

/* Special Style for In-Page Lists */
#content .deptlist li { list-style-type: none; line-height: 1.4em; font-size: 1.2em; width: 200px; float: left; }
#content .deptlist li a, #content .deptlist li a:visited { text-decoration: none; border-bottom: 1px solid #97accf; }
#content .deptlist li a:hover, #content .deptlist li a:active { color: #1e407a; border-bottom: 1px solid #1e407a; }

#content .testimoniallist li { list-style-type: none; }
#content .testimoniallist li ul { margin: 5px 0 20px 5px; padding: 0; }
#content .testimoniallist li ul li { line-height: 1.2em; }
#content .testimoniallist a { font-weight: bold; }

#healthcompass ul { margin-left: 250px; }
#healthcompass ul ul { margin-left: 20px; }
#healthcompass img { float: left; margin: 0 10px 10px 0; }

#phonelist { font-size: 0.8em; margin-top: 10px; margin-left: 25px; }
#phonelist td { padding: 0 0 4px 0; }
#phonelist em { color: #666; font-size: 0.9em; }
#post-5 table { width: 100%; }
#post-5 caption { text-align: center; font-weight: bold; text-transform:uppercase; margin-top: 25px; }
#post-5 table td {  font-weight: bold; text-align: center; font-size: 0.9em; }
#post-5 table em { font-weight: normal; }
#post-5 table img { margin: 10px 5px 5px; }
#post-53 h3 { margin-top: 25px; }

/* Styles for FAQ Lists */
.faq h3 { font-size: 1em; font-weight: bold; }
.faq h3 a { display: block; }
.faq li { padding: 0px 5px 0px 5px; -moz-border-radius: 10px; };
.faq .alt { background-color: #f5f5f5; }
.faq li:hover { background: #DBE0F1 url(gradient-hover.gif) repeat-x scroll top left; }
.faq_approve {
font-size: 0.8em;
float: right;
padding: 3px 3px 0px 3px;
text-align: center;
-moz-border-radius: 10px;
margin-top: -3px;
color: #999;
}
.answer { font-size: 1.2em; }

.faq_approve img { margin-top: 4px; }
.faq_approve p { display: inline; padding: 0; margin: 0; }