@charset "utf-8";
/* 4/30/10 TMA - consolidate all AAHPERD stylesheets to simply things */
/**********************************************************************/
/*                      BLANK PAGE LAYOUT                             */
/**********************************************************************/
#blankPage{
	width:200%;
	background-color:#fff;
	text-align:left;
	}
.blankPage100{
	width:50%;
	background-color:#fff;
	text-align:left;
	}	
/**********************************************************************/
/*                        From 2_col.css                              */
/**********************************************************************/
/* TWO COLUMN LAYOUT */
* {	margin:0; padding:0;  }
#container{
	width:994px;
	margin-left:auto;
	margin-right:auto;
	border-left:#ccc 3px solid;
	border-right:#ccc 3px solid;
	background-color:#fff; 
	}
#contentArea {
	clear:both;
	}
#contentInner{
	width: 520px;
	margin:0px 5px 0px 220px;
	}
#contentInnerWithoutLeftNav{ 
	width:720px;
	margin-left:20px;
    }
/* ---------- for index page. #contentRight and #contentLeft are both 50% ---------- */
#contentRight{
	background:#fff url(/ui/aahperd/graphics/images_pres/bg_orangeGradient.gif) top left repeat-x;
	width:358px; /*adjusted for 10px padding around*/
	float:right;
	margin:10px 10px 0px 10px;
	}
#contentLeft{
	background:#fff url(/ui/aahperd/graphics/images_pres/bg_orangeGradient.gif) top left repeat-x;
	width:358px; /*adjusted for 10px padding around*/
	margin:10px 10px 0px 10px;
	}
/*----------------------------------------------------------------------------------- */
#footer {
	clear:both;
	width:1000px;
	margin: 0 auto;
	padding-top:20px;
	text-align:center;
	background:url(/ui/aahperd/graphics/images_pres/bg_footer.gif) top left no-repeat;
	}	
#homeHeader{
	background:#fff url(/ui/aahperd/graphics/images_pres/header.gif) top left no-repeat;
	height:83px;
	margin-top:18px;
	}
html { height: 101%}
#leftNavArea{
	width:200px;
	background:#fff url(/ui/aahperd/graphics/images_pres/bg_orangeGradient.gif) top left repeat-x;
	float:left;
	}
#mainContent{
	width: 760px;
	text-align:left;
	}
#menuBar{
	background:#2482be url(/ui/aahperd/graphics/images_pres/bg_menuBar.gif) repeat-x;
	height:35px;
	border-bottom:#2563ac 1px solid;
	}
#rightColumn{
	width: 230px;
	float: right;
	text-align:left;
	}
.wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

/* ------ CAPWIZ Orange Bar Styles ------- */

#advocacyBar{
	background:#2482be url(http://www.aahperd.org/ui/aahperd/graphics/images_pres/bg_advocacyBar.gif) repeat-x;
	height:30px;
	border-bottom:#faaf33 1px solid;
}

#advocacy a{
	color:#fff;
	text-decoration:none;
	font-size:.9em;
}

#advocacy a:hover{
	color:#2169cb;
	text-decoration:none;
}

#advocacy li{
	display:inline;
	padding: 10px 5px 0px 8px;
}

#advocacy ul{
	padding-top: 8px;
}
/* --------------------------------------- */

/**********************************************************************/
/*                      From element.css                              */
/**********************************************************************/
a {
	outline:none;	
}
.breadCrumb{
	background:url(/ui/aahperd/graphics/images_pres/bullet_orangeRing.gif) top left no-repeat;
	float:left;
	margin-top:.3em;
	font-size:0.9em;
	}
.breadCrumb ul{
	float:left;
	color:#666;
	padding-left:20px;
	}
.breadCrumb li {
	float:left;
	list-style-type:none;
	line-height:1.3em;
	color:#2169CB;
	padding:0 .3em;
	}
.clear{
	clear:both;
	}
#contentInner p{
	padding:5px;
	}	
#contentPrint{
	margin:0 auto;
	background-color:#fff;
	min-height:480px;
	padding:0 10px;
	width: 720px;
	text-align:left;
	}
#featuredProgram{
	width:760px;
	}
#footer ul, #footer p{
	padding:0 65px;
	margin-bottom:10px;
	font-size:0.75em;
	color:#666;
	}
#footer li{
	list-style-type:none; /* removes default bullets */
	display:inline;
	}
#footer li a{
	text-decoration:none;
	padding: 0px 5px;
	color:#666;
	}
#footer li a:hover{
	text-decoration:underline;
	}
#homeHeader h1{
	display:none;
	}
#homeHeader h6{
	color:#fff;
	text-align:right;
	padding:5px 10px;
	}
#homeHeader a{
	color:#fff;
	text-decoration:none;
	}
hr{
	border-top:#666 dashed 1px;
	border-bottom:none;
	margin:10px;
	}
.icon{
	padding-top:30px;
	text-align:right;
	font-size:.85em;
	color:#666;
	}
img.imgLink{
  text-decoration:none;  
  border:2px;
}
img.imgBorder {
	border:#666 solid 1px;
	padding:1px;
	margin:5px;
}
img.floatLeft{
	float:left;
	margin-right:10px;
	}
ul.announcement{
	margin:0;
	padding:10px 0;
	font-size:85%;
}
li.announcement{
	list-style-type:none; /* removes bullet off list item of link */
	padding:0px 10px;
	clear:left;
	font-size:100%;
	}
.upcomingEvents{
	padding:10px 10px 0 10px;
	font-size:85%;
	}
.orangeTitleBar{
	background:#fab033 url(/ui/aahperd/graphics/images_pres/bg_orangeGradientTop.gif) top right no-repeat;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	line-height:35px;
	padding-left:10px;
	}
#print{ /*Specific css setting for the print window*/
	background:#fff center;
	width:740px;
	height:83px;
	margin:0 auto;
	}	
.promo{
	background:#fff url(/ui/aahperd/graphics/images_pres/bg_promoBox.gif) top left no-repeat;
	clear:both;
	font-size:0.75em; /* Everything in the third is based on 0.75 em now! */
	padding-bottom:10px;
	}
.promoTitle{
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
.promo #login{
	padding:5px 10px;
	text-align:left;
	}
.promo #loginText{
	font-size:90%;
	color:#666;
	font-weight:bold;
	}
.promo ol{
	margin-left:60px;
}
.promo ul{
	padding-left:0px;
}
.promo ul li{
	background:url(/ui/aahperd/graphics/images_pres/bullet_blueArrow.gif) top left no-repeat;
	list-style-type:none; /* removes default bullets */
	text-align:left;
	padding-left:20px; /*add extra 10px for the bullet*/
	padding-right:10px;
	line-height:150%;
	}
.promo a{
	text-decoration:none; 
	color:#369;
	}
.promo a:hover{
	text-decoration:underline;
	}
.promo a.membership{
	font-weight:bold;
}
.promo p{
	padding:10px 15px;
	color:#666;
	text-align:left;
	}
.promo img.topMargin{
	margin-top:30px;
	}
#search {
	float: right;
	padding: 5px;
	}
#search .buttom a{
	color:#fff;
	border:#fff 1px solid;
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	margin-left:5px;
	}
/*for general table setup: celpadding-5px and valign-top*/
td{
	padding:5px;
	font-size:0.9em;
	}
tr{
	vertical-align:top;
	}
/*District Image Map*/
#districtMap {
 width: 322px;
 height: 216px;
 margin:0 auto;
 background: url(/ui/aahperd/graphics/images_pres/districtImageMap.gif) top left no-repeat;
 position: relative;
}
#districtMap li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	}
#districtMap a {
	display: block; 
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#districtMap a:hover span{
	position:relative;
    display:block;
    width:220px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=85);
    opacity:0.9;
	text-indent:0;
	}
	

/*Dashed lines*/
.dashLine_left{
	padding: 5px;
	border-left:#CCC dashed 1px;
	}
.dashLine_top{
	border-top:#CCC dashed 1px;
	}

/**********************************************************************/
/*                        From menu.css                               */
/**********************************************************************/
ul#nav1{
	list-style:none; 
	border: none; 
	font-weight: bold;
	font-size: .85em; 
	}
ul#nav1 li{
	padding:5px 13px 0px 13px;
	display:block; 
	float: left; 
	position:relative; 
	line-height: 2.5em;
	}
ul#nav1 li a,
ul#nav1 li a:link,
ul#nav1 li a:visited{
	text-decoration:none;
	color:#fff; 	
	display:block; 
	}

ul#nav1 li a:hover,
ul#nav1 li a:active{ 
	text-decoration:none; 
	color:#fab033; 		
	display:block; 
	}
	
ul#nav1 li ul.nav2{ 
	font-size:1.1em;
	font-weight:normal;
	list-style:none; 
	display:none; 	 
	position:absolute; 
	top:35px; 
	left: 0; 	 
	text-align: left; 	
	}
ul#nav1 li:hover ul.nav2,
ul#nav1 li.flhover ul.nav2{ 
	display:block; 
	}
ul#nav1 li ul.nav2 li{ 
	clear:left; 
	width:140px; 
	padding:0; 
	}
ul#nav1 li ul.nav2 li a:link,
ul#nav1 li ul.nav2 li a:visited{ 
	clear:left; 
	color:#036; 
	background:#c7e3f8;
	border-bottom:#bad0e1 solid 1px; 
	padding: 5px 3px; 
	width:150px; 
	position:relative; 
	z-index:1000; 
	text-align: left; 
	line-height: 1.1em; 
	}
ul#nav1 li ul.nav2 li:hover a,
ul#nav1 li ul.nav2 li a:active,
ul#nav1 li ul.nav2 li a:hover{ 
	clear:left; 
	color:#fff; 
	background:#0d7bc0; 
	border-bottom:#bad0e1 solid 1px; 
	padding:5px 3px; 
	width:150px; 
	position:relative; 
	z-index:1000; 
	text-align: left; 
	line-height: 1.1em; 
	}
ul#nav1 li ul.nav2 li a span{ 
	position:absolute; 
	top:0; left:132px; 
	font-size:.75em; 
	color:#ffffff; 
	}
ul#nav1 li ul.nav2 li:hover a span,
ul#nav1 li ul.nav2 li a:hover span{ 
	position:absolute; 
	top:0; left:132px; 
	font-size:.75em; 
	color:#ffffff; 
	}

/**********************************************************************/
/*                        From nav.css                                */
/**********************************************************************/
ul.leftNavItem{
	list-style:none;
	padding-top:30px;
	margin-left:0px;
	padding-left:0px;
	}
ul.leftNavItem a{
	display:block;
	width:170px;
	line-height:130%;
	padding:5px 10px 5px 20px; /*add extra 10px for the bullet*/
	color:#666;
	font-size:.85em;
	font-weight:bold;
	text-decoration:none;
	}
ul.leftNavItem a:hover{
	background:#fff url(/ui/aahperd/graphics/images_pres/bullet_orangeArrow.gif) top left no-repeat;
	text-decoration:underline;
	}

/*Showarrow with current url*/
.showarrow{
	background:#fff url(/ui/aahperd/graphics/images_pres/bullet_orangeArrow.gif) top left no-repeat;
	text-decoration:underline;
}

/*White title text*/
#leftNavArea h6{
	background:#fab033 url(/ui/aahperd/graphics/images_pres/bg_orangeGradientTop.gif) top right no-repeat;
	text-align:center;
	color:#fff;
	line-height:25px;

}


/**********************************************************************/
/*                   From text_n_color.css                            */
/**********************************************************************/
body {
	font-family:Verdana, Arial, Helvetica,  sans-serif;
	color:#333;
	font-size:0.9em;
}

/* TEXT SIZES */
p {
	font-size:90%;
	}
h1 {
	font-size:1.6em;
	}
h2 {
	font-size:1.45em;
	}
h3 {
	font-size:1.3em;
	padding-bottom:10px;
	}
h4 {
	font-size:1.15em;
	}
h5 {
	font-size:1em;
	line-height:1.5em;
	}
h6 {
	padding-top:10px;
	font-size:1em;
	}
ul, ol{
	font-size:90%; 	
	padding: 0 20px;
	}
.captions{
	font-size:0.7em;
}
.text85{
	font-size:85%;
}
/* GENERAL MARGIN & PADDING */
h1, h2, h3, h4, h5, h6{
	margin-bottom:10px 0;
	} 
blockquote{
	margin:0 25px;
	}
#contentInner ol{
	padding:0 35px;
	}
#contentInner ul{
	padding:0 25px;
	}

/* TEXT COLORS */
h1, h2, h3, h4 {
	color:#0d7bc0;
	}
h5, h6 {
	color:#333;
	padding-bottom:0px;
}
p {
	color:#333;
	}
a {
	color:#2169CB;
	}
a:hover {
	color:#5199CB; 
	text-decoration:none;
	}
label {
	color:#036;
	}
.red {
	color:#900;
	font-weight:bold;
	}
.grayBG{ /* this is mainly used for the table alternating row color */
	background-color:#eee;
}