/* global defaults */
.credits	{text-align:right; font-size:9px;}
body, table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.subheader  { font-size: 20px; font-weight: bold; color:#C6746D; margin-bottom: 15px; } 
.boxheader	{ font-size: 15px; font-weight: bold; }
.eventheader { font-size: 13px; font-weight: bold; background: #eaeaea; color: #B6645D; padding: 4px; text-align: left; }
img { border: 0; }
a       { color: #5881AF;  text-decoration: none;}
a:hover { color:#C6746D; }	

ul.spacy { margin-top: 0.5em; margin-bottom: 0.75em; }
ul.spacy li { margin-top: 0.25em; margin-bottom: 0.25em; }

.linky	{list-style:none; margin: 20px;}
.linky a {
	color: #000000;  text-decoration: none;
	border-top: 1px solid #cecece; border-bottom: 2px solid #8a8a8a; 
	border-left: 1px solid #cecece; border-right: 2px solid #8a8a8a; 
	padding: 3px; display: block; white-space: nowrap; width: 200px;
	margin: 10px; background: #EFF3F4;
}
.linky a:hover {
	color: #C6746D; 
	border-bottom: 1px solid #cecece; border-top: 2px solid #8a8a8a; 
	border-right: 1px solid #cecece; border-left: 2px solid #8a8a8a; 
}

.quip { font-style:italic; margin-right:14px; }

/* float tags */
.floatleft  { float:  left; clear:  left; }
.floatright { float: right; clear: right; }

/* regular page layout */
#banner1 { height: 111px; }
#banner2 { height: 22px;  background: url('images/page_banner2.jpg'); padding: 2px 0 0 25px; font-size: 10px; font-weight: bold; white-space:nowrap; }
#banner2 a       { color: #694E50; text-decoration: none; }
#banner2 a:hover { color: #C6746D; }
#content { background: url('images/page_bg_repeat1.jpg') repeat-y; padding: 6px 26px 8px 30px; }
#bottom1 { height: 24px;  background: url('images/page_bottom1.jpg'); text-align: center; font-style: italic; font-weight: bold; }
#bottom2 { height: 57px; background: url('images/page_bottom2.jpg'); text-align: center; color: white; font-weight: bold; font-size: 10px; }

/* enhanced listings */
table.enhanced { border: 3px #5881AF solid; margin: 10px 10px 10px 0px; }
table.enhanced th { text-align: left; background: #5881AF; color: #DDDD60; padding: 4px; }
span.unenhanced { font-weight: bold; color: #306080; }
table.enhanced th a { color: white; }
table.enhanced th a:hover { color: pink; }


#content { line-height:1.3; }

ul.topiclist { margin-top: 0.2em; }
ul.topiclist li { margin: 0.1em; }

.topicheader { font-size: 14px; color: #003366; font-weight: bold; }
table.topiccheckboxes { font-size: 9px; }
table.topiccheckboxes input { font-size: 9px; }
p.subtopicheader { font-weight: bold; font-size: 11px; margin: 1.25em 0 0.15em 0; }
p.otherheader { font-weight: bold; font-style: italic; margin: 0.3em 0 0.1em 0; }

table.searchstuff { 
	background: white; 
	float: right; clear:right; 
	text-align:left; 
	margin-top:10px; margin-right:3px; 
	border: 1px solid #C6CED8; 
	width: 240px; 
}

/* BOXES:
 * Without images in the tables now, we can simplify the duplicate content boxes, 
 * and just have 2 styles: grey (2,4,7) and blue (10,10a,10b). 
 * Note that 10b is slightly narrower, 480px, used for member/speaker search pages.  
 * The only page that uses box5 is the member login.
 */
table.box2  { width: 510px; margin: 10px 0 10px 0; }
td.left2 { background: #7C7C7C; width: 10px; }
td.cent2 { background: #ffffff; padding: 10px; color: black;  border-top: 4px #7C7C7C solid; border-bottom: 4px #7C7C7C solid;}
td.righ2 { background: url('images/box2.jpg') -429px 0 repeat-y; width: 20px; }

table.box4 { width: 510px; margin: 10px 0 10px 0; }
td.left4 { background: #7C7C7C; width: 10px; }
td.cent4 { background: #ffffff; padding: 10px; color: black; border-top: 4px #7C7C7C solid; border-bottom: 4px #7C7C7C solid;}
td.righ4 { background: url('images/box2.jpg') -429px 0 repeat-y; width: 20px; }	

table.box5 { width: 437px; margin: 10px 0 10px 0; }
td.top5 { background: url('images/box5top.jpg'); height: 16px; }
td.mid5 { background: url('images/box5middle.jpg') repeat-y; padding: 0px 20px 0px 20px; }
td.bot5 { background: url('images/box5bottom.jpg'); height: 73px; }

table.box7  { width:510px; margin: 10px 0 10px 0; }
td.left7 { background: #7C7C7C; width: 10px; }
td.cent7 { background: #ffffff; padding: 10px; color: black;  border-top: 4px #7C7C7C solid; border-bottom: 4px #7C7C7C solid;}
td.righ7 { background: url('images/box7.jpg') -429px 0 repeat-y; width: 20px; } 

table.box10  { width: 510px; margin: 10px 0 10px 0; }
td.left10 { background: #8EA9C7; width: 10px; }
td.cent10 { background: #ffffff; padding: 10px; color: black;  border-top: 4px #8EA9C7 solid; border-bottom: 4px #8EA9C7 solid;}
td.righ10 { background: url('images/box10.jpg') -429px 0 repeat-y; width: 20px; } 	

table.box10a  { width: 510px; margin: 10px 0 10px 0; }
td.left10a { background: #8EA9C7; width: 10px; }
td.cent10a { background: #ffffff; padding: 10px; color: black;  border-top: 4px #8EA9C7 solid; border-bottom: 4px #8EA9C7 solid;}
td.righ10a { background: url('images/box10a.jpg') -429px 0 repeat-y; width: 20px; }

table.box10b  { width: 480px; margin: 10px 0 10px 0;}
td.left10b { background: #8EA9C7; width: 10px; }
td.cent10b { background: #ffffff; padding: 10px; color: black;  border-top: 4px #8EA9C7 solid; border-bottom: 4px #8EA9C7 solid;}
td.righ10b { background: url('images/box10a.jpg') -429px 0 repeat-y; width: 20px; } 

/**********************************************************************/
/* suckerfish-inspired dropdowns courtesy of alistapart (which ROCKS) */
/**********************************************************************/
#banner2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#banner2 li li a {
	display: block;
	font-weight: normal;
	color: #694E50;
	padding: 0.2em 10px;
}

#banner2 li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #C6746D;
	border-width: 0 5px;
}

#banner2 li {
	float: left;
	position: relative;
	/* width: 8.25em; */ /* made content scrunch up, use width/padding instead */
	text-align: center;
	/* cursor: default; */
	background-color: white;
	border: 1px solid #694E50;
	border-width: 1px 0px 1px 1px;
}

li#first {
	border-left-width: 3px;
}

li#last {
	border-right-width: 3px;
}

#banner2 li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	background: white;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #694E50;
}

#banner2 li>ul {
	top: auto;
	left: auto;
}

#banner2 li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	padding: 0;
}

#banner2 li:hover ul, #banner2 li.over ul {
	display: block;
}

/* Make dropdown content wide enough to contain text elements, otherwise:
   IE gobs on lots of vertical padding for no good reason, and
   Mozilla draws the boxes too small and the text spills right out.
   Grrr.  Set meaningful widths here and use them.  */
ul.width15, ul.width15 li { width: 15em; }
ul.width12, ul.width12 li { width: 12em; }
ul.width17, ul.width17 li { width: 17em; }

/* menu items all different widths, make spacing even */
.droptop { padding: 0 19px; color: #694E50;}

/**********************************************************************/

/* sub-navigation buttons down right side */
ul#subnav { list-style: none; padding: 0; margin: 15px 0 0 0; display: none; }
ul#subnav li { display: block; margin: 15px 0px; }
ul#subnav a { display: block; width: 190px; /* adjust width here */
	color: black;  text-decoration: none; font-size:14px;  
	border-top: 1px solid #cecece; border-bottom: 2px solid #8a8a8a; 
	border-left: 1px solid #cecece; border-right: 2px solid #8a8a8a; 
	padding: 1px 3px; 
	background: #DAE4EE; 
	white-space:nowrap;
	text-align: right;
}
ul#subnav a:hover { color: #C6746D;
 	border-bottom: 1px solid #cecece; border-top: 2px solid #8a8a8a; 
	border-right: 1px solid #cecece; border-left: 2px solid #8a8a8a;
}

ul.comfy li {margin-bottom: 5px;}
ol.comfy li	{margin-bottom: 5px;}

#subscribe_sidebar { 
	width:200px; height: 383px; background: url(images/subscribe_box.jpg) no-repeat; 
	float: right; clear: right; text-align: right; margin-top: 10px;
}
#subscribe_sidebar form { margin: 248px 8px 0 0; font-weight: bold; }
#subscribe_sidebar form p { margin: 0 0 2px 0; }
#subscribe_input { width: 170px; border: 1px solid black; }