﻿/* 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.5 Verdana,sans-serif;
	color:#000;
	background:#fff}

/* global styles -------------------------------------- */
table {margin:0 16px 1em; padding:0}

dl {margin:0 16px 1em; padding:0}

ul {margin:0 16px 1em; padding:0}

h3 {margin:0 16px 1em; padding:0}

h2 {margin:0 16px 1em; padding:0}

p {margin:0 16px 1em; padding:0}

.note {color:#333; font-size:.9167em}
span.note {font-weight:normal}

hr {
	margin:0 10px 1em;
	color:#939360;
	background:#939360;
	height:1px;
	border:0}

/* ---- links ---- */
a:link {color:#314B99; text-decoration:underline}
a:visited {color:#495EA1; text-decoration:underline;}
a:active {color:#233674; text-decoration:none}
a:hover {color:#233674; text-decoration:none}

/* ---- headings ---- */
h1 {
	margin:0 0 1.5em 1px;
	padding:.25em 16px;
	color:#233674;
	font:bold 1.167em Georgia,"Times New Roman",Times,serif;
	background:#2a408a url(../images/h1.gif) repeat-x 0 0;
	color:#FFF;
	border-bottom:3px solid #262626;
	border-left:1px solid #606060;
	border-right:3px solid #181818}
h2 {
	padding:15px 0 0;
	color:#314B99;
	font:bold 1em Verdana,sans-serif}
	
h3 {
	padding:15px 0 0;
	color:#314B99;
	font:bold 1.2em Verdana,sans-serif}
	
h3.confred {
	padding:15px 0 0;
	color:#cc0000;
	font:bold 1.2em Verdana,sans-serif}

h3.confblue {
	padding:0;
	color:#0066ff;
	font:bold 1.2em Verdana,sans-serif}


h4 {
	padding:0;
	color:#314B99;
	font:bold 1.2em Verdana,sans-serif;
	text-align:center;}

.blue {
	color:#314B99;
	font-weight:bold}
h2#national {
	padding:7px;
	background:#E3E3E3;
	border-bottom:1px solid #939360}
h2#western-chapter {
	padding:7px;
	background:#E3E3E3;
	border-bottom:1px solid #939360}
.blue1 {
	padding:7px;
	background:#E3E3E3;
	border-bottom:1px solid #939360}
	
/* ---- lists ---- */
ul {
	margin-left:32px;
	list-style:none}
li {
	margin:0 0 .5em;
	padding:0 0 0 15px;
	background:url(../images/bullet.gif) no-repeat 0 .25em}

/* ---- definition list ---- */
dt {
	margin:0 0 .125em;
	padding:0;
	font-weight:bold}
dd {
	margin:0 0 1.5em;
	padding:0}

/* ---- table ---- */
table {width:592px; border-collapse:collapse}
tr {margin:0; padding:0}
td {margin:0; padding:.25em; vertical-align:top}
th {margin:0; padding:.25em; vertical-align:top}
th {text-align:left}

/* ---- forms ---- */

#ugform{
	margin:5px 10px;
	float:right;
	border: 3px solid #d7d7ca;
	width:270px;
	background:#f5f5ea;
}

input.ugform {
	width:200px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-top:1px solid #999;
	background:#FFF;
	color:#000;
	vertical-align:baseline}


fieldset span {color:#F00; font-weight:bold}
fieldset dt span {margin:0 0 0 3px}

.message {
	background:#CFC;
	visibility:visible;
	display:none}

label {font-weight:bold; cursor:pointer}
textarea {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-top:1px solid #999;
	background:#FFF;
	color:#000;
	vertical-align:baseline}
select {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-top:1px solid #999;
	background:#FFF;
	color:#000;
	vertical-align:baseline}
input {
	width:300px;
	padding:4px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-top:1px solid #999;
	background:#FFF;
	color:#000;
	vertical-align:baseline}
textarea {overflow:auto}

select{
	width:210px;
}

input.city{width:200px}
input.state{width:30px}
input.zip{width:50px}

textarea:hover {border-color:#990}

select:hover {border-color:#990}

input:hover {border-color:#990}
textarea:focus {border-color:#2A408A}
select:focus {border-color:#2A408A}
input:focus {border-color:#2A408A}
input.check {
	width:auto;
	margin:2px 0 0;
	border:0;
	background:none}
input.radio {
	width:auto;
	margin:2px 5px 0;
	border:0;
	background:none}
input.submit {
	cursor:pointer;
	margin:1em 0 0;
	width:8em;
	border-color:#2A408A;
	border-bottom-color:#000;
	background:#2A408A;
	color:#FFF;
	font-weight:bold}
#page-search input.submit {margin:0}

input.submit:active {
	border-color:#262626;
	background:#262626}

input.submit:focus {
	border-color:#262626;
	background:#262626}

input.submit:hover {
	border-color:#262626;
	background:#262626}

input#city {width:200px}
input#state {width:26px}
input#zip {width:46px}

/* validation */
.validation-failed {
	border:1px solid #F00;
	color:#F00}
.validation-advice {
	padding:4px 0;
	font-size:.9167em;
	background:#FFF;
	color:#F00}
.message {
	visibility:hidden;
	display:none}

tr.message {
	visibility:hidden;
	display:none}

/* header -------------------------------------- */
#header {
	height:93px;
	width:775px;
	background:#FFF url(../images/bg_header.gif) repeat-x 100% 0}

/* container -------------------------------------- */
#container {
	margin:0 auto;
	width:773px;
	background:#FFF url(../images/bg_bottom2.gif) repeat-x 100% 100%}
#main {
	width:773px;
	float:left;
	border-left:1px solid #2D1704;
	border-right:1px solid #2D1704;	
	background:url(../images/bg_main_leftside.gif) repeat-y 0 0}

/* content -------------------------------------- */
#content {
	float:right;
	padding:0 0 1.5em;
	width:625px;
	min-height:500px; height:auto !important; height:500px}

img#picture {border-right:1px solid #2D1704}

img.member {
	float:left;
	margin:5px 10px;
	padding:3px;
	border:1px solid #2D1704}

a.align_right {
	margin:0 0 20px 25px;
	float:right}
p.backtotop {margin-bottom:2em; text-align:right; font-size:.9em}

.purple {color:#9a003e !important; font-weight:bold}

.accent {color:#9a003e !important; font-weight:bold}

.sponsors{
	margin:10px 0 10px 10px;
	padding:0;
	width:275px;
	float:right;
}

/* ---- flash videos ---- */
#videoA {
	float:right;
	xxxmargin:4px 10px 4px 20px;
	margin-top:4px;
	width:320px;
	border:1px solid #2a408a;
	padding:2px;
	background:#fff;
}

/* -- annual conference icon ---- */
#conference {
	float:right;
	margin:4px 16px 4px 20px;
	width:320px;
	border:0;
	padding:2px;
	background:#fff;
}


/* ---- columns ---- */
.columns {
	float:left;
	margin:1em 0 0 20px;
	width:176px}

.columns {
	float:left;
	margin:1em 0 0 20px;
	width:176px}

/* ---- extra ---- */
.extra {
	float:right;
	padding:0 0 0 15px;
	width:250px;
	border-left:1px solid #E7E7CC}
.extra h2 {
	margin-bottom:.25em}

/* ---- board members ---- */
table.board {border-bottom:1px solid #939360}
table.board td {margin:0; padding:.75em .5em}
table.board th {margin:0; padding:.75em .5em}
table.board th {width:25%; font-weight:bold}
table.board th span {font-weight:normal}
table.board td strong {color:#233674; display:block; font-weight:normal}
table.board tr.section th {border-bottom:1px solid #939360}

table.board tr.section td {border-bottom:1px solid #939360}

/* ---- Affiliate Results ---- */
p.affiliate strong {color:#7A7A00}

/* sidebar -------------------------------------- */
#sidebar {
	float:left;
	width:148px}

/* ---- navigation ---- */
ul#nav {
	margin:0 0 1em;
	padding:0;
	list-style:none}
ul#nav li {
	position:relative;
	margin:0 0 1px;
	padding:0;
	background:none}
ul#nav li a {
	display:block;
	padding:0 16px;
	width:115px;
	height:29px;
	background:url(../images/nav.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden}

ul#nav li.selected li a {background-color:#990}

ul#nav li:hover a {background-color:#990}

ul#nav li a:hover {background-color:#990}

ul#nav li.selected a {background-color:#767800}
ul#nav li.selected li.selected a {font-weight:bold; text-decoration:underline}

ul#nav li#nav-home a {}							ul#nav li#nav-home a:hover {background-position:-131px 0}		ul#nav li#nav-home.selected a {background-position:-262px 0}
ul#nav li#nav-geriatric a {height:42px; background-position:0 -29px}	ul#nav li#nav-geriatric a:hover {background-position:-131px -29px}	ul#nav li#nav-geriatric.selected a {background-position:-262px -29px}
ul#nav li#nav-wedo a {background-position:0 -71px}			ul#nav li#nav-wedo a:hover {background-position:-131px -71px}		ul#nav li#nav-wedo.selected a {background-position:-262px -71px}
ul#nav li#nav-ask a {height:42px; background-position:0 -100px}			ul#nav li#nav-ask a:hover {background-position:-131px -100px}		ul#nav li#nav-ask.selected a {background-position:-262px -100px}
ul#nav li#nav-find a {height:42px; background-position:0 -142px}	ul#nav li#nav-find a:hover {background-position:-131px -142px}		ul#nav li#nav-find.selected a {background-position:-262px -142px}
ul#nav li#nav-about a {background-position:0 -184px}			ul#nav li#nav-about:hover a {background-position:-131px -184px}				ul#nav li#nav-about a:hover {background-position:-131px -184px}		ul#nav li#nav-about.selected a {background-position:-262px -184px}
ul#nav li#nav-become a {height:32px; background-position:0 -213px}	ul#nav li#nav-become a:hover {background-position:-131px -213px}	ul#nav li#nav-become.selected a {background-position:-262px -213px}
ul#nav li#nav-member a {height:40px; background-position:0 -245px}	ul#nav li#nav-member:hover a {background-position:-131px -245px}	ul#nav li#nav-member a:hover {background-position:-131px -245px}	ul#nav li#nav-member.selected a {background-position:-262px -245px}
ul#nav li#nav-contact a {background-position:0 -288px}			ul#nav li#nav-contact a:hover {background-position:-131px -288px}	ul#nav li#nav-contact.selected a {background-position:-262px -298px}

/* ---- dropdowns --- */
ul#nav ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	top:20px;
	left:20px;
	/* background:#F00; /* uncomment to see safe area */
	margin:-40px 0 0;
	padding:20px 20px 20px 0}
ul#nav li:hover ul {visibility:visible; left:100%}

ul#nav li:hover li a {height:auto !important}
ul#nav ul li {margin:0}

ul#nav ul li a:visited {
	padding:.5em 16px;
	width:18em;
	height:2em;
	line-height:2em;
	color:#FFF;
	font-size:.9167em;
	background:#990;
	border-bottom:1px solid #8a8c07;
	text-decoration:none;
	text-indent:0}

ul#nav ul li a {
	padding:.5em 16px;
	width:18em;
	height:2em;
	line-height:2em;
	color:#FFF;
	font-size:.9167em;
	background:#990;
	border-bottom:1px solid #8a8c07;
	text-decoration:none;
	text-indent:0}
ul#nav ul li a:hover {text-decoration:underline}

/* ---- aside ---- */
.aside {
	margin:1em 7px;
	border:1px solid #000;
	background:#482D13;
	color:#FFF;
	font-size:.9167em}
.aside h2 {
	margin:0 7px;
	padding:.75em 0 .5em;
	color:#FFF;
	text-align:center}
.aside p {
	margin:0 7px 1em;
	color:#FFF;
	text-align:center}
.aside a {color:#FFF}

.aside ul {
	margin:0 11px 1em;
	padding:0}
.aside li {
	margin:0 0 1em;
	padding-left:13px;
	font-size:.909em;
	background-image:url(../images/bullet2.gif)}
.aside li a {text-decoration:none}
.aside li a:hover {text-decoration:underline}

/* footers -------------------------------------- */
#footer1 {
	clear:both;
	height:30px;
	width:773px;
	background:#7B4D27 url(../images/bg_footer.gif) repeat-x 50% 100%;
	font-size:9px;
	text-align:center;
	color:#8A8A57}
#footer1 p {padding-top:7px}
#footer1 a {color:#FFF; text-decoration:none; white-space:nowrap}
#footer1 a:hover{text-decoration:underline}

#footer2 {
	text-align:center;
	padding:1em 0;
	background:#FFF;
	clear:both;
	width:100%;
	font-size:0.9167em}
#footer2 p {padding-top:2px}

/* IlluminAge Apps ----------------------------------------------- */
.error {color:red}

/* ---- Calendar ---- */
form#search {
	position:relative;
	margin:2em 16px;
	background:#F6F5E1}
#month {
	position:absolute;
	top:0;
	left:0;
	width:160px}
#month li.selected a {font-weight:bold}

#range {padding:0 0 .5em 164px}
#range input.submit {margin:0 0 0 10px; padding:3px}

input#from {width:100px}

input#to {width:100px}

dl.calendar {position:relative; border-bottom:1px solid #939360}
dl.calendar dt {
	position:absolute;
	top:0;
	left:0;
	font-weight:normal;
	font-style:italic}
dl.calendar dd {
	padding:0 0 0 180px}
dl.calendar dd.title {
	font-weight:bold}

/* ---- Job Board ---- */
table#jobboard {
	border-bottom:1px solid #939360}

col#location {width:150px}
col#date {width:95px}

table#jobboard th {
	padding:.5em;
	background:#E3E3E3;
	border-bottom:1px solid #939360}

table#jobboard td {padding:.5em}

tr.odd {background:#F6F5E1}

/* ---- What's New ---- */
ul#news {
	margin:0 16px 1em;
	padding:0}
ul#news li {
	position:relative;
	margin:0 0 1em;
	padding:.25em .5em;
	background:#FFF}
ul#news li.alt {
	background:#F6F5E1}
ul#news li p {
	margin:0;
	padding:0 0 0 180px}
ul#news li a {
	font-weight:bold}
ul#news li em {
	position:absolute;
	top:0;
	left:0;
	padding:.25em .5em;
	width:160px}

/* Print Styles -------------------------------------- */
@media print {
	#footer1 {display:none}

	ul#nav {display:none}

	#sidebar img {display:none}

	p.backtotop {display:none}

	img#picture {display:none}

	#content object {display:none}

	body {color:#000; background:#FFF}

	h1 {
		margin:1em 16px;
		padding:.25em 0;
		background:#FFF;
		color:#000;
		border-bottom:3px solid #262626;
		border-left:0;
		border-right:0}

	ul {list-style:disc}
	li {padding:0; background:none}

	/* header -------------------------------------- */
	#container {width:660px; background:#FFF}
	#header {width:660px; background:#FFF}
	#main {width:660px; float:none; border:0; background:#FFF}

	/* content -------------------------------------- */
	#content {float:none; width:660px}
	.columns {float:none; margin:0 0 1em; width:660px}

	/* ---- board members ---- */
	tr {margin:0; padding:0}
	td {margin:0; padding:0}
	table {margin:0; padding:0}
	table.board {margin:0 16px 1em; padding:0; width:660px}
	table.board th {padding:.75em 0}
	table.board td {padding:.75em 0}
	table.board th {width:100px}

	/* sidebar -------------------------------------- */
	#sidebar {float:none; width:660px}

	/* ---- aside ---- */
	.aside {margin:1em 16px; background:#FFF; color:#000}
	.aside p {text-align:left}
	.aside h2 {text-align:left}
	.aside a {color:#000}
	.aside li {background:none}

	/* footers -------------------------------------- */
	#footer2 {width:660px; text-align:left}
}
