/*ABTA CSS
Updated by CBailey, Convio
9/13/2007
*/


*, p, li, input, label, i, a , select {

	margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 2px;
	font: 12px Helvetica, Arial, sans-serif;
	line-height:1.3em;
	color: #333333;
}

p, li, label, table, td {border:none}

a, 
a:link, 
a:visited, 
a:hover, 
a:active, a * {
	color:#0550aa !important;
	font: 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #0550aa !important;
}

body, html{
	background: url(../images/wrpr/bg_page.gif) #cad2d5;
	height: 100%;	
	text-align:center;	
}

/********* BOXES************/


.bluebox{
	width:214px;
	margin:5px 0 10px 2px;
	background:url(../images/wrpr/bluebox_center.gif) no-repeat left bottom #FFF ;
}

.bluebox h1{
	font-family:Times New Roman, Times, serif;
	font-size:18px;
	color:#f18e2c;
	padding:10px 20px 0 20px;
	*padding:10px 20px 0 8px;
	background:url(../images/wrpr/bluebox_top.gif) no-repeat 0 0;
	margin-bottom:0px;
}

.bluebox h1 img{
	margin-left:-10px;
	*margin-left:0px;
}

.bluebox div.box_content{
	clear:both;
	color:#666;
	font-size:0.95em;
	padding: 5px 10px 10px 10px;
	margin:0px;
	*height:100%;
	min-height: 60px;
	background:url(../images/wrpr/bluebox_bottom.gif) no-repeat 0 100%;
}

.bluebox a{
	color:#0550aa !important;
}

#support .bluebox img{
	margin:0 10px 0 6px;	
}

#donate .bluebox a{
	display:block;
	margin-bottom:5px;
}


.graybox{
	width:214px;
	margin:5px 0 10px 5px;
	max-height:127px;
	background:url(../images/wrpr/graybox_center.gif) bottom left no-repeat;
}

.graybox h1{
	font-family:Times New Roman, Times, serif;
	font-size:14px;
	color:#666666;
	padding:10px 20px 0 12px;
	background:url(../images/wrpr/graybox_top.gif) no-repeat 0 0;
}


.graybox p{
	color:#fff;
	font-size:0.95em;
	padding:5px 20px 10px 20px;
	margin:0px;
	*height:100%;
	background:url(../images/wrpr/graybox_bottom.gif) no-repeat 0 100%;
}


.purplebox{
	float:right;
	width:254px;
	margin:0px 0 10px 5px;
	background:url(../images/wrpr/purplebox_center.gif) repeat-y 0 100%;
}

.purplebox h1{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#f18e2c;
	padding:10px 20px 0 20px;
	background:url(../images/wrpr/purplebox_top.gif) no-repeat 0 0;
}

.purplebox div.box_content{
	color:#fff;
	font-size: 1em;
	padding:5px 20px 20px 20px;
	margin:0px;
	*height:100%;
	min-height: 60px;
	background:url(../images/wrpr/purplebox_bottom.gif) no-repeat 0 100%;
}


.purplebox_small{
	width:214px;
	margin:5px 0 10px 2px;
	background:url(../images/wrpr/purplebox_small_center.gif) repeat-y 0 bottom;
}

.purplebox_small h1{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#f18e2c;
	padding:10px 20px 0 20px;
	background:url(../images/wrpr/purplebox_small_top.gif) no-repeat 0 0;
}


.purplebox_small div.box_content{
	color:#fff;
	font-size:0.95em;
	padding:5px 20px 20px 20px;
	margin:0px;
	*height:100%;
	min-height: 60px;
	background:url(../images/wrpr/purplebox_small_bottom.gif) no-repeat 0 100%;
}


h1.white_text{
	font-family:Helvetica,Arial, sans-serif;
	font-size:1em;
	color:#fff;
	padding-top:15px;
}

h1.gray_text{
	font-family:Helvetica,Arial, sans-serif;
	font-size:1em;
	color:#666;
	padding:15px 10px 0 10px;
}

h1.gray_text strong{color:#666;}

/***********BLURB****************/
#blurb{
	padding:0 0 10px 0px;
	
}


#blurb p{
	padding:3px 0px;
}
#blurb img{margin-right:5px;}

#blurb.no_wrap{float:left;width:270px;}

.orange_blurb{
	border-top:2px solid #feeacb;
	border-bottom:2px solid #fed7a4;
	background:url(../images/wrpr/bg_orange_blurb.gif) repeat-x 0 0 #fee8d4;
}

.orange_blurb, .purple_blurb {
	min-height:130px;
	margin-bottom:15px;
	clear:both;
	width:100%;
	padding-top: 8px !important;
}

#events .orange_blurb{
	min-height:100px;
	padding-top:10px;
}

.orange_blurb h2{margin:0px 0px 10px 10px;}

.orange_blurb_image{
	float:left;
	margin:0px 25px;
	background:url(../images/wrpr/bg_orange_blurb_img.gif) no-repeat 0 0;
	height:81px;
	width:82px;
}

.orange_blurb img, .purple_blurb img{margin:0px 10px;}
.orange_blurb li{
	margin-left:13px;
	list-style:disc;
}

.purple_blurb{
	border-top:2px solid #d5c5dd;
	border-bottom:2px solid #d5c5dd;
	background:url(../images/wrpr/bg_purple_blurb.gif) repeat-x 0 0 #e2d7e8;
	min-height:140px;
}

#research .purple_blurb{min-height:100px;}

.purple_blurb h2{margin:0 0 10px 10px;color:#480070}

.purple_blurb p{margin: 0 10px;}

.purple_blurb_image{
	float:left;
	margin:0px 25px;
	background:url(../images/wrpr/bg_purple_blurb_img.gif) no-repeat 0 0;
	height:81px;
	width:82px;
}



/*********BUTTONS************/


.bluebutton{
	clear:both;
	background:url(../images/wrpr/bluebutton_center.gif) repeat-x 0 0;
	width:89px;
	text-align:center;
	max-height: 20px;
	overflow: hidden;
	margin:4px 8px;
	position:relative;
	cursor:hand;
	line-height: 20px;
	}


.bluebutton a{
	background:url(../images/wrpr/bluebutton_left.gif) no-repeat 0 0;
	display:block;
	line-height: 20px;
}
.bluebutton a:hover{
	text-decoration:none;
}
.bluebutton a span{
	font-weight:bold;
	font-size:11px;
	display:block;
	background:url(../images/wrpr/bluebutton_right.gif) no-repeat 100% 0;
	padding:0 3px 0px 3px;
	line-height: 20px;
}

#blurb .bluebutton{left:410px;}
#blurb.no_wrap .bluebutton{left:160px;}
#support #blurb.no_wrap .bluebutton{top:-20px;}


/*Ronit added on 4/18/2007*/

.ShoppingSearch input, .ShoppingSearch
{
	margin-right:5px;
}

.ShoppingButtonRow .ShoppingButtons, .ShoppingSearch .ShoppingButtons{
	font-size:11px;
	margin-right:5px;
	margin-bottom:5px;
}

.ShoppingSearch .ShoppingButtons{
	margin-bottom:10px;
}

.ShoppingSearch select{
	margin-bottom:1px;
	margin-right:5px;
}
.ShoppingSearch td{
	vertical-align:bottom;
	
}

/**/


div.button{
	
	width:202px;
	padding:0px;
	margin:11px 8px;
	cursor:hand;
}
div.button a{
	background:url(../images/wrpr/button_top.gif) no-repeat 0 0;
	display:block;
	*height:100%;
	padding:10px 0px 0px 0px;
	z-index:1;
}
.button a:hover{
	text-decoration:none;
}
.button a span{
	font-weight:bold;
	display:block;
	background:url(../images/wrpr/button_bottom.gif) no-repeat 0 100%;
	padding:0px;
	text-align:center;
	min-height:25px;
}

#longtext.button a{padding-top:5px;*height:100%;}

#longtext.button a span {
padding-bottom: 5px;
}

.orangebutton_blue{
	background:url(../images/wrpr/orangebutton_blue_center.gif) repeat-x 0 0;
	min-width:100px;
	padding:0px;
	margin:4px 8px;
	position:relative;
	overflow: hidden;
}

.orangebutton_blue a{
	background:url(../images/wrpr/orangebutton_blue_left.gif) no-repeat 0 0;
	display:block;
	padding-left: 3px;
	height:22px;
	color:#fff !important;
}

.orangebutton_blue a:hover{
	text-decoration:none;
}

.orangebutton_blue a span{
	font-size:11px;
	height:22px;
	line-height: 22px;
	display:block;
	background:url(../images/wrpr/orangebutton_blue_right.gif) no-repeat 100% 0;
	padding:0 10px 0 0;
	text-align:center;
	color:#fff !important;
}

#healthcare .orangebutton_blue{width:90px;left:80px;}

#events .orangebutton_blue{width:90px;left:80px;}

#research .orangebutton_blue{width:170px;}
#support #learnmore_blue{
	clear:both;
	width:100px;
	top:-30px;
	left:70px;
	margin-bottom:-20px;
}

.orangebutton_purple{
	background:url(../images/wrpr/orangebutton_purple_center.gif) repeat-x 0 0;
	width:89px;
	left:80px;
	top:4px;
	padding:0px;
	margin:4px 8px;
	position:relative;
}

.orangebutton_purple a{
	background:url(../images/wrpr/orangebutton_purple_left.gif) no-repeat 0 0;
	display:block;
	padding:0px;
	height:22px;
	color:#fff !important;
}

.orangebutton_blue a:hover{
	text-decoration:none;
}

.orangebutton_purple a span{
	font-size:11px;
	height:22px;
	display:block;
	background:url(../images/wrpr/orangebutton_purple_right.gif) no-repeat 100% 0;
	padding:4px 0 0 0px;
	text-align:center;
	color:#fff !important;
}

#education.orangebutton_purple{
	width:130px;
	left:40px;
}

#careguides.orangebutton_purple{
	left:-5px;
	top:10px;
	width:120px;
}

#learnmore.orangebutton_purple{
	margin-top:-20px;
}

.purplebox div.box_content .orangebutton_purple{
	left:120px;
}

/*************CONTENT******************/

#content{
	margin:20px;
	min-height:600px;
}

#content strong{
        font-weight:700;
}

#content #left_content{
	position:relative;
	float:left;
	width:533px;
	*width:528px;
}

#content #left_content p {
	margin-bottom: 10px;
}

#content #right_content{
	position:relative;
	width:215px;
	float:right;
}

/**********CONTACT***************/
#contact{
	margin-left:10px;
	margin-bottom:15px;
}

#contact *{
	color:#666;
}

#contact strong{
	color:#591d7c;
	font-weight:700;
}

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

#donation_buttons p{clear:both}

.orange_button_big{
	display:block;
	float:left;
	background:url(../images/wrpr/orange_button_big.gif) no-repeat 0 0;
	height:64px;
	width:174px;
	color:#fff !important;
	text-align:center;
	padding-top:15px;
	margin-right:3px;
	font-size:1.10em;

}
#general{padding-top:25px;height:54px;}

a.orange_button_big:hover{
	color:#fff !important;
	text-decoration:none;
}

/*****************FOOTER***********************/

#footer{
	clear:both;
	background:url(http://hope.abta.org/images/wrpr/bg_footer.gif) repeat-x 0 0;
	width:780px;
	position:relative;
	text-align: center;
	margin-left:10px;
	padding-top:10px;
	height:29px;
/height:39px;
}


#footer span, #footer a {	
	font-size: 0.96em;
	margin-left:10px;
}

/***************HEADER**************************/

#header{
	background:#480070;
	height:127px;
	margin:0px 13px;
	padding-top:5px;
	position:relative;
}

#header #logo{
	background:url(../images/wrpr/abta_logo.gif) no-repeat 0 0;
	width:412px;
	height:84px;
}

#header #search{
	position:absolute;
	right:15px;
	top:60px;
}


#header #search input{
	display: inline;
	color: #808284 !important;	
	vertical-align: middle;	
}
#header #search .box{
	width: 113px;
	border:1px solid #915cbb;
	padding:2px;
}

#header #top_header{
	border-bottom:6px solid #740dd3;
    margin:0px;
}

#header #top_header #header_links{
	position:absolute;
	right:14px;
	top:36px;
	padding:0px;
}

#header #top_header #header_links a{
	display:block;
	float:left;
	color:#dddddc !important;
	padding:0px;
}

#header #top_header #header_links a.profile{
	background:url(../images/wrpr/icn_profile.gif) no-repeat 0 0;
	padding-left:18px;
	padding-right:10px;
}


#header #top_header #header_links a.store{
	background:url(../images/wrpr/icn_store.gif) no-repeat 0 0;
	padding-left:18px;
}

#header #top_header ul{
	position:absolute;
	right:8px;
	top:10px;
}

#header #top_header ul li{
	margin:0px;
	float:left;
	border-right:1px solid #dddddc;
	padding:0px 6px;
	height:12px;
}
#header #top_header ul li.last{
	border:none;

}

#header #top_header li a{
	color:#dddddc !important;
}


#header #top_nav{
	background:url(../images/wrpr/bg_top_nav.gif) repeat-x 0 0;
	border-top:6px solid #e26f14;
	border-bottom:2px solid #b3d5fd;
	height:29px;
    margin:0px;
}

#header #top_nav a{
	display:block;
	float:left;
	list-style:none;
	padding:7px 10px;
	display:block;
	font-size:12px;
    margin:0px;
}
	
#header #top_nav a:hover{
	background:#e26f14;
	color:#fff !important;
	text-decoration:none;
}


#about a#nav_about, #info a#nav_info, #donate a#nav_donate, #support a#nav_support, #research a#nav_research, #events a#nav_events{
	background:#e26f14;
	color:#fff !important;
}

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

h1{
	font-size:28px;
	color:#480070;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:5px;
}

h1.title {
	font-size:28px;
	color:#480070;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:5px;
}

h2{
	font-size:20px;
	color:#f18e2c;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:5px;
}

h3{
	font-size:16px;
	color:#f18e2c;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:5px;
}

.hidden{
	display:none;
	visibility:hidden;
}

i{font-style:italic}

/************LEFT CONTENT*************/

#left_content img{margin-bottom:10px;}

#left_content #home_events{
	position:relative;
	float:left;
	width:245px;
	margin-bottom: 10px;
	padding:8px;
	border-top:3px solid #feeacb;
	border-bottom:3px solid #fedc9f;
	background:url(../images/wrpr/bg_events.gif) repeat-x 0 0 #fee8d4;
	min-height:420px;
}

#left_content #home_events h1{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#e27919;
}

#left_content #home_events h3{
	padding:0px;
	margin:0px 0px 3px 0px;
}

#left_content #home_events p, #left_content #home_news p {
	margin-bottom: 3px;
}

#left_content #home_events img{
	margin:3px 0px 0px 0px;
	border:1px solid #e88533;
}

#left_content #home_news p,
#left_content #home_events p{
	padding:5px 0px;
}

#left_content #home_news{
	position:relative;
	float:right;
	width:245px;
	margin-bottom: 10px;
	padding:8px;
	border-top:3px solid #e6ddeb;
	border-bottom:3px solid #d5c5dd;
	background:url(../images/wrpr/bg_news.gif) repeat-x 0 0 #e2d6e8;
	min-height:420px;
}

#left_content #home_news h1{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#480070;
}

#left_content #home_news img{
	margin:3px 0px 6px 0px;
	border:1px solid #a988bb;
}


	
/*******LOGIN*******/

#loginBox{
	font-size:0.95em;
	padding:0px 16px 10px 8px;
	margin:0px;
	*height:100%;
	background:url(../images/wrpr/graybox_bottom.gif) no-repeat 0 100%;
}

#loginBox label{
	clear:left;
	float:left;
	padding:2px;
	width:72px;
	margin-bottom:5px;
	color:#666;
}
.loginbox{
	width:113px;
	border:1px solid #dadad9;
	padding:3px;
	float:left;
}

#loginBox .image{
	float:right;
	margin:5px 0px;
}


/******RIGHT CONTENT**************/
#right_nav {
	margin:11px 0px;
	background:url(../images/wrpr/rightnav_center.gif) repeat-y 0 100%;

}
#right_nav p{
	/*padding-top:20px;*/
	padding-top:15px;
	width:214px;
	background:url(../images/wrpr/rightnav_top.gif) no-repeat 0 0;
}

#right_nav .last{
	background:url(../images/wrpr/rightnav_bottom.gif) no-repeat 0 100%;
	padding-bottom:20px;
}

#right_nav a{
	display:block;
	color:#480070 !important;
	padding:3px 15px;
	}
	
#right_nav a.selected{
	background:#e26f14;
	color:#fff !important;
	}

#right_nav li ul a{
	padding:3px 0px 3px 30px;
	color:#0550aa !important;
}

#right_nav li ul ul a{
	padding-left:40px;
	color:#666 !important;
}

#right_nav li ul{
	width:auto;
	margin-left:0px;
	background:none;
	padding-top:0px;
	
}

	

/********SIZER************/

.sizer{
	font-weight:bold;
	color:#0550aa !important;
}
.sizer:hover{
	text-decoration:none;
}

#normal_size.sizer{
font-size: 14px !important;
font-weight:700;
}
#medium_size.sizer{
font-size:18px !important;
font-weight:700;
}
#large_size.sizer{
font-size:22px !important;
font-weight:700;
}

#text_size{
	font-size: 12px !important;
	padding:0px;
	margin:0px;
}

#text_size .send_friend{
	margin-left:6px;
	padding-left:15px;
	background:url(../images/wrpr/icn_send.gif) no-repeat 0 0px;
}

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


strong{
	font-weight:bold
}

.title_blue{
	color:#0448a4;
}
.title_purple{
	color:#480070;
}

ul {
list-style-type:disc;
}

#Donation_Levels ul {
list-style-type:disc;
margin:0 20px;
padding:0 20px;
}

#top_header ul {
list-style-type:none;
}


#wrapper {		
	width: 800px;	
	min-height:630px;
	background: url(../images/wrpr/bg.gif) repeat-y 0 0;
	position:relative;
	margin: 0 auto;
	text-align: left;
}


 
.title {
font-weight:normal;
}

.ObjTitle {
font-weight:normal;
}

p .ObjTitle {
font-weight:normal;
}

p.ObjTitle {
font-weight:normal;
}

.appArea ul {
list-style-type:disc;
margin:0 20px !important;
padding:0 20px !important;
}

#left_content ul {
list-style-type:disc;
margin:0 20px;
padding:0 20px;
}

/* added for Sf 188001 */

th.lc_Heading,
th.lc_Heading span {
	color: white;
}

/* remove calendar from events pages - specifically Brain Games */
.minicalcell, .minicaltitle, .NoteText, .Wrapperback  {display:none};
