/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* @group Structure */

body, html {
	background: url(../images-pah/pahcom-bg.gif) no-repeat center top;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}

#masthead {
	background: url(../images-pah/nav-redesign/pahcom-home.gif) no-repeat center top;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 65px;
	clear: both;
}

#masthead a {
	color: #ffffff;
	margin: 3px 20px 0 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}

#masthead a:hover {
	color: #e1e1e1;
	margin: 3px 20px 0 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Swiss, sans-serif;
}

#nav {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 960px;
	height: 55px;
	z-index: 1500;
	position: relative; /* hack to make ie7 recognize z-index */
	float: left;
	clear: both;
}

#promo {
	height: 250px;
	float: left;
	clear: both;
	margin-bottom: 10px;
	position: relative; /* hack to make ie7 recognize z-index */
	z-index: 500;
}


/* Logo link thru CSS -- make sure heigh and width match the dimensions of your logo file. Use <a> in masthead div in the HTML file to call up the logo.

#masthead a {
	background: url(../generic-images/logo.jpg) no-repeat;
	text-indent: -9000px;
	width: 323px;
	height: 75px;
	position: absolute;
	margin: 0px;
	padding: 0px;
} */

#srch {
    float: right;
    width: 200px;
    padding: 5px 0px 5px 0px;
}

.content {
	margin-top: 20px;
	margin-bottom: 10px;
	/*overflow: auto; removed because of IE issue when there are two content divs on a page, the 2nd div has scroll bars */
	float: left;
	clear: both;
}

#page-nav {
	clear: right;
	margin-bottom: 20px;
	background-color: #002596;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#feature {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: auto;
	float: left;
	clear: both;
}

.testimonial {
	height: 200px;
}

#footer {
	padding-top: 6px;
	height: 100px;
	float: left;
	clear: both;
	background: url(../images-pah/footer-bg.gif) no-repeat center top;
}

.clearl {
	clear: left;
}

/* @end */


/* @group Home Page Slides */

#nav-slide {
	clear: both;
	font-size: 11px;
	margin-left: 240px;	
}

#nav-slide a {
	margin: 5px 0px 5px 8px;
	padding: 3px 5px;
	background: #ffffff;
	text-decoration: none
}

#nav-slide a.activeSlide {
	background: #002596;
	color: #ffffff;
	font-weight: bold;
}

#nav-slide a:focus {
	outline: none;
}

.shares-knowledge {
	background: url(../images-pah/promo-sticker-orange.jpg) no-repeat center top;
	height: 250px;
	width: 940px;
}

.slide2 {
	background: url(../images-pah/promo/conference.jpg) no-repeat center top;
	height: 250px;
	width: 940px;
}

.slide-blue {
	background: url(../images-pah/promo-blue-bg.jpg) no-repeat center top;
	height: 250px;
	width: 940px;
}

.slide-speaker {
	background: url(../images-pah/promo/conf-speaker.jpg) no-repeat center top;
	height: 250px;
	width: 940px;
}

.slide-cmm {
	background: url(../images-pah/promo/cmm-other.jpg) no-repeat center top;
	height: 250px;
	width: 940px;
}


.journal-article {
	background: url(../images-pah/promo/promo-journal-article-jan-cover.jpg) no-repeat center top;
	height: 250px;
	width: 940px;
}


#promo .slide2 h2, #promo .slide2 li, #promo .slide2 li a {
	color: #002596;
}

/* @end */


/* @group Promo new */

.promo-blue {
	background: url(../images-pah/promo-blue-bg.jpg) no-repeat center top;
	height: 250px;
}

.promo-article {
	background: url(../images-pah/promo/promo-journal-article.jpg) no-repeat center top;
	height: 250px;
}

.promo-coy {
	background: url(../images-pah/promo-coy.jpg) no-repeat center top;
	height: 250px;
}

.promo-conf {
	background: url(../images-pah/promo/conference.jpg) no-repeat center top;
	height: 250px;
}

.promo-mmoty {
	background: url(../images-pah/promo/mmoty.jpg) no-repeat center top;
	height: 250px;
}

.promo-nab {
	background: url(../images-pah/promo/nab.jpg) no-repeat center top;
	height: 250px;
}

.sticker-blue {
	background: url(../images-pah/promo-sticker-blue.jpg) no-repeat center top;
}

.sticker-green {
	background: url(../images-pah/promo-sticker-green.jpg) no-repeat center top;
}

.sticker-lblue {
	background: url(../images-pah/promo-sticker-light-blue.jpg) no-repeat center top;
}

.sticker-orange {
	background: url(../images-pah/promo-sticker-orange.jpg) no-repeat center top;
}

.chapter-support {
	background-image: url(../images-pah/promo/chapter-support-committee.jpg) no-repeat center top;
}

.cmm {
	background: url(../images-pah/promo-cmm.jpg) no-repeat center top;
}

.cmm-2011 {
	background: url(../images-pah/promo/cmm-2011.jpg) no-repeat center top;
}

.cmm-prep {
	background: url(../images-pah/promo/cmm-prep.jpg) no-repeat center top;
}

.cmm-exam {
	background: url(../images-pah/promo/cmm-take-exam.jpg) no-repeat center top;
}

.cmm-other {
	background: url(../images-pah/promo/cmm-other.jpg) no-repeat center top;
}

.cmm-no-sticker {
	background: url(../images-pah/promo-cmm-no-sticker.jpg) no-repeat center top;
	height: 250px;
}

.concept-conf {
	background: url(../images-pah/concept/promo-conference.jpg) no-repeat center top;
	height: 250px;
}

.concept-survey {
	background: url(../images-pah/concept/promo-survey.jpg) no-repeat center top;
	height: 250px;
}

.concept-article {
	background: url(../images-pah/concept/promo-article.jpg) no-repeat center top;
	height: 250px;
}

.concept-join {
	background: url(../images-pah/concept/promo-join.jpg) no-repeat center top;
	height: 250px;
}

.news-chicago {
	background: url(../images-pah/promo/news-chicago.jpg) no-repeat center top;
	height: 250px;
}

.news-dayton {
	background: url(../images-pah/promo/news-dayton.jpg) no-repeat center top;
	height: 250px;
}

.news-pikespeak {
	background: url(../images-pah/promo/news-pikespeak.jpg) no-repeat center top;
	height: 250px;
}

.news-ventura {
	background: url(../images-pah/promo/news-ventura.jpg) no-repeat center top;
	height: 250px;
}

/* @end */

/* @group Promo imgs */

.conf {
	background: url(../images-pah/promo2-bg.jpg) no-repeat center top;
}

.corpdir {
	background: url(../images-pah/corp/promo-corp-directory.jpg) no-repeat center top;
}


.files {
	background: url(../images-pah/promo-files.jpg) no-repeat center top;
}

.files-no-sticker {
	background: url(../images-pah/promo-files-no-sticker.jpg) no-repeat center top;
	height: 250px;
}

/* @end */

/* @group Background Grid */

/* 	bg = background image
 	363 = grid_3 on the left, grid_6 in the center, grid_3 on the right
 	444 = 3 columns of grid_4
 	wb = white bg on the left, black bg on the right
 	w = white bg on all columns
 	btm = the bottom bg image for the rounded corners
 */

.bg-3l {
	background: url(../images-pah/bg-3l.gif) no-repeat center top;
}

.bg-9r {
	background: url(../images-pah/bg-9r.gif) no-repeat center top;
}

.bg-12 {
	background: url(../images-pah/bg-12.gif) no-repeat center top;
}

.bg-345 {
	background: url(../images-pah/bg-345.gif) no-repeat center top;
}

.bg-354 {
	background: url(../images-pah/bg-354.gif) no-repeat center top;
}

.bg-363 {
	background: url(../images-pah/bg-363.gif) no-repeat center top;
}

.bg-372 {
	background: url(../images-pah/bg-372.gif) no-repeat center top;
}

.bg-39 {
	background: url(../images-pah/bg-39.gif) no-repeat center top;
}

.bg-444 {
	background: url(../images-pah/bg-444.gif) no-repeat center top;
}

.bg-534 {
	background: url(../images-pah/bg-534.gif) no-repeat center top;
}

.bg-84 {
	background: url(../images-pah/bg-84.gif) no-repeat center top;
}

.bg-concept {
	background: url(../images-pah/concept/content-bg.gif) no-repeat center top;
	height: 300px;
}

/* @end */

/* @group Typography */

#promo h1, #promo h2, #promo h3 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 30px 20px 5px 20px;
	font-style: italic;
}

#promo .white h1, #promo .white h2, #promo .white h3 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 30px 20px 5px 20px;
}

#promo .elevator h1 {
	font: italic 18px/27px Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}

#promo h1, #promo h2 {
	font-size: 26px;
	line-height: 30px;
}

#promo h3 {
	font-size: 16px;
}

#promo p {
	color: #ffffff;
	font: normal 16px/20px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

#promo .white p {
	color: #ffffff;
	font: normal 16px/20px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

#promo #slider1 p {
	color: #ffffff;
	font: normal 16px/20px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

#promo li {
	color: #ffffff;
}

#promo .white li {
	color: #ffffff;
}

.news h1, .news h2, .news h3 {
	color: #002596;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 15px 20px 0px 20px;
}

.news h1 {
	font-size: 18px;
	line-height: 22px;
}

.news h2 {
	font-size: 16px;
}

.news h3 {
	font-size: 14px;
}

.news p {
	color: #222222;
	font: normal 12px/18px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 0px 20px;
}

.news hr {
	border: none 0;
	border-top: 1px solid #cccccc;	
	width: 89%;
	height: 1px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
}

#page-nav p {
	color: #ffffff;
	font: normal 13px/20px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 5px 0px 10px 10px;
}

.content .nav2 p {
	padding: 5px 20px 0px;
}

.content .nav2 a {
	padding: 0px;
	border-bottom: 1px dotted #66aadd;
	display: block;
	width: 180px;
	height: 25px;
}

#side-nav h3 {
	color: #ffffff;
	font: bold 14px/22px Arial, Helvetica, Verdana, Swiss, sans-serif;
}

.content #side-nav h3 {
	padding-left: 10px;
}

#side-nav h2 a, #side-nav h3 a {
	color: #ffffff;
	font: bold 14px/22px Arial, Helvetica, Verdana, Swiss, sans-serif;
	margin-left: -10px;
}

#side-nav p {
	padding: 5px 20px 0px;
}

#side-nav a {
	padding: 0px;
	border-bottom: 1px dotted #66aadd;
	display: block;
	height: 25px;
}

.content .nav-3 p {
	padding: 5px 20px 0px;
}

.content .nav-3 a {
	padding: 0px;
	border-bottom: 1px dotted #444444;
	display: block;
	width: 180px;
	height: 25px;
	font-size: 12px;
}


.content h1, .content h2, .content h3 {
	color: #002596;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 20px 0px 20px;
	font-weight: normal;
	font-style: normal;
}

.content h1 {
	font-size: 18px;
	line-height: 27px;
}

.content h2 {
	font-size: 16px;
	line-height: 24px;
}

.content h3 {
	font-size: 14px;
}

.content p {
	color: #222222;
	font: normal 14px/22px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 5px 20px;
}

.content hr {
	border: none 0;
	border-top: 1px dashed #66aadd;	
	width: 95%;
	height: 1px;
	margin: 0px 0px 20px 20px;
	padding: 0px;
	/* left align in IE, Opera */
	text-align: left;
	clear: both;
}

blockquote {
	background: url(../images-pah/quote-open.gif) no-repeat 10px 10px;
	padding: 5px 40px;
}

.content blockquote p {
	font: italic 16px/30px Georgia, "Times New Roman", Times, serif;
	color: #0055aa;
}

.content blockquote p.quote-source {
	font: 16px/24px Arial, Helvetica, Verdana, Swiss, sans-serif;
	color: #aa1122;
}

blockquote img {
	float: right;
	margin-top: -35px;
}

.cmm-list p {line-height: 24px;}

#video h1, #video h2, #video h3 {
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 20px 10px 20px;
}

#video h1 {
	font-size: 18px;
}

#feature h1, #feature h2, #feature h3 {
	color: #002596;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 15px 20px 5px 20px;
}

#feature h1 {
	font-size: 18px;
}

#feature h2 {
	font-size: 16px;
}

#feature h3 {
	font-size: 14px;
}

#feature p {
	color: #222222;
	font: normal 14px/22px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 5px 10px 20px;
}

#footer p {
	color: #ffffff;
	font: normal 11px/18px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

/* #content ul, #content li, #content ol {
	color: #000000;
	font: normal 12px/18px Verdana, Arial, Helvetica, Swiss, sans-serif;
}

*/

ul {
	margin: 10px 0px 0px 20px;
	padding: 0px 10px 5px 25px;
	font-size: 14px;
	color: #222222;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 5px 25px;
	font-size: 14px;
	color: #222222;
}

li {
	padding: 3px 0px;
}

.content .caption {
	color: #444444;
	font: normal 12px/15px Arial, Helvetica, Verdana, Swiss, sans-serif;
	padding: 10px 0px 10px 0px;
}

.sml {
	color: #000000;
	font: normal 10px/12px Verdana, Arial, Helvetica, Swiss, sans-serif;
	padding: 10px 20px 10px 20px;
}

.ovrstrk {text-decoration:line-through;
}

/* @end */


/* @group Links */

a:link {
	color: #0055aa;
	text-decoration: none;
}

a:visited {
	color: #0055aa;
}

a:hover {
	color: #001863;
	text-decoration: underline;
}

a:active {
	color: #001863;
	text-decoration: underline;
}

#promo a:link {
	color: #ffffff;
}

#promo a:visited {
	color: #dddddd;
}

#promo a:hover {
	color: #aaeeff;
}

#promo a:active {
	color: #ff8800;
}

#promo .white a:link {
	color: #ffffff;
}

#promo .white a:visited {
	color: #cccccc;
}

#promo .white a:hover {
	color: #ddeeff;
}

#promo .white a:active {
	color: #ddeeff;
}

#footer a:link {
	color: #ffffff;
}

#footer a:visited {
	color: #dddddd;
}

#footer a:hover {
	color: #ddeeff;
}

#footer a:active {
	color: #ddeeff;
}

#page-nav a:link {
	color: #ffffff;
}

#page-nav a:visited {
	color: #dddddd;
}

#page-nav a:hover {
	color: #ffffbb;
	font-style: italic;
}

#page-nav a:active {
	color: #ffffbb;
}



/* @end */


/* @group Elements */

img.mat {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 4px;
}

.callout {
	float: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #ddeeff;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 97%;
}

.photo {
	float:left;
	padding: 0px 15px 0px 20px;
}

.photo-r {
	float:right;
	padding: 10px 20px 20px 15px;
}

.bmdlogo {
	float:left;
	padding: 0px 15px 0px 0px;
}

.icon {
	float:left;
	padding: 0px 15px 0px 0px;
}

.tooltip {
	text-decoration: none;
	position: relative;
	color: #333333;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}

.tooltip:hover span {
	margin-left: 0;
	width: 220px;
	padding: 12px;
	position: absolute; left: 0px; top: 2px; z-index: 99;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px 5px; 
	-moz-box-shadow: 4px 4px 4px #cccccc;
	-webkit-box-shadow: 4px 4px 4px #cccccc;
	box-shadow: 4px 4px 4px #cccccc;
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
}

/* The color label styles are based on the Chapter News from the 2010 July August Journal issue */

.content .redlabel,
.content .pinklabel,
.content .orangelabel,
.content .ltgreenlabel,
.content .greenlabel,
.content .aqualabel,
.content .bluelabel,
.content .ltbluelabel,
.content .dkbluelabel,
.content .purplelabel {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	margin: 10px 15px;
}

.content .redlabel a,
.content .pinklabel a,
.content .orangelabel a,
.content .ltgreenlabel a,
.content .greenlabel a,
.content .aqualabel a,
.content .bluelabel a,
.content .ltbluelabel a,
.content .dkbluelabel a,
.content .purplelabel a {
	display: block;
	color: #ffffff;
}

.redlabel {
	background-color: #dd2222;
}

.pinklabel {
	background-color: #ff5599;
}

.orangelabel {
	background-color: #ff8811;
}

.ltgreenlabel {
	background-color: #ddee88;
}

.greenlabel {
	background-color: #88aa33;
}

.aqualabel {
	background-color: #009999;
}

.bluelabel {
	background-color: #2277cc;
}

.ltbluelabel {
	background-color: #66aadd;
}

.dkbluelabel {
	background-color: #0055aa;
}

.purplelabel {
	background-color: #7755aa;
}


.platinum-sponsor {
	background-color: #ddeeff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	margin-top: 10px;
	padding: 10px 0px;
}

.redbg {
	background-color: #ffdddd;
	border: 1px solid #bb1111;
}

.orangebg {
	background-color: #ffeecc;
	border: 1px solid #ff8811;
}

.greenbg {
	background-color: #eeffdd;
	border: 1px solid #88aa33;
}

.bluebg {
	background-color: #ddeeff;
	border: 1px solid #004477;
}

.portrait {
	float:left;
	padding: 0px 15px 0px 10px;
}

.cell-blue {
	float: left;
	clear: both;
	width: 98%;
	border-bottom: 1px solid #004477;
	background-color: #ddeeff;
	padding: 10px 0px;
}

.cell-white {
	float: left;
	clear: both;
	width: 98%;
	border-bottom: 1px solid #004477;
	padding: 10px 0px;
}

.pad-10{
	padding-left: 10px;
}

.pad-15{
	padding-left: 15px;
}

.pad-20{
	padding-left: 20px;
}

.bak2top {
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ffffff;
	border: 2px solid #cccccc;
	padding: 4px;
	z-index: 1200;
}

.wr_fieldset {
width: 92%; 
margin: 12px 30px 12px 30px;
padding: 0; }

.wr_fieldset fieldset {
border: 1px solid #004477; }

.wr_fieldset legend {
margin: 0 10px 0 10px;
padding: 0 5px 0 5px;
color: #004477;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; }

.wr_fieldset_pad {
margin: 0;
padding: 8px; }

.quotebox {
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
}

/* Floating boxes, good for photos with captions or similar */


div.floatl {
  float: left;
  }
  
div.floatl p {
   text-align: left;
   width: 265px;
   }

div.floatr {
  float: right;
  }
  
div.floatr p {
   text-align: center;
   width: 265px;
   }
   
#scrollbox {
width:400px;
height:300px;
overflow: auto
}

/* @end */


/* @group E-comm */

/* Styles for Mal's e-commerce tables currently in most of my Excel TDF masters; probably should revisit these on site-by-site basis */

.ptcol {border-bottom: 1px solid #000; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}

.ptfrm {border-bottom: 1px solid #cccccc; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}

.pthdr1 .pthdr {font-size: 14px; font-family: Verdana, Arial, Helvetica, Swiss, sans-serif}


/* @end */

/* @group Tables */

table.zebra-stripe {border-collapse: collapse; width: 660px; margin: 20px;}
table.zebra-stripe td {border-bottom: 1px solid #cccccc; padding: 6px 0px 8px 4px;}
table.zebra-stripe tr:nth-child(even) {background-color: #eeeeee;}


/* Applies global padding and paragraph styles to entire table. Normally used for forms or tabular data within the main layout table so you do not need to add paragraph or other styles to each td */

table.frm td {
	padding: 1px; 
	font-size: 11px;
	border-bottom: 1px solid #004477;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}
	
table.cert td {
	padding: 1px; 
	font-size: 11px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, Swiss, sans-serif;}




#test { 
    display: table; 
    table-layout: fixed;
	width: 660px;
	font: 11px/15px Verdana, Arial, Helvetica, Swiss, sans-serif;

}

#test caption { 
	font: bold 13px/18px Verdana, Arial, Helvetica, Swiss, sans-serif;

}

#test tbody { 
     display: table-header-group; 
}
#test tr { 
     display: table-row; 
}


#test td, #test th { 
     display: table-cell;
     padding: 5px 1px 10px 1px;
}

#test th {
	font-weight: bold;
}


/* table.edu {
	width: 660px;
	table-layout: fixed;
}

table.edu td {
	padding: 5px 1px 10px 1px; 
	font: 11px/15px Verdana, Arial, Helvetica, Swiss, sans-serif;
	word-wrap: break-word;
}
*/

#test th.d-t, #test td.d-t {
	width: 165px;
}

#test th.evnt, #test td.evnt {
	width: 306px;
	word-wrap: break-word;
}

#test th.cunits, #test td.cunits {
	width: 46px;
}

#test th.regisn, #test td.regisn {
	width: 103px;
}


tr.shaded td. {
	background-color: #ddeeff;
	border-top: 1px solid #004477;
	border-bottom: 1px solid #004477;
}

td.blueshaded {
	background-color: #ddeeff;
	border-top: 1px solid #004477;
	border-bottom: 1px solid #004477;
}


.tblborder {
	border: 1px solid #000000;
	border-collapse: collapse;
}

	
/* Add following as a table class="cellbkgrnd" for applying table cell backgrounds using tablestyle name="Alt Background By Style w/o formatting */

.cellbkgrnd {background-color: #cccccc;}

/* Adding bkground images to table cells or divs for announcement boxes or similar; commented out below until needed */

/* .bg1 {background: white url(images/divheader.gif) no-repeat top left; width: 236px; padding: 48px 10 10 10; border: 1px solid #548dab; border-collapse: collapse; text-align: left;} */

/* @end */

/* this section is for mega menus, NOTE: use our nav div to set width and positioning; normally, we'll do the menus as an include */

/* @group mega menu */

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 55px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav a.member {
	background: url(../images-pah/nav-redesign/member.gif) no-repeat;
	width: 119px; 
}
ul#topnav a.about {
	background: url(../images-pah/nav-redesign/about.gif) no-repeat;
	width: 73px; 
}
ul#topnav a.join {
	background: url(../images-pah/nav-redesign/join.gif) no-repeat;
	width: 62px; 
}
ul#topnav a.cmm {
	background: url(../images-pah/nav-redesign/cmm.gif) no-repeat;
	width: 110px; 
}
ul#topnav a.chapters {
	background: url(../images-pah/nav-redesign/chapters.gif) no-repeat;
	width: 91px; 
}
ul#topnav a.corp {
	background: url(../images-pah/nav-redesign/corp.gif) no-repeat;
	width: 154px; 
}
ul#topnav a.conference {
	background: url(../images-pah/nav-redesign/conference.gif) no-repeat;
	width: 106px; 
}
ul#topnav a.store {
	background: url(../images-pah/nav-redesign/store.gif) no-repeat;
	width: 72px; 
}
ul#topnav a.education {
	background: url(../images-pah/nav-redesign/education.gif) no-repeat;
	width: 96px; 
}
ul#topnav a.career {
	background: url(../images-pah/nav-redesign/career.gif) no-repeat;
	width: 77px; 
}

ul#topnav li .sub {
	position: absolute;	
	top: 55px; left: 3px;
	background-color: #002596;
	padding: 20px 20px 20px;
	float: left;
	display: none;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-box-shadow: 0px 4px 8px #333;
	-webkit-box-shadow: 0px 4px 8px #333;
	box-shadow: 0px 4px 8px #333;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}

/* width 100% overrides parent list item */
ul#topnav .sub ul li {
	width: 100%; 
	color: #333333;
}

ul#topnav .sub ul li h2 {
	padding: 0; margin: 0;
	font-size: 14px;
	font-weight: normal;
	color: #99ccff;
}
ul#topnav .sub ul li h2 a {
	padding: 7px 5px 7px 5px;
	background-image: none;
	color: #99ccff;
}

/* removed from tutorial code - background: url(navlist_arrow.png) no-repeat 5px 12px; */

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 5px;
	display: block;
	text-decoration: none;
	color: #ffffff;
}
ul#topnav .sub ul li a:hover {
	background-color: #001863;
	color: #99ccff;
	display: block;
	text-decoration: underline;
	background-position: 5px 12px ;
	padding: 7px 5px 7px 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* @end */

/* end of mega menus styles */