/*************************/
/* GLOBAL FOR BOTH SITES */
/*************************/

body {
	color: #333;
	/*background-color:#fff;*/
	font-size: 15px;
	line-height: 1.75;
}


/* BOTTOM MARGINS */
p, ol, ul, dl, table {margin-bottom: 15px;}


/* LINKS */
a:link		{color:#247BBF; background-color:transparent; text-decoration:underline;} /* #0000ff color name is blue  */
a:visited	{color:#be66e4; background-color:transparent; text-decoration:underline;} /* color name is dark violet */
a:hover		{color:#20669C; background-color:transparent; text-decoration:underline;} /* is complementary green to #9400d3 */


/* HEADINGS */
h1 { 
	color: #333;
	font-size: 2em;
	font-weight:bold;
	margin-bottom: 20px;
}

h2 { 
	color:#9400d3;
	font-size: 1.5em;
	font-weight:bold;
	margin-bottom: 12px;
}

h3 { 
	color: #20669C;
	font-size: 1.15em;
	font-weight:normal;
	margin-bottom: 6px;
}

h4 { 
	font-size: .8em;
    color: #888888;
	font-weight:bold;
    text-transform:uppercase;
	margin-bottom: 0; 
}


/* LISTS */
ul {line-height:200%; padding-left:1em;}
ol {padding-left: 1em;}
li {margin-left: 0;}
dt {padding-bottom: 6px;}
dd {padding-left: 20px; padding-bottom: 1em;}


/* SIDEBAR */
.sidebar ul { list-style: none;}
.sidebar li.current a { color:#000; text-decoration: none;}
.current { color: #000; font-weight: bold; }


/* FOOTER */
.footer	{
	text-align:center;
	border-top: 1px solid #ccc; 
	margin-top: 60px;
	margin-bottom: 1em;
	padding-top: 1em;
}


/* CLASSES FOR SPACING AFTER */
.spa_0  { margin-bottom:0px; }
.spa_6  { padding-bottom:6px; }
.spa_9  { padding-bottom:9px; }
.spa_12 { padding-bottom:12px; }
.spa_15 { padding-bottom:15px; }
.spa_18 { padding-bottom:18px; }
.spa_21 { padding-bottom:21px; }
.spa_24 { padding-bottom:24px; }
.spa_30 { padding-bottom:30px; }
.spa_36 { padding-bottom:36px; }
.spa_42 { padding-bottom:42px; }
.spa_60 { padding-bottom:60px; }

/* CLASSES FOR SPACING BEFORE */
.spb_0  { margin-top:0px; }
.spb_6  { padding-top:6px; }
.spb_9  { padding-top:9px; }
.spb_12 { padding-top:12px; }
.spb_15 { padding-top:15px; }
.spb_18 { padding-top:18px; }
.spb_21 { padding-top:21px; }
.spb_24 { padding-top:24px; }
.spb_30 { padding-top:30px; }
.spb_36 { padding-top:36px; }
.spb_42 { padding-top:42px; }
.spb_60 { padding-top:60px; }


/*************************/
/*    PUBLIC SITE ONLY   */
/*************************/

/* FRONT PAGE */
.member-login { font-size: 1.15em; text-align: right;}
.front-page-row { padding-bottom: 24px; }
.front-page-box { background-color: #eee; padding: 10px 20px 20px 20px; }


/* SIDEBAR */
body.public .sidebar { background-color: #eee; padding: 1em 0;}
body.public .sidebar ul { padding-left: 20px; }


/*************************/
/*    MEMBER SITE ONLY   */
/*************************/

/* HEADINGS */
body.member h2 {font-weight:normal;}
body.board h2 {display: block;}


/* FRONT PAGE */
.bgblock	{background-color: #eee;}
.bgblock p	{padding: 0 10px 0 10px;}
.bgblock h2	{padding: 0 10px 0 20px;}
.bgblock h3	{padding: 0 10px 0 20px;}
.bgblock img {margin-top:20;}
.bgblock ul {padding: 0px 20px 20px 20px; }
.bgblock li {margin-left: 20px;}


/* TOP NAV */
body.member .navtop{
	background-color:#d499ed;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
	list-style:none;
	margin-bottom:20px;
	padding:3px;
}
body.member .navtop li{
	display:inline;
}
body.member .navtop a:link, body.member .navtop a:visited {
	display:inline-block;
	width:110px;
	color:#333; /* makes the menu items remain dark gray (same as body color) and not take on the link color */
	text-decoration:none;
	alignment-adjust:#d499ed;
}
body.member .navtop a:hover{
	color:#fff;/* white */
	background:#d300a9;/* #d300a9 same as h1 heading color */
}

/* TOP NAV - CURRENT TAB IS BOLD */
body.home ul.navtop li.current-home a:link, 
body.home ul.navtop li.current-home a:visited,
body.home ul.navtop li.current-home a:hover
{color: #000; font-weight: bold;}

body.calendar ul.navtop li.current-calendar a:link,
body.calendar ul.navtop li.current-calendar a:visted,
body.calendar ul.navtop li.current-calendar a:hover
{color: #000; font-weight: bold;}

body.people ul.navtop li.current-people a:link,
body.people ul.navtop li.current-people a:visited,
body.people ul.navtop li.current-people a:hover
{color: #000; font-weight: bold;}

body.groups ul.navtop li.current-groups a:link,
body.groups ul.navtop li.current-groups a:visited,
body.groups ul.navtop li.current-groups a:hover
{color: #000; font-weight: bold;}

body.docs ul.navtop li.current-docs a:link,
body.docs ul.navtop li.current-docs a:visited,
body.docs ul.navtop li.current-docs a:hover
{color: #000; font-weight: bold;}

body.facilities ul.navtop li.current-facilities a:link,
body.facilities ul.navtop li.current-facilities a:visited,
body.facilities ul.navtop li.current-facilities a:hover
{color: #000; font-weight: bold;}

body.board ul.navtop li.current-board a:link,
body.board ul.navtop li.current-board a:visited,
body.board ul.navtop li.current-board a:hover
{color: #000; font-weight: bold;}


/* UTILITY NAV */
/* static - default, relative, absolute - nearest or viewport */
/*.container_12 { position: static; }*/
/*.container_12 { position: relative; }
.nav-utility { position: absolute; top: 10px; right: 20px; }
/*.nav-utility { position: relative; top: 20px; right: 20px; height: 0; line-height: 0; }*/
.nav-utility { background-image:url('/member/img/bg_utility-nav_1.png'); background-repeat:repeat-y; padding-right: 20px; padding-top: 5px;} /*background-color: #8DBCED;*/
.nav-utility p { font-size: 85%; margin-bottom: 0; text-align: right; }
.nav-utility a:link { color: #247BBF; }
.nav-utility a:visited { color: #247BBF; }
.nav-utility a:hover { color: #000; }


/* SIDEBAR */
body.member .section-menu {
	background-color: #eee;
	padding-top: 10px;
	padding-bottom: 5px;
    padding-right: 10px;
}
body.member .section-menu h2	{padding-left: 20px;}
body.member .section-menu h3	{padding-left: 20px; color: #16476d; text-transform:uppercase; font-size: 14px;}
body.member .section-menu ul	{padding-left: 20px;}
body.member .section-menu td	{padding-left: 20px;}
body.member .section-menu p		{padding-left: 20px;}
body.member .related-pages {
	background-color: #eee;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.related-pages h2	{padding-left: 20px;}
.related-pages h3	{padding-left: 20px; margin-bottom: 0; color: #16476d; text-transform:uppercase; font-size: 14px;}
.related-pages ul	{padding-left: 35px; list-style: disc;}
.related-pages td	{padding-left: 20px;}
.related-pages p	{padding-left: 20px; padding-right: 10px;}


/*************************/
/* SELDOM OR NEVER USED  */
/*************************/

/* DEMO GRID - USE RARELY ***********/
.gridbg_container_12 {
	background-image: url("12_col.gif");
	background-color: #fff;
	background-repeat: repeat-y;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
*************************************/

/* FOOTER NAV - NOT USING **********/
ul.navfoot { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.navfoot li {display:inline;}
.navfoot a {display:inline-block; width:110px; color:#333;}
.navfoot a:hover {color:#000;}
body.home ul.navfoot li.current-home a {color: #000; font-weight: bold; text-decoration: none;}
body.calendar ul.navfoot li.current-calendar a {color: #000; font-weight: bold; text-decoration: none;}
body.people ul.navfoot li.current-people a {color: #000; font-weight: bold; text-decoration: none;}
body.groups ul.navfoot li.current-groups a {color: #000; font-weight: bold; text-decoration: none;}
body.docs ul.navfoot li.current-docs a {color: #000; font-weight: bold; text-decoration: none;}
body.facilities ul.navfoot li.current-facilities a {color: #000; font-weight: bold; text-decoration: none;}
body.board ul.navfoot li.current-board a {color: #000; font-weight: bold; text-decoration: none;}
*************************************/

/* CALENDAR SIDEBAR - NOT USING *****/
.legend		{background-color: #eee; margin-top: 30px; padding-top: 10px; padding-bottom: 20px;}
.legend h2	{padding-left: 10px;}
.legend h3	{padding-left: 10px;}
.legend ul	{padding-left: 10px;}
.legend td	{padding-left: 10px;}
.legend p	{padding-left: 10px;}
.calendar-legend table	{padding-left: 10px;}
.calendar-legend td {color:	#000; font-size: 75%;}
*************************************/