/*
=========================================
B C A   W E B   S I T E   S T Y L E S
2007 Redesign
=========================================
*/

/* 
=========================================
"Variable declarations"
----------------------------------------- 
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #CC7933;  orange
========================================= 
Contents:
Line#   Description         < last updated 10/24/07)
-----   --------------------
036     "Un-classed" definitions
228     "Classed" definitions
466     #page
484     #banner
539     #navutil
603     #navmain
705     #pagebody
798     #pagetoc
879     #navside
966     #sidebar
1043    #footer
=========================================
*/

/* 
=========================================
=========================================
=========================================
"Un-classed" definitions
=========================================
=========================================
========================================= 
*/

* {
	margin:0; 
	padding:0;
	} 

body {
	margin: 10px 0 0 0;
	padding: 0;
	background-color: white;
	text-align: center;
	font-size: 12px;
	}

p, td, th, dl, dt, dd, blockquote, ul, li {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0.5em 0;
	padding: 0;
	}

/*
=========================================
Headings
=========================================
*/
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 18px 0 6px 0;
	color: #CC7933;
	}

h1 { font-size: 18px; color: #444; margin-top: 0;}
h2 { font-size: 15px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }

/*
Headings - end 
*/

/*
=========================================
Lists
========================================= 
*/

ul,
ul li ul {
	padding: 0 0 0 0;
	margin: 0 6px 12px 24px;
	list-style-type:disc;
	list-style-position: outside;
	}

ul li ul {
	list-style-type: circle;
	}

ul li,
ul li ul li {
	text-indent: 0px;
	padding: 0 0 0 0px;
	margin: 0 0 6px 0;
	line-height: 16px;
	}
ul li p,
ul li ul li p {
	padding: 0 0 0 0px;
	margin: 3px 0 3px 0;
	}

ol,
ol li ol {
	padding: 0 0 0 0;
	margin: 0 6px 12px 24px;
	list-style-type: decimal;
	list-style-position: outside;
	}

ol li ol {
	list-style-type: lower-alpha;
	}

ol li,
ol li ol li {
	text-indent: 0px;
	padding: 0 0 0 0px;
	margin: 0 0 6px 0;
	}

/*
Lists - end
*/

/*
=========================================
Links: <a>
=========================================
*/

/*
Standard links
*/
a,
a:link,
a:active {
	color: #CC7933;
	text-decoration: underline;
	}	
a:visited {
	color: #996633; /* #660033; */
	}
a:hover {
	color: #660000;
	}		

/*
Links within headings - turn off underlining (except hover) and color changes
*/
h1 a,
h1 a:link,
h1 a:visited,
h1 a:active {
	color: #444;
	text-decoration: none;
	}	
h1 a:hover {
	color: #444;
	text-decoration: underline;
	}	
h2 a, 
h3 a,
h4 a,
h2 a:link, 
h3 a:link, 
h4 a:link, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited, 
h2 a:active, 
h3 a:active, 
h4 a:active {
	color: #CC7933;
	text-decoration: none;
	}	
h2 a:hover, 
h3 a:hover, 
h4 a:hover  {
	color: #CC7933;
	text-decoration: underline;
	}	

/*
Links - end
*/

/*
=========================================
Other
=========================================
*/

table {
	border: none;
	border-collapse: collapse;
	}

img {
	border: none;
	}

strong {
	color: #444;
	}

/*
Other - end
*/


/*
=========================================
=========================================
=========================================
"Classed" definitions
=========================================
=========================================
=========================================
*/

/*
=========================================
Forms for user-entered data
=========================================
*/

/*
Apply h3rule class to a #pagebody div to add a rule above h3 tags.
Intended for listings of things where the labels are h3s. 
*/
.h3rule h3 {
	border-top: 3px solid #ddd;
	padding-top: 6px;
	}

form.dataentry {
	padding: 6px;
	margin: 12px 0;
	background-color: #e0e0e0;
	}
form.dataentry table {
	margin: 0;
	}
form.dataentry table th {
	text-align: right;
	vertical-align: middle;
	padding: 2px 4px;
	font-size: 11px;
	}
form.dataentry table td {
	text-align: left;
	vertical-align: middle;
	padding: 2px 4px;
	}
/* fix margins and padding for use in form table */
form.dataentry table h1,
form.dataentry table h2,
form.dataentry table h3 {
	margin: 2px 0;
	padding: 0;
	}


/* p.link a - for standalone, one-line links */
p.link a {
	background-image: url(../images/link-icon.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding-right: 12px;
	margin-right: 12px;
	}
p.link a:hover {
	background-image: url(../images/link-icon-hover.gif);
	}

/* img.sidepic - for "sidebar" images */
img.sidepic {
	float:right;
	margin: 0 0 1em 1em;
	}

/* p.errmsg - Error messages used on ASP pages */
p.errmsg {
	color:#CC0000;
	border: red 2px solid;
	padding: 4px;
	}

/* .requestor - name of requestor for RFPs and RFQs */
.requestor {
	font-weight: bold;
	}

/* p.listleadin - "label" for bulleted or numbered lists */
p.listleadin {
	font-weight: bold;
	color: #444;
	}

/* p.linktotop - for "Back to top" of page links */
p.linktotop {
	font-size: 9px;
	margin-top: 18px;
	padding: 0;
	}
p.linktotop a:link,
p.linktotop a:active,
p.linktotop a:visited {
	text-decoration: none;
	color: #CC7933;
	border: 1px dotted #CCCCCC;
	padding: 1px 3px;
	}
p.linktotop a:hover {
	text-decoration: none;
	border: 1px solid #CC7933;
	}

/* p.revdate - for the page-revision date at the bottom of a page */
p.revdate {
	font-size: 9px; 
	color: #666666; 
	margin: 24px 0 3px 0;
	text-align:center;
	}

/* p.jobmoddate - for the revision dates of job listings on the jobs page */
p.jobmoddate {
	font-size: 10px;
	margin-top: 1em;
	color: #999999;
	}

/* table.results - table of search results for Member Directory */
table.results {
	margin-bottom: 1.0em;
	}
table.results th {
	background-color: #CC7933;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	padding: 2px 0.25em 2px 0.25em;
	font-size: 11px;
	}
table.results td {
	background-color: #e8e8e8;
	text-align: left;
	vertical-align: top;
	padding: 2px 4px;
	border-bottom: 1px solid #ffffff;
	font-size: 11px;
	}
/* td.name - for member's name */
table.results td.name {
	color: #CC7933;
	font-weight: bold;
	padding-left: 0.5em;
	}
/* td.state - for member's state */
table.results td.state {
	text-align: center;
	}
table.results td a,
table.results td a:link,
table.results td a:active,
table.results td a:visited {
	text-decoration: none;
	}
table.results td a:hover {
	text-decoration: underline;
	}		

/* table.data - for tabular data */
table.data {
	margin-top: 1em;
	margin-bottom: 1.5em;
	border: none;
	}
table.data th, 
table.data td {
	padding: 2px 6px 2px 3px;
	text-align:left;
	vertical-align: top;
	font-size: 12px;
	}
table.data th {
	background-color:#CCCCCC;
	color:#666666;
	font-size: 11px;
	}
table.data td {
	border-bottom: 1px solid #ccc;
	}
table.data td.center {
	text-align: center;
	}

/*
Apply 'sitemap' class to a #pagebody div to apply custom list formatting.
*/

#pagebody.sitemap ul,
#pagebody.sitemap ul li, 
#pagebody.sitemap ul li ul,
#pagebody.sitemap ul li ul li {
	margin-bottom: 0;
	padding-bottom: 0;
	}
#pagebody.sitemap ul li, 
#pagebody.sitemap ul li ul {
	list-style-type:disc;
	}



/*
Alignment
*/

.justify-l {
	text-align: left;
	}
.justify-c {
	text-align: center;
	}
.justify-r {
	text-align: right;
	}
.valign-mid {
	vertical-align: middle;
	}


/* fine print */
.fineprint,
#pagebody .fineprint {
	font-size: 11px;
	line-height: 12px;
	}

/*
=========================================
MAIN DIV DEFINITIONS FOR PAGE LAYOUT
=========================================
*/


/*
=========================================
=========================================
=========================================
#page - Wrapper for page just within the body tag
=========================================
=========================================
=========================================
*/

#page {
	width: 760px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: url(../images/border-mid.gif) top left repeat-y;
	}

/*
=========================================
=========================================
=========================================
#banner - Banner at the top of every page
=========================================
=========================================
=========================================
*/

#banner {
	position: relative;
	width: 760px;
	height: 94px; /* height of logo + top offset */
	padding: 0;
	margin: 0;
	background-image: url(../images/border-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

/* BCA organization name */
#banner h1 {
	position: absolute;
	left: 380px;
	top: 60px;
	padding: 0;
	margin: 0;
	visibility: hidden;
	font-size: 18px;
	}

/* logo (do not place in a <p> tag) */
#banner img {
	position: absolute;
	top: 12px;
	left: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* tag line */
#banner p {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 16px;
	color: #444;
	font-weight: normal;
	font-style: italic;
	/*letter-spacing: 1px;*/
	}

/*
=========================================
=========================================
=========================================
#navutil - Utility navigation for all BCA pages
=========================================
=========================================
=========================================
*/
   
#navutil {
	padding: 0;
	margin: 0 0 0 0;
	height: 18px;
	width: 760px;
	background: url(../images/border-mid.gif) top left repeat-y;
	}

#navutil ul {
	margin: 0px 1px 0 0; /* 1px right margin to accommodate background image */
	padding: 0;
	display: table;
	float: right;
	}

#navutil ul li {
	margin: 0;
	float: left;
	padding: 0;
	display: inline;
	list-style: none;
	border-right: 1px solid #666666;
	white-space: nowrap;
	}

#navutil ul li.last {
	border-right: none;
	}

#navutil ul a {
	float: left;
	padding: 2px 6px 3px 6px;
	line-height: 12px;
	text-decoration: none;
	color: #444;
	}

#navutil ul a:hover, 
#navutil ul a:active {
	color: #CC7933;
	}

#navutil ul a.login {
	background-color: #CC7933;
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 12px;
	}

#navutil ul a.login:hover, 
#navutil ul a.login:active {
	color: #000000;
	}

/*
=========================================
=========================================
=========================================
#navmain - Main navigation for all BCA pages
=========================================
=========================================
=========================================
*/
   
#navmain {
	width: 760px;
	float: left; /*makes the div enclose the list */
	font-size: 12px;
	background-color: #666666;
	}

#navmain ul {
	margin: 0 auto 0 auto;
	}

#navmain li {
	float: left;	/* causes the list to align horizontally instead of stack */
	position: relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type: none;	/* removes the bullet off each list item */
	background-color:  #666666; /*  #FFA; sets the background of the menu items */
	/* border-right: 1px solid #069; /* creates dividing lines between the li elements */
	color: #FFFFFF; /* text color */
	white-space: nowrap;
	margin: 0; /* XXXXXXXXXXXXXXXX */
	}

#navmain li:hover { 
	background-color: #CC7933; /* #FFFFFF;  sets the background of the menu items */
	}

#navmain a {
	display:block;
	padding:6px 12px; 			/*creates space each side of menu item's text */
	text-decoration: none; 		/* removes the underlining of the link */
	color: white; 				/* #069; sets the type color */
	}

#navmain a:hover {
	color: #000000; /* #F33; */
	text-decoration: underline; /* added 8/4/09 */
	background-color: #D69158; /* added 8/4/09 */
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
#navmain ul li ul {
	position: absolute; 
	/* positions the drop-down ul in relation to 
	its relatively positioned li parent */
	/* width: 100%; */
	/* 12em; sets the width of the menu - in combo 
	with the li's 100% width, makes the menu stack*/
	background-color: #CC7933;
	}

#navmain ul li ul li {
	width: 100%; 
	/* 100% - makes the list items fill the list container (ul) */
	/* border-left:1px solid #069;   three sides of each drop-down item */
	/* border-bottom:1px solid #069; */
	/* border-right:1px solid #069; */
	font-size: 11px;
	background-color: #CC7933;
	white-space: nowrap;
	float: none; /* Jansen, prevents horz display in Netscape */
	/*margin: 0;*/
	}

/* make the drop-down display as the menu is rolled over */
#navmain ul li ul {
	display:none;
	padding-top: 3px;
	} /* conceals the drop-down when menu not hovered */
#navmain ul li:hover ul {
	display:block;  /* shows the drop-down when the menu is hovered */
	}

#navmain ul li ul li a {
	display:block;
	padding: 2px 12px 4px 12px; 			/*creates space each side of menu item's text */
	text-decoration: none; 		/* removes the underlining of the link */
	color: white; 				/* #069; sets the type color */
	/*width: 100%;*/
	}

#navmain ul li ul li a:hover {
	color: #000000; /* #F33; */
	}

/* THE HACK ZONE - */
/* * html a {display:block;} makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */
/* END OF LIST-BASED MENU */


/*
=========================================
=========================================
=========================================
#pagebody - wrapper for the page body between the banner/nav and footer
=========================================
=========================================
=========================================
*/

#pagebody {
	width: 400px; /* 400 = 760 - 144(navside) - 192(sidebar) - padL(12) - padR(12) */
	padding: 12px;
	margin: 0 0 0 144px; /* 144 = navside width */
	background-color: #FFFFFF;
	float: left;
	}

#pagebody p {
	line-height: 16px;
	}

/* "tag line" for page just under the h1 */
#pagebody p.subhead {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	font-size: 14px;
	color: #666666; 
	/* font-style: italic;*/
	/* letter-spacing: 0.05em;*/
	}

#pagebody h2 a,
#pagebody h2 a:link,
#pagebody h2 a:visited,
#pagebody h2 a:active {
	color: #CC7933;
	text-decoration: none;
	}	
#pagebody h2 a:hover {
	color: #CC7933;
	text-decoration: underline;
	}		

/* styles on the jobs page. Set class to jobspage. */
#pagebody.jobspage h3 {
	border-top: 12px solid #ddd;
	padding-top: 6px;
	}
#pagebody.jobspage img {
	margin: 0 0 0.5em 1.0em;
	float:right;
	}
#pagebody.jobspage p.company {
	font-weight: bold;
	color: #666666;
	}

/* styles on the member profile in the directory. Set class to memprofile. */
#pagebody.memprofile h3 {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	}
#pagebody.memprofile h2 {
	border-bottom: 3px solid #999;
	padding-bottom: 6px;
	}

/* actual block quote */
#pagebody blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	margin: 18px 0 0 0;
	line-height: 18px;
	letter-spacing: 0.02em;
	padding: 12px 12px 6px 18px;
	background-color:#eee;
	/*font-style: italic;*/ 
	}
#pagebody blockquote.byline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 18px 0;
	padding: 0 12px 12px 18px;
	color: #999;
	text-align: right;
	letter-spacing: 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	}

/*
=========================================
=========================================
#pagetoc - In-page table of contents
=========================================
=========================================
*/

#pagetoc {
	padding: 6px 6px 9px 12px;
	background-color: #eee;
	border: 1px solid #DDD;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	}

#pagetoc h2 {
	color: #444;
	font-size: 11px;
	margin: 0 0 4px 0;
	}

#pagetoc ul {
	margin-bottom: 0px;
	}

#pagetoc ul li {
	font-size: 11px;
	margin: 0;
	line-height: 13px;
	list-style-type: disc;
	}

#pagetoc a:link {
	color: #CC7933;
	text-decoration: none;
	}	
#pagetoc a:visited {
	color: #CC7933;
	text-decoration: none;
	}	
#pagetoc a:active {
	color: #CC7933;
	text-decoration: none;
	}	
#pagetoc a:hover {
	/*color: #CC7933;*/
	/*text-decoration: underline;*/
	color: #660000;
	text-decoration: none;
	}		

/*
=========================================
=========================================
=========================================
Table of contents for the jobs-listing page 
=========================================
=========================================
=========================================
*/

table.joblist {
	margin-bottom: 1.5em;
	}
table.joblist th, 
table.joblist td {
	padding: 2px 6px 2px 3px;
	text-align:left;
	vertical-align:top;
	font-size: 11px;
	}
table.joblist th {
	background-color:#CCCCCC;
	vertical-align: middle;
	color:#666;
	font-size: 11px;
	}
table.joblist td {
	border-bottom: 1px solid #ccc;
	}

/*
=========================================
=========================================
=========================================
#navside - side navigation
=========================================
=========================================
=========================================
*/

#navside {
	width: 126px; /* 126 = 144 - padL(12) - padR(6) */
	padding: 12px 6px 12px 12px;
	margin: 0 0 0 -568px; /* -568  to pull it left over #pagebody (424) and self (144) */
	float: left;
	}
/* Comment this definition IN for TESTING. */
#navside_DISABLE {
	margin: 0 0 0 0;
	float: none;
	}

/* side navigation headings */
#navside h1 {
	font-weight:bold;
	font-size:14px;
	color: #444;
	line-height:16px;
	margin-top: 0;
	margin-bottom:7px;
	}

#navside h1 a,
#navside h1 a:link,
#navside h1 a:visited {
		color: #CC7933; /* #444; */
		font-weight:bold;
		}	
#navside h1 a:hover {
		font-weight:bold;
		text-decoration: underline;
		}	
#navside h1 a:active {
		font-weight:bold;
		}	
	
/* appearance of links in nav block */
#navside a,
#navside a:link,
#navside a:visited {
		color: #CC7933;
		font-weight: normal;
		text-decoration: none;
		}	
#navside a:hover {
		font-weight: normal;
		text-decoration: underline;
		}		
#navside a:active {
		font-weight: normal;
		}	

#navside ul {
	list-style-type:none;
	margin: 0 0 0 0; /* left margin to overcome an IE rendering problem that cuts off left */
	padding: 0 0 0 0; /* left padding for hanging indent */
	}

#navside ul li {
	font-size:12px;
	color: #666666;
	line-height:13px;
	margin-bottom:6px;
	text-indent: 0px;
		}	
	
#navside ul li ul {
	margin-left: .75em;
	margin-bottom: 0;
	margin-top: 3px;
	}
#navside ul li ul li{
	margin-bottom: 4px;
	font-size: 11px;
	line-height: 12px;
	}

/*
=========================================
=========================================
=========================================
#sidebar - sidebars
=========================================
=========================================
=========================================
*/

#sidebar {
	width: 192px;
	padding: 238px 0 24px 0;
	margin: 0 0 0 0;
	float: right; /* left; switched to right 9/18/07 */
	background-image: url(../images/photo01.jpg);
	background-position: 1px 0px;
	background-repeat: no-repeat;
	}

#sidebar.about         { background-image: url(../images/photo01.jpg); }
#sidebar.certification { background-image: url(../images/photo03.jpg); }
#sidebar.events        { background-image: url(../images/photo08.jpg); }
#sidebar.members       { background-image: url(../images/photo04.jpg); }
#sidebar.membership    { background-image: url(../images/photo05.jpg); }
#sidebar.resources     { background-image: url(../images/photo06.jpg); }

#sidebar h1 {
	font-size: 13px;
	margin: 0px 6px 6px 6px;
	padding: 0;
	color: #666;
	}

#sidebar h1 a,
#sidebar h1 a:link,
#sidebar h1 a:visited,
#sidebar h1 a:active {
	color: #666;
	text-decoration: none;
	}	
#sidebar h1 a:hover {
	text-decoration: underline;
	}	

#sidebar p {
	margin: 0px 6px 6px 6px;
	padding: 0;
	color: #666;
	}

#sidebar ul li,
#sidebar ul li ul li {
	color: #666;
	}

#sidebar blockquote {
	margin: 0px 6px 6px 6px;
	padding: 0;
	color: #FF9933; /* orange */
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: 0.02em;
	}
#sidebar blockquote p {
	margin: 0;
	font-size: 11px;
	}

#sidebar blockquote.author,
#sidebar blockquote.author p {
	text-align: right;
	margin-top: -4px;
	}

/*
=========================================
=========================================
=========================================
#footer - Footer for all BCA pages
=========================================
=========================================
=========================================
*/

#footer {
	padding: 0;
	margin: 0;
	height: 60px;
	clear: both;
	text-align: center;
	background-image: url(../images/border-bot.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
#footer p {
	padding: 24px 0 0 0;
	margin: 0;
	font-size: 11px;
	}
#footer p + p {
	padding-top: 0;
	}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
	text-decoration: none;
	color: #CC7933;
	}	
#footer a:hover {
	text-decoration: underline;
	color: #CC7933;
	}	

#footer p strong {
	color: #CC7933;
	}