﻿/* CSS Document */

fieldset {margin:0; padding:0; border:0}

form {margin:0; padding:0; border:0}

img {margin:0; padding:0; border:0}

body {margin:0; padding:0; border:0}

html {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.667 Verdana,sans-serif;
	background:#507bb0;
	color:#202020}

/* global styles ----------------------------------------------- */
div.desc {margin:0 20px 1.667em; padding:0}
dl {margin:0 20px 1em; padding:0}
ol {margin:0 20px 1.667em; padding:0}
ul {margin:0 20px 1.667em; padding:0}
h4 {margin:0 20px 1.667em; padding:0}
h3 {margin:0 20px 1.667em; padding:0}
h2 {margin:0 20px 1.667em; padding:0}
h1 {margin:0 20px 1.667em; padding:0}
p {margin:0 20px 1.667em; padding:0}
acronym {cursor:help}

abbr {cursor:help}

.note {color:#333; font-size:.9167em}

.blank{display:block}

/*
.floatleft {}
.floatright {}
.center {}
*/

hr {
	height:0;
	width:520px;
	background:none;
	border:none;
	text-align:left;
	border-bottom:2px solid #3f74a6}

hr.sub {
	height:0;
	width:470px;
	background:none;
	border:none;
	border-bottom:2px solid #c6e0b5}
	
hr.event {
	height:0;
	width:200px;
	background:none;
	border:none;
	border-bottom:2px solid #3f74a6}
	
hr.event2 {
	height:0;
	width:240px;
	background:none;
	border:none;
	border-bottom:2px solid #3f74a6}

/* ---- links ---- */
a:link {color:#0f2453; text-decoration:underline}
a:visited {color:#0f2453; text-decoration:underline}
a:hover {color:#a64221; text-decoration:underline}
a:active {color:#0e2300; text-decoration:none}

/* ---- Search Results ---- */
#content 
h4 strong {padding:0 7px 0 0}

p.context {font-size:.9em; margin-bottom:.5em}
p.infoline {color:#666; font-size:.9em; font-style:italic}
p.result_pages {padding:2px; font-size:.85em; background:#EEE}

a#logo {position:absolute; bottom:-3.05em; left:-7px; display:block; width:206px; height:102px; background:url(/include/logo.png) no-repeat 0 0}
a#logo img {display:none}

#result_block{
	margin:0;
}

/* ---- headings ---- */
h1 {
	margin:40px 0 15px 0;
	font:1.8em Verdana,Arial,san-serif;
	color:#1c408a}
h1.slogan{
	position:absolute;
	top:40px;
	right:20px;
	font-size:2.5em;
	color:#956280;
	font-family:times, serif;
	font-style:italic;
	text-align:right
}
h1.welcome {
	margin:0 0 15px 0;
	font:1.833em Verdana,Arial,san-serif;
	color:#1c408a}
h2 {
	margin:0 0 15px 0;
	font-size:1.1em;
	color:#004e29;
	font-weight:bold}
h3 {
	margin:15px 0;
	font-size:1.1667em;
	color:#956280;
	font-style:italic;
	font-weight:bold}
h4 {
	font-size:1.0833em}

h5 {
	margin:20px 0 5px 10px;
	font-size:1.1667em;
	color:#3F74A6}

h6 {
	margin:0 0 10px 0;
	font-size:.85em;
	color:#4d4d4d}
	
.name{
	color:#093C78;
	font-weight:bold}

/* ---- lists ---- */
ul {list-style:none}
ol {margin-left:30px}
li {margin:0 0 1em}

/*ul li {padding:0 0 0 15px; background:url(/include/bullet.gif) no-repeat 0 .55em} */
ul ul {margin-top:1em; margin-right:0; list-style:disc}
ul .indent {padding:0; margin:0; background:none; list-style :disc}
ul li .indent {padding:0; margin:0; background:none; list-style :disc}

/* ---- definition list ---- */
dt {
	margin:0;
	padding:0;
	font-weight:bold}
dd {
	margin:0 0 1em;
	padding:0}
dl.signup {
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal}
dd.news {margin-top:10px; padding:0 0 0 15px; background:url(/include/bullet.gif) no-repeat 0 .55em}

/* ---- table ---- */


table.job {
	border-collapse:collapse;
	background:#FFF;
	width:500px;
	text-align:left;
	float:left}

/*
table {
	border-collapse:collapse;
	background:#FFF;
	width:500px;
	text-align:left;
	float:left}
	
tr {
	margin:0;
	padding:0;
	border:1px solid #EEE}
td {
	margin:0;
	padding:.75em 1em;
	vertical-align:top}
th {
	margin:0;
	padding:.75em 1em;
	vertical-align:top}
th {background:#E1EBF4}
*/

tr.even td {background:#F4F5F7}

th.job{
	text-align:center;
	vertical-align:middle;
	border:2px solid #FFF;
}



/* form ----------------------------------------------- */
legend {display:none}
fieldset span {color:#F00; font-weight:bold}
fieldset span.note {font-weight:normal}
fieldset dt span {margin:0 0 0 3px}

label {font-weight:bold; cursor:pointer}

div.validation-advice {
	padding:4px;
	width:302px;
	background:#FFF;
	color:#F00;
	font-size:.9167em}
	
.regtable {width:480px}
.regtable td {padding:5px}
.message {visibility:visible; display:none}

.message {
	background:#CFC;
	visibility:visible;
	display:none}

/* ---- link icons ---- */
.xls {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(/include/icon-xls.png) no-repeat 7px 50%}
.ppt {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(/include/icon-ppt.png) no-repeat 7px 50%}
.pdf {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(/include/icon-pdf.png) no-repeat 7px 50%}
.doc {
	margin:0 .25em 0 0;
	padding:0 15px 0 1px;
	background:url(/include/icon-doc.png) no-repeat 7px 50%}
.pdf {background-image:url(/include/icon-pdf.gif)}
.ppt {background-image:url(/include/icon-ppt.png)}
.xls {background-image:url(/include/icon-xls.png)}

/* container ----------------------------------------------- */
#container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:980px;
	background:#FFF url("/include/container.gif") repeat-y 0 0;
	border:0}

/* header ----------------------------------------------- */
#header {
	position:relative;
	min-height:143px; height:auto !important; height:143px;
	background:#ececec url(/include/headerbg.gif) no-repeat 0 0}
#header p {
	padding:15px 20px 0;
	margin:0;
	font-size:.9167em;
	color:#010101;
	text-align:right}

#header p.slogan {
	padding:0 20px 0 0;
	margin:0;
	font-size:2.5em;
	color:#956280;
	font-family:times, serif;
	font-style:italic;
	text-align:right}
	
ul#skip {
	position:absolute;
	left:-9999px;
	width:100px}

#header img {display:none}

/* ---- name ---- */
a#name {
	position:absolute;
	top:50px;
	left:19px;
	display:block;
	width:428px;
	height:44px;
	background:url(/include/vhca-vcal.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}

a#smart {
	position:absolute;
	top:50px;
	left:19px;
	display:block;
	width:447px;
	height:44px;
	background:url(/include/vhca-smart.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}


/* ---- logo ---- */
a#logo {
	position:absolute;
	top:28px;
	right:19px}

/* content ----------------------------------------------- */
#content {
	float:left;
	padding:0 0 5em 189px;
	width:550px;
	min-height:40em; height:auto !important; height:40em;
	background:#FFF url(/include/content.gif) repeat-y 0 0}

#contentwide {
	float:left;
	padding:0 0 5em 189px;
	width:790px;
	min-height:40em; height:auto !important; height:40em;
	background:#FFF url(/include/content.gif) repeat-y 0 0}
	
#content p{
	margin:10px 30px 10px 0;
	padding:0
}

#content p.indent{
	margin:10px 30px 10px 18px;
	padding:0
}

#page-full #content {
	width:785px;
	padding:35px 0 0 180px;
	min-height:40em; height:auto !important; height:40em;
	background:#FFF url(/include/content.gif) repeat-y 0 0}
html>body #page-full #content {width:800px}

#page-full #content img {
	float:left;
	margin:0 0 1em 0}

.top {
	text-align:right;
	font-size:.8em}

.top a{
	color:#666;
	text-decoration:none}

.top a:hover{
	color:#666;
	text-decoration:underline}

.top a:visited{
	color:#666;
	text-decoration:none}

	
#login {
	margin-left:20px;
	border-collapse:collapse;
	background:#FFF;
	width:400px;
	text-align:left}
	
#login table {
	background:#FFF;
	border:0px;
	width:400px;
	text-align:left}
	
#login tr {
	margin:0;
	padding:0}

#login td {
	margin:0;
	padding:5px;
	border-bottom:0px;
	vertical-align:top}
	
#flash {width:418px; height:260px; float:left; margin-bottom:20px}

/* ---- Home ---- */
#home {
	margin:0;
	background:#FFF;
	float:left;
	display:inline;
	width:776px}

#home p {
	margin:10px 0;
	background:#FFF}

.welcome {
	float:left;
	width:388px}

.side {
	float:left;
	width:349px}
	
img.qpc{
	padding-left:140px}


#home img {
	float:right;
	margin-top:200px}
	
#tabber{
	margin:0;
	padding:0;
	float:right;
	width:349px;
	height:258px;
	border:1px solid #d0dcef;
	background:#dfe9f8 url(/include/tabberbg.gif) no-repeat 0 0}
	
#highlights{
	margin:10px 0 0 47px;
	padding:0;
	width:348px;
	min-height:128px;
	border:1px solid #b892a8;
	background:#dbd2d7 url(/include/highlightsbg.gif) no-repeat 0 0}
}

#highlights ul {list-style:none}
#highlights ol {margin-left:30px}

#highlights ul li {padding:0 0 0 15px; background:url(/include/highlightsbullet.gif) no-repeat 0 .45em; color:#4d0931}

#highlights h2{
	margin:15px;
	font-size:1.1em;
	color:#4d0931;
	font-weight:bold}
	
#highlights ul li a{color:#4d0931;text-decoration:none}
#highlights ul li:hover a{color:#4d0931;text-decoration:underline}

#logos{
	margin:200px 0 0 150px;
	padding:0;
	width:200px;
	min-height:128px;
	background:#FFF}

/* secondary ----------------------------------------------- */
#secondary {
	margin:15px 20px 0 0;
	float:right;
	width:217px;
	border-top:20px solid #FFF;
	background:#e8edf6}
#secondary img {margin:0; border:2px solid #3662a5}
#secondary li.selected a {
	font-weight:bold} 
	
#secondary h3 {
	margin:15px;
	font-size:1.1667em;
        color:#793f61;
	font-style:italic;
	font-weight:bold}

#secondary ul li {padding:0 0 0 15px; background:url(/include/bullet.gif) no-repeat 0 .55em}


/* Contact Form */

/* ---- Find a Facility ---- */
ul#results span {color:#3F74A6}

/* sidebar ----------------------------------------------- */
#sidebar {
	position:absolute;
	margin-top:-1px;
	padding:0;
	left:0;
	width:146px;
	background:#cfe9e4;
	border-left:5px solid #FFF;
	border-top:5px solid #FFF;
	overflow:hidden}

/* ---- utilities ---- */
ul#utilities {
	margin:.65em 0 0;
	padding:0}
ul#utilities li {
	margin:0;
	padding:0;
	background:none}
ul#utilities a {
	display:block;
	padding:.325em 8px;
	width:150px;
	color:#1f1f1f;
	font-size:1.2em;
	line-height:1.5em;
	text-decoration:none;
	background:#cfe9e4;
	border:1px solid #FFF;
	border-width:0 0 1px}
ul#utilities a:hover {
	background:#004223;
	color:#FFF}

ul#utilities li.selected a {background:#669e93; color:#FFF}


/* ---- text-size ---- */
#text-size  {
	margin:0;
	padding:10px 5px;
	width:150px;
	height:20px;
	background:#c8dcd8;
	border-bottom:1px solid #FFF}

#text-size h3 {
	float:left;
	display:inline;
	margin:0;
	padding:.025em .15em;
	color:#004223;
	font-size:.9167em;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase}

#text-size ul {
	float:left;
	margin:0;
	padding:0}
#text-size li {
	margin:0;
	padding:0;
	background:none;
	float:left}
#text-size a {
	display:block;
	padding:.025em .45em;
	color:#004223;
	font-size:.9167em;
	font-weight:bold;
	text-decoration:none}
#text-size a:hover {
	background:#086539;
	color:#FFF}

li#text-medium a {
	background:#086539;
	color:#FFF}


/* ---- sponsors ---- */
#sponsor {
	margin:0 0 2.5em}
#sponsor h3 {
	margin:0 15px .125em;
	font-size:.8333em}
#sponsor img {
	border:1px solid #b8c2a6;
	border-width:1px 0}

/* ---- featured ---- */
ul#featured {
	margin:0;
	padding:0}
ul#featured li {
	margin:0 0 1.667em;
	padding:0;
	background:none;
	text-align:center}

/* nav ----------------------------------------------- */
#nav {
	position:absolute;
	margin:0;
	padding:0;
	top:125px;
	left:0;
	width:980px;
	background:#567fbd url(/include/navbg.gif) repeat-x 0 0}
#nav h3 {display:none}
#nav ul {
	margin:0;
	padding:0;
	list-style-type: none}
#nav ul li {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	background:none}
#nav li a {
	display:block;
	padding:.22em 5px;
	font-size:1.25em;
	color:#FFF;
	border:1px solid #FFF;
	border-width:1px 1px 0 0;
	text-decoration:none;
	text-align:center}

#nav li a:hover {
	background:#0a387d}

#nav li.selected a {
	background:#0a387d}

li#nav-consumer a {width:140px}
li#nav-members a {width:130px}
li#nav-events a {width:170px}
li#nav-membership a {width:120px}
li#nav-careers a {width:83px}
li#nav-foundation a {width:150px}
li#nav-preferred a {width:111px;border-right:0}

/* ---- dropdowns --- */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	top:2.70em;
	left:0;
	z-index:10;
	/*background:#F00; /* uncomment to see safe area */
	margin:0 0 0 -20px;
	padding:1px 0 20px 20px}
#nav ul li:hover ul {visibility:visible}
#nav li li {clear:both; border:1px solid #FFF; margin-top:-1px}

#nav li li a {
	padding:.5em 1.1em;
	width:14.5em;
	text-align:left;
	font-size:1em;
	border:0}

#nav li#nav-consumer li a {width:14em}
#nav li#nav-members li a {padding-left:1.2em}
#nav li#nav-events li a {width:14em;padding-left:1.5em}
#nav li#nav-membership li a {width:14em;padding-left:1.4em}
#nav li#nav-careers li a {width:14em;padding-left:1.4em}
#nav li#nav-preferred li a {width:11em;padding-right:1em}

#nav ul.last {left:-38px} /* aligns right edge of last submenu */


/* hover */
#nav ul li:hover a {background:#0a387d}
#nav ul li:hover li a {color:#FFF; background:#0a387d}

#nav li:hover li a:hover {color:#FFF; background:#002256}

#nav li li a:hover {color:#FFF; background:#0a387d}

/* selected */
#nav li li.selected a {font-weight:bold}

#nav ul li.selected a {background:#0a387d}
#nav ul li.selected li a {color:#042568; background:#d1def2; border-color:#FFF}

#nav li.selected li a:hover {background:#002256}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	background:#507bb0;
	color:#FFF;
	font-size:.833em;
	text-align:center;
	letter-spacing:.025em;
	border-top:5px solid #FFF}
#footer p {
	margin:0 20px;
	padding:.8em 0}
#footer a {
	color:#FFF}
#footer span {
	margin:0 .5em;
	color:#99afc5}

/* Ad Rotator ----------------------------------------------- */
.m_banner_hide {display:none}
.m_banner_show {display:block}



/* IlluminAge Apps ----------------------------------------------- */
.error {color:red}

div.desc ul {margin-left:0; margin-right:0}

div.desc p {margin-left:0; margin-right:0}

/* ---- Calendar ---- */
table.calendar {width:500px; margin:0 auto 1.5em; background:#f5f5f5; border:1px solid #d7e3ec; border-width:1px 1px}
table.calendar td {width:50%; border:1px solid #e7e7e7; border-width:0 0}
table.calendar h3 {font-style:normal; color:#154263; margin:9px 0 10px 0; padding:0 10px; font-size:1.1em; border-bottom:1px solid #c3d1dc}
table.calendar h5 {color:#154263; margin:9px 0 10px 0; padding:0 10px; font-size:1.1em; border-bottom:1px solid #c3d1dc}
table.calendar p {margin:.5em 0 0 .5em; font-size:.95em}
table.calendar span {margin:3px; cursor:default; color:#999; font:normal .9em arial,sans-serif}
table.calendar span.format {display:block; font-size:.9em}

ul#month {margin-top:1em}
ul#range {margin:0 0 1em}
ul#range li {list-style:none;background:none}

dl.calendar {width:500px; margin:0 10px 1.5em 0; padding:0 0 7px; background:#F1F1F1}
dl.calendar dt {padding:7px; background:#ccd9ed; font:bold 1em verdana,sans-serif; text-transform:uppercase; color:#292929;}
dl.calendar dd {margin:0 7px}
dl.calendar dd.title {padding-top:0; font-weight:bold}
dl.calendar dd.desc {padding-top:.5em; color:#333}
dl.calendar dd.desc p {margin:0 0 1em}
dl.calendar dd.more {margin-top:.5em}

.EventLabel {font-weight:bold; color: #000}

.EventLabel2 {
	font-size:1.4em;
	color:#074222;
	padding:6px 0 1px 0;
	border-bottom:1px solid #b9b18b}
	
li.news{
	margin-top:8px;
	list-style-type:none;
	text-indent:0;
}


/* ---- Job Board ---- */
col#location {width:170px}
col#date {width:120px}

.EventLabel{
	font-weight:bold
}

td.EventLabel{
	font-weight:bold;
	font-size:1.2em;
	color:#001c56;
}

/* ---- What's New ---- */
dl#news dt {font:normal .9167em/1.666 Verdana,sans-serif}
dl#news dd a {font-weight:bold}
