e*
{
	margin: 0;
	padding: 0;
}

ul, ol { margin-left: 30px; }

body
{
	background-color: #D9C886;
	color: #000;
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
}

/* page structure */
div.container
{
	width: 100%;
	border-bottom: 2px solid #000;
	background-color: #ece3c2;
}

div.header
{
	height: 86px;
	overflow: hidden;
	background: url(../images/hm_bg-logo.jpg) no-repeat;
}

div.header div.search
{
	position: absolute;
	top: 45px;
	right: 35px;
	width: 350px;
	height: 3em;
	text-align: right;
}
input.searchbox { font-size: 110%; margin-right: 10px; width: 225px; }
div.header div.search div.tips
{
	font-size: x-small;
}
div.header div.search div.tips a
{
	color: #000;
	text-decoration: underline;
}

div.navbar
{
	color: white;
	background-color: #3e6459;
	height: 31px;
	text-align: center;
	background: url(../images/navshadow.jpg);
	font-size: 85%;
	text-transform: uppercase;
}

div.homemain
{
	line-height: 160%;
	background: url(../images/hm_bg-totem.jpg) 50% 0px no-repeat;
	padding: 20px;
	color: #000;
}

div.main 
{ 
	margin-right: 225px;
	color: #000;
	line-height: 160%;
	padding: 20px;
	background: url(../images/hm_bg-totem.jpg) 50% 0px no-repeat;
}

.mailbox
{ 
	margin-right: 225px;
	font-size: 80%;
	width: 65%; 
}

div.mainhomepage
{ 
	margin-right: 0px; /* total hack! */
	color: #000;
	line-height: 160%;
	padding: 20px;
	background: url(../images/hm_bg-totem.jpg) 50% 0px no-repeat;
}


div.sidebar
{
	float: right;
	width: 200px;
	margin-top: 30px;
	padding-right: 10px;
	font-size: 80%;
	margin-left: 10px;
}

div.mainhomepage div.sidebar
{
	float: right;
	width: 200px;
	margin-top: 30px;
	padding-right: 10px;
	font-size: 80%;
	background-color: #fff;
	padding: 10px; 
}

div.footer
{
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	font-size: x-small;
	border-top: 3px double gray;
	line-height: normal;
	color: #000;
}

div.footer p.copyright
{
	text-align: center; 
	color: #363;
}

/* header */

div.header img { position: relative; top: 20px; }
div.header ul { list-style-type: none; float: right; font-size: x-small; }
div.header ul li
{
	float: left;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-left: 20px;
	padding: 2px 0 2px 18px;
}
div.header ul li#email { background-image: url(../images/icon-email.gif); }
div.header ul li#email a { color: #000; text-decoration: underline; }
div.header ul li#print { background-image: url(../images/icon-print.gif); padding-right: 35px; }
div.header ul li#print a { color: #000; text-decoration: underline; }
div.header a { text-decoration: none; }




/* global */

a { color: #066; }
a:hover { color: #930; }

a img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #6F3824; }
div.main h1 { font-size: 160%; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 3px double gray; font-variant: small-caps; }
div.mainhomepage h1 { font-size: 160%; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 3px double gray; font-variant: small-caps; }
h2 { font-size: 145%; margin: 15px 0 8px; }
div.main h3 { font-size: 110%; font-variant: small-caps; margin: 12px 0 4px; }
div.mainhomepage h3 { font-size: 110%; font-variant: small-caps; margin: 12px 0 4px; }
div.main h3.matrix { color: #000; }
div.sidebar h3 {font-variant: small-caps; font-size: 135%; margin: 12px 0 4px; }

h4 { font-size: 125%; margin: 10px 0 4px; }
h5 { font-size: 110%; margin: 10px 0 4px; }
h6 { font-size: 100%; margin: 0px; }
div.main h4.matrix { color: #000; }
div.main h4.matrixhead { color: #fff; }

.center { text-align: center; }
.clear { clear:both; }

p { margin: .5em 0 1em; }
p.sub_body { font-size: 75%; line-height: normal; }
p.matrixmark { color: #600; font-weight: bold; font-size: 75%; font-variant: small-caps; }
ul.sub_body { font-size: 75%; line-height: normal; }




/* content */

div.sidebar ul { margin:  6px 0 20px 18px; }
div.sidebar ul li { line-height: 130%; margin: 6px 0;}


/* home page -------------------------------------------------------------- */

body.home div.intro h1 { color: white; }

body.home div.intro { float: left; width: 275px; padding: 10px; font-size: 91%;
	background-color: #314652; color: white; line-height: 1.3em; }

img.imgLeftBar { margin-bottom: 6px; }

body.home div.intro p#joinlink { padding-top: 6px;  }

a.joinlink { color: white; padding: 2px 4px 2px 12px; font-weight: bold; background: url(../images/arrow-white.gif) 2px 50% no-repeat;}
a.joinlink:hover { text-decoration: none; background-color: #425763; }

body.home div.main { margin-right: 210px; margin-left: 300px; padding: 0 10px; font-size: 100%;  }

body.home div.events { padding-top: 20px;}
body.home div.events ol { list-style-type: none; margin-top: 6px; margin-bottom: 12px; }

body.home div.events ul { margin-bottom: 18px; }
body.home div.events h3 { display: inline; margin-right: 10px;  }
body.home div.events p.view-events { display: inline; font-size: 91%; }

body.home div.message
{
	width: 180px;
	padding: 10px;
	text-align: left;
	background-color: #dee7e7;
}

body.home div.sidebar {	background-color: transparent; padding: 0; margin: 0;}
body.home div.message p { margin: 0 0 6px;}


body.home div.vendor { text-align: center; }

body.home div.vendor img { margin: 15px 0; border: 1px solid black; }

body.home p.chapterbadge { text-align: center; padding: 20px 0 0;}

body.home p.disclaimer
{
	clear: both;
	margin: 15px 0;
	color: #666;
	background-color: #dee7e7;
	font-size: x-small;
	padding: 10px 15px;
	line-height: 130%;
}




.image-thumbnail {
	margin: 5px;
	border: thin solid #066;
	background-position: left;
	text-align: left;
}

ul.topnav
{
	padding: 0;
	margin: 0;
	line-height: 100%;
	font-size: 100%;
}

ul.topnav li a, ul.topnav li a:visited
{
	padding: 1px 1px 1px 2px;
	color: white;
	text-decoration: none;
}

ul.topnav li.member
{
	background-color: #000;
	display: block;
}

ul.topnav li#home a { border: none; }

ul.topnav li a:hover, ul.topnav li a:active
{
	color: white;
}

#navmenu, #navmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}

#navmenu a {
	display: block;
}

#navmenu a:hover { text-decoration: none; }
#navmenu li#home a:hover { text-decoration: none; }

#navmenu li { /* all list items */
	float: left;
	}

#navmenu li:hover, #navmenu li.sfhover 
{
	position: static;
}
#navmenu li ul { /* second-level lists */
	text-align: left;
	background: #3e6459;
	padding-right: 1em;
	_padding-right: 0;
	width: 16em;
	position: absolute;
	left: -999em; 
	margin-top: 0;
}
#navmenu li.member ul.member 
{
	/*background: #000;*/
}

#navmenu ul li a {
	display: block;
	width: 16em;
	text-decoration: none;
	padding: 1em .5em;
	text-align: left;
}

#navmenu a.parent 
{
	background: url(../img/listpointer.gif) center right no-repeat;  
}

/*
#navmenu a.member
{
    background-color: #000;
    color: White;
}

#navmenu a.member:hover
{
    background-color: #3e6459;
}
*/

#navmenu li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 17em;
	border-left: 1px solid white;
	border-right: 1px solid white;
}


#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li.sfhover ul ul, #navmenu li.sfhover ul ul ul {
	left: -999em;
}

#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li.sfhover ul, #navmenu li li.sfhover ul, #navmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navmenu li ul li a:hover, #navmenu li ul li a:hover { background-color: #000; }


.image-thumbnail
{
    BORDER-RIGHT: #066 thin solid;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: #066 thin solid;
    MARGIN: 5px;
    BORDER-LEFT: #066 thin solid;
    BORDER-BOTTOM: #066 thin solid;
    TEXT-ALIGN: left
}
TABLE.egroups
{
	font-size: 80%;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN-BOTTOM: 10px;
    BORDER-LEFT: 0px;
    WIDTH: 75%;
    BORDER-BOTTOM: 0px;
    BORDER-COLLAPSE: collapse
}
TABLE.egroups TD
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    BORDER-LEFT: #ccc 1px solid;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #ccc 1px solid
}
TABLE#vendormatrix
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN-BOTTOM: 10px;
    BORDER-LEFT: 0px;
    WIDTH: 75%;
    BORDER-BOTTOM: 0px;
    BORDER-COLLAPSE: collapse
}
TABLE#vendormatrix TD
{
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    BORDER-LEFT: #ccc 1px solid;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: #ccc 1px solid
}

/* KAP: Everything under here is mine. */

table.calendar { padding: 0px; }
table.calendar h4 { font-size: 1.4em; font-family: arial; background-color: #fff; }
table.calendar td.header { color: #c93; font-weight: bold; width: 14%; }
table.calendar td.previous { padding-left: 10px; background-color: #fff; }
table.calendar td.next { padding-right: 10px; background-color: #fff; }
table.calendar td.offday { background-color: #666; height: 80px; }
table.calendar td.day { background-color: #fff; height: 80px; }
table.calendar a.calendarevent { font-size: 80%; line-height: normal; }
table.event { padding: 0px; border: 1px solid #ccc; }

.eventname { font-weight: bold; font-size: 120%; color: #000; }
.calTitle { color: #6F3824; font-size: 160%; margin: 0 0 10px; font-weight: bold; }
.dirTitle { color: #6F3824; font-size: 160%; margin: 0 0 10px; font-weight: bold; }
table td.dirleftcell { font-size: x-small; padding-bottom: 20px; page-break-inside: avoid; }
table td.dirrightcell { font-size: x-small; padding-bottom: 20px; page-break-inside: avoid; }
table td.dirrightcell .name { font-size: small; font-weight: bold; }
.cattitle { font-size: small; font-weight: bold; }
.imgpadding { margin-right: 10px; }
table.groupedit { border: 1px solid #ccc; padding: 5px; }
table.groups { border: 1px solid #ccc; width: 600px; }
table.groups td.header { background-color: #ccc; font-weight: bold; }
table.groups td.odd { background-color: #ffc; }
table.groups td.even { background-color: #fff; }
.editgrouptitle { font-size: 120%; font-weight: bold; }

div.vendorcat { font-size: medium; color: #6f3824; font-weight: bold; }
table.vendor { border: 0px; padding-left: 0px; padding-top: 0px; padding-right: 0px; margin: 0px; margin-bottom: 20px; }
table.vendor td { padding: 0px; }

table.mail { font-size: 80%; }
table.mail td { padding: 0px; }

.relatedpages { width: 200px; font-size: 90%; }
.invisible { color: #f00; }

.newslist { font-size: 80%; }

.popup
{
   position: absolute; 
   left:10px; 
   top: 20px; 
   width:300px;
   border-style: ridge;
   border-width: 4;
   border-color: #ccc;
   background-color: #3e6459;
   padding: 10px;
   color: #fff;
   font-family: verdana, arial;
   font-weight: normal;
   font-size: 90%;
   z-index:1;
   visibility:hidden;
   display: block;
}

.popup p.title { font-size: 120%; font-weight: bold; }

.grouptable { margin-bottom: 30px; }

.changelink { float: right; }

div.panel { width: 600px; border: 1px solid #999; padding: 10px; }

/* .galleryimage { margin: 20px; } */