e*
{
	margin: 0;
	padding: 0;
}

ul, ol { margin-left: 30px; }

body
{
	background-color: white;
	color: #333;
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	line-height: 130%;
}



/* page structure */
div.container
{
	width: 94%;
	margin: 0 3%;
}

div.header
{
	height: 120px;
	overflow: hidden;
}

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.navbar
{
	color: white;
	background-color: #6F3824;
	height: 1.8em;
	margin-bottom: 10px;
	padding: 8px 0 0 10px;
	font-size: 91%;
	text-align: center;
}

div.main 
{ 
	margin-right: 225px;
	color: #454543;
	line-height: 160%;
	padding: 0 10px 10px 0;
	background: url(../images/bkgd-fleurdelis.gif) 50% 80px no-repeat;
}

.mailbox
{ 
	margin-right: 225px;
	background: url(../images/bkgd-fleurdelis.gif) 50% 80px no-repeat;
	font-size: 80%;
	/*width: 65%;  */
}

div.mainhomepage
{ 
	margin-right: 0px;
	color: #454543;
	line-height: 160%;
	padding: 0 10px 10px 0;
}


div.sidebar
{
	float: right;
	width: 220px;
	margin: 0 0 20px; 
	background-color: #fff;
	font-size: 91%;
}
div.sidebar div.related { background-color: #dee7e7; padding: 3px 10px 10px 10px; }

p.footer
{
	clear: both;
	text-align: center;
	margin: 10px 0;
	font-size: x-small;
	padding-top: 10px;
	border-top: 1px solid gray;
}

/* 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#print { background-image: url(../images/icon-print.gif); }
div.header a { text-decoration: none; }




/* global */

a { color: #066; }
a:hover { color: #930; }

a img { border: none; }

h1, h2, h3, h4 { color: #6F3824; }
h1 { font-size: 160%; margin: 0 0 10px; }
h2 { font-size: 145%; margin: 15px 0 8px; }
h3 { font-size: 135%; margin: 12px 0 4px; }
h4 { font-size: 125%; margin: 10px 0 4px; }

.center { text-align: center; }
.clear { clear:both; }

p { margin: .5em 0 1em; }





/* 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;
}

.relatedpages { width: 200px; }

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#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: #91513d;
	padding-right: 1em;
	_padding-right: 0;
	width: 16em;
	position: absolute;
	left: -999em; 
	margin-top: 0;
}

#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 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: #6F3824; }


.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 { width: 95%; padding: 0px; }
table.calendar h4 { font-size: 180%; }
table.calendar td.header { color: #c93; font-weight: bold; width: 14%; }
table.calendar td.previous { padding-left: 10px; }
table.calendar td.next { padding-right: 10px; }
table.calendar td.offday { background-color: #666; height: 80px; }
table.calendar td.day { background-color: #fff; height: 80px; }

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; }


table.calendar { width: 95%; padding: 0px; }
table.calendar h4 { font-size: 180%; }
table.calendar td.header { color: #c93; font-weight: bold; width: 14%; background-color: #fff; }
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: #ccc; height: 80px; text-align: left; }
table.calendar td.day { background-color: #fff; height: 80px; text-align: left; }
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; }

.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; }

.disabled { color: Red; font-size: 80%; }