/* CSS Document */
/* Default
------------------------------------------- */

body { 
	background-image:url(../images/layout/bg.jpg);
	background-repeat:repeat-x;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	line-height:16px;
	color:#6F6F6F;
	margin:0px 0px 0px 0px;
	padding:0px;
}
p {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 15px 0px;   
}

h1 {
	margin:0px 0px 0px 0px;
	padding:5px 0px 15px 0px;
	font-family:"Trebuchet MS";
	font-size:25px;
	line-height:30px;
	color:#3B3B3B;
	font-weight:normal;
}

h2 {
	margin:0px 0px 0px 0px;
	padding:5px 0px 15px 0px;
	font-family:"Trebuchet MS";
	font-size:24px;
	line-height:30px;
	color:#3B3B3B;
	font-weight:normal;
}
h2 span {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	font-family:"Trebuchet MS";
	font-size:30px;
	line-height:30px;
	color:#0079C2;
	font-weight:normal;
}
h3 {
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#44451A;
	font-weight:normal;
	line-height:30px;
}
h4{
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS";
	font-size:18px;
	line-height:22px;
	color:#44451A;
	font-weight:normal;
}
h4 span {
	color:#C00A28;
}

h5 {
	margin:0px;
	padding:0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:16px;
	color:#A23F15;
	font-weight:bold;
}

ul,li {
	margin:0px;
	padding:0px;
	list-style:none;
}
a{
	font-weight:normal;
	color:#3B3B3B;
	text-decoration:underline;
}
a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#3B3B3B;
}
/* Common 
-----------------------------------*/
.hide {
	display:none;
}
.clear {
	clear:both;
}


#headerdiv{
	margin:0px;
	padding:0px;
}

/* Layout
--------------------------------------*/
#container_main {
	margin:0px auto; 
	padding:0px 0px 0px 0px;
	width:850px;		
}

#top_container{
	width:850px;
	padding:0px;
	margin:0px 0px 0px 0px;
}
#header{
	width:850px;
	height:134px;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#midle_container{
	width:825px;
	padding:15px 10px 20px 15px;
	margin:0px 0px 0px 0px;
}
#left_container{
	width:573px;
	padding:0px;
	margin:0px 15px 0px 0px;
	float:left;
}

#right_container{
	width:232px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:right;
}

/* Header
-----------------------------------------------*/
#logo{
	width:303px;
	height:134px;
	padding:0px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/layout/logo20100727.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
#search{
	width:300px;
	height:92px;
	padding:42px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:right;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	color:#2F597A;
}
.textfield{
	width:168px;
	height:23px;
	padding:5px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	color:#2F597A;
	background-image:url(../images/layout/text_field.gif);
	background-repeat:no-repeat;
	background-position:top;
	border:0px;
	line-height:28px;
}
.button{
	width:31px;
	height:28px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	background-image:url(../images/layout/button.gif);
	background-repeat:no-repeat;
	background-position:top;
	border:0px solid #339999;
}

/* Navigation
-----------------------------------------------*/
#navigation{
	width:850px;
	height:44px;
	padding:0px;
	margin:0px;
}
#navigation_left{
	width:30px;
	height:44px;
	padding:0px;
	margin:0px;
	background-image:url(../images/layout/nav_left.gif);
	background-repeat:no-repeat;
	float:left;
}
#navigation_midle{
	width:794px;
	height:44px;
	padding:0px;
	margin:0px;
	background-image:url(../images/layout/nav_midle.gif);
	background-repeat:repeat-x;
	float:left;
}
#navigation_right{
	width:26px;
	height:44px;
	padding:0px;
	margin:0px;
	background-image:url(../images/layout/nav_right.gif);
	background-repeat:no-repeat;
	float:right;
}
#navigation_listing{
	padding:0px;
	margin:0px;
	height:44px;
}
#navigation_listing ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#navigation_listing li{
	padding:0px;
	margin:0px;
	list-style:none;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:#3B3B3B;
	float:left;
	background-image:url(../images/layout/nav_line.gif);
	background-position:right;
	background-repeat:no-repeat;
	line-height:44px;
}
#navigation_listing li a{
	padding:0px 15px 0px 15px;
	margin:0px;
	font-size:11px;
	font-weight:bold;
	color:#3B3B3B;
	text-decoration:none;
	line-height:44px;
	cursor:pointer;
	display:block;
}
#navigation_listing li a:hover{
	padding:0px 15px 0px 15px;
	margin:0px;
	font-size:11px;
	font-weight:bold;
	color:#0079C2;
	text-decoration:none;
}
/* Banner
-----------------------------------------------*/
#banner{
	width:850px;
	height:303px;
	padding:0px;
	margin:0px;
	background-image:url(../images/layout/banner.jpg);
	background-repeat:no-repeat;
}
/* right container
--------------------------------------*/
/*#login{
	width:222px;
	height:208px;
	background-image:url(../images/layout/login_bg.gif);
	background-repeat:no-repeat;
	padding:5px 5px 0px 5px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#3B3B3B;
}*/


/*	width:143px;*/
.textfield_01{
	height:20px;
	padding:5px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#2F597A;
	border:1px solid #E2E2E2;
	line-height:20px;
}
.button_01{
	width:69px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#3B3B3B;
	background-image:url(../images/layout/button01.gif);
	background-repeat:no-repeat;
	border:0px;
	line-height:25px;
	text-align:center;
}
#news_events{
	width:232px;
	height:175px;
	padding:5px 0px 0px 0px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#3B3B3B;
}
#news_events_head{
	width:52px;
	height:37px;
	background-image:url(../images/layout/news_events_head.gif);
	background-repeat:no-repeat;
	background-position:center top;
	padding:20px 5px 0px 175px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#3B3B3B;
}
#news_events_listing{
	padding:5px 5px 5px 5px;
	margin:0px;
}
#news_events_listing ul{
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
#news_events_listing li{
	padding:0px 0px 0px 15px;
	margin:0px 0px 5px 0px;
	list-style:none;
	background-image:url(../images/layout/icon_listing_news.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	color:#3B3B3B;
}
#login{
	width:222px;
	height:208px;
	background-image:url(../images/layout/login_bg.gif);
	background-repeat:no-repeat;
	padding:5px 5px 0px 5px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#3B3B3B;
}

#browse_catelog{
	width:232px;
	height:69px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#3B3B3B;
}


.button_02{
	width:53px;
	height:21px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#3B3B3B;
	background-image:url(../images/layout/button02.gif);
	background-repeat:no-repeat;
	border:0px;
	line-height:25px;
	text-align:center;
}
.text_01{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#409BD1;
}
/* left container
--------------------------------------*/
#display_logos{
	width:573px;
	height:167px;
	padding:0px;
	margin:0px;
}
#display_logos_left{
	width:166px;
	height:167px;
	padding:0px;
	margin:0px;
	background-image:url(../images/layout/display_logo_left.gif);
	background-repeat:no-repeat;
	float:left;
}
#display_logos_right{
	width:397px;
	height:119px;
	padding:5px 5px 5px 5px;
	margin:38px 0px 0px 0px;
	background-image:url(../images/layout/dispaly_logo_right_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float:right;
}
/* footer container
--------------------------------------*/
#footer{
	height:108px;
	padding:0px;
	margin:0px;
	background-image:url(../images/layout/footer_bg.gif);
	background-repeat:repeat-x;

}
#footer_links{
	width:900px;
	height:108px;
	padding:0px;
	margin:0px auto;
}
#footer_links_left{
	/*width:881px;*/
	width:650px;
	height:78px;
	padding:30px 0px 0px 20px;
	margin:0px;
	float:left;
	font-size:9px;
}
#footer_links_left a{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
#footer_links_left a:hover{
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	color:#0079C2;
}
#footer_nav{	
    width:150px;
	height:35px;	
	background-image:url(../images/layout/footer_new_logo.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 45px 0px 0px;
	margin:0px;	
	float:right;
	vertical-align:top;
}



#footer_link_right{
	width:200px;
	height:78px;
	padding:30px 0px 0px 20px;
	margin:0px;
	float:right;
	font-size:9px;
}






/* sliding
--------------------------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 397px; /*Width of Carousel Viewer itself*/
height:119px;
 /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 123px;
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* common styles for haward sites
--------------------------------------*/
.hdrCon {width:100%; margin:1px;}
.hdrLogo {height:65px; width:264px;}
.hdrImgCon1 {max-width:726px; width:expression(document.body.clientWidth > 726? "726px": "auto" );}
.hdrImgCon2 {width:100%; height:65px;}
.hdrImgSpcr {width:40px; height:1px;}
.hdrImg1 {background:url(/images/layout/header1.jpg) 50% 0 no-repeat; height:65px;}
.hdrImg2 {background:url(/images/layout/header2.jpg) 10% 0 no-repeat; height:65px;}
.hdrImg3 {background:url(/images/layout/header3.jpg) 30% 0 no-repeat; height:65px;}
.hdrImg4 {background:url(/images/layout/header4.jpg) no-repeat; height:65px;}
.hdrImg5 {background:url(/images/layout/header5.jpg) 50% 0 no-repeat; height:65px;}
.hdrImg6 {background:url(/images/layout/header6.jpg) 50% 0 no-repeat; height:65px;}
.hdrImg7 {background:url(/images/layout/header7.jpg) 50% 0 no-repeat; height:65px;}
.hdrImg8 {background:url(/images/layout/header8.jpg) 50% 0 no-repeat; height:65px;}
.hdrImg9 {background:url(/images/layout/header9.jpg) 40% 0 no-repeat; height:65px;}
.hdrBG {background:url(/images/layout/header_bg.gif) repeat-x; height:65px;}

.headerIn{height:65px; background:url(/images/layout/header_bg_in.gif) repeat-x;}
.headerLtIn{float:left; background:url(/images/layout/logo_in.gif) no-repeat; width:265px; height:65px; overflow:hidden;}
.headerRtIn{font-size:10px; line-height:18px; color:#333; padding-top:3px;}
.dateBar {float:left; padding-left:15px;}
.shadowBar {height:8px; background:url(/images/layout/shadowwhite.gif) repeat-x; overflow:hidden;}
.Footer {text-align:center; font-size:10px; padding-bottom:8px;}
.cartDiv {float:right; margin:0 8px 0 20px;}
.cartImage {width:19px; height:16px; float:left; margin-right:8px;}
.accountContainer {text-align:center;}
.accountDetails {text-align:left; margin:0px auto;}
.topFormDiv {text-align:center; font-size:10px; padding:3px 0 5px; background-color:#eee; border-bottom:1px solid #000;}
.topFormDiv input {font-size:10px;}

.forms {border-collapse:separate; font-size:10px;}
.forms th {text-align:left; padding:2px;}
.forms td {padding:2px;}
.forms input {padding:2px;}

.bodyContent {margin:0px 0px 0px 0px;}
.bodyContent input, .bodyContent select, .bodyContent textarea {font-size:10px;}
.bodyContent input{ line-height:15px;}
.bodyContent h1.pageTitle,h1.subTitle {color:#C10B11;}

.ErrorBox,.MessageBox {font-size:11px; line-height:20px; margin-top:10px; margin-bottom:15px; padding:6px;}
.ErrorBox {border:1px solid #900; color:#900; background-color:#fbe0e0;}
.ErrorBox h1 {color:#900; border-color:#900;}
.MessageBox {border:1px solid #03008c; color:#03008c; background-color:#e6eafd;}
.MessageBox h1 {color:#03008c; border-color:#03008c;}
.ErrorBox h1,.MessageBox h1 {margin:5px 5px 8px 5px;}
.ErrorBox ul li,.MessageBox ul li {list-style:disc outside; margin-left:22px;}


table {border-collapse:collapse;}
.table_border,.table_noborder,.table_rowborder {font-size:10px; margin:12px 0;}
.table_border th,.table_noborder th,.table_rowborder th {text-align:left;}
.table_border th,.table_border td,.table_noborder th,.table_noborder td {padding:4px; vertical-align:top; line-height:14px; color:#3B3B3B; font-size:12px;}
.table_rowborder th,.table_rowborder td {line-height:16px;}
.table_rowborder td {padding:2px 4px;}
.table_rowborder th {padding:0 4px;}
.table_border th,.table_noborder th,.table_rowborder th,.table_rowborder td {white-space:nowrap;}
.table_border th,.table_rowborder th {background-color:#eee; color:#3B3B3B;}
.table_border th {border:1px solid #999;}
.table_rowborder {border:1px solid #999;}
.table_border tbody td {border:1px solid #999;}
.table_rowborder tbody td {border-top:1px solid #999; vertical-align:top; color:#3B3B3B;}

.lightgrayBG {background-color:#eee;}
.grayBG {background-color:#ddd;}
.lightblueBG {background-color:#E2F1FE;}
.lightorangeBG {background-color:#FDE4B3;}
.formError {background-color:#f5dede;}

/*div.yellowtag,div.yellowtagover,.yellowtagiframe,.yellowtagiframeover {position:absolute; font-size:10px;}
div.yellowtag,div.yellowtagover {z-index:100; background-color:#ffc; border:1px solid #999; padding:2px 4px; white-space:nowrap;}
div.yellowtag {visibility:hidden;}
div.yellowtagover {visibility:visible;}
.yellowtagiframe,.yellowtagiframeover {z-index:99; background-color:#fff;}
.yellowtagiframe {visibility:hidden;}
.yellowtagiframeover {visibility:visible;}*/

.yellowtag,.yellowtagover,.yellowtagiframe,.yellowtagiframeover {position:absolute; font-size:10px;}
.yellowtag {display:block;}
.yellowtagover {background-color:#ffc; z-index:100; display:block; padding:3px;}
.yellowtagiframeover {z-index:99}
.yellowtag,.yellowtagiframe{visibility:hidden; top:-1000px; left:-1000px;}
.hiddenIframe {position:absolute; display:block; top:-1000px; left:-1000px; z-index:99; filter:alpha(opacity=0); overflow:hidden;}

.imageHolder {position:relative; background-color:#fff;}
.imageHolder img {padding:2px; border:1px solid #999;}
.imageHolder p {font-size:9px; color:#666; line-height:15px; text-align:center;}
.bodyContent div.divider {border-top:1px solid #999; margin:12px 0;}
.imageIcon {position:relative; top:4px; margin-right:4px;}
.downloadInfo {font-size:9px;}

.itemBrowserSelect {background-color:#eee; color:#03008c; cursor:pointer;}
.itemBrowserSelect option {color:#333;}

.bgLightGreen {background-color:#fff;}
.bgLightPink {background-color:#FFF0F0;}
.darkBlue {color:#03008c;}
.DEAForm222 {color:black;}
.SubmitButton { margin:0px 0px 10px 0px; background-color:#003366; font-weight:bold; color:#ffffff; cursor:pointer;border:1px solid #333333}
.urgentneeds_01{
	width:265px;
	margin:0px ;
	padding:5px 6px 8px 20px;
	background-image:url(/images/layout/urgentneeds_bg.gif);
	background-repeat:repeat-y;
}
.urgentneeds_02{
	width:343px;
	margin:0px ;
	padding:5px 6px 8px 20px;
	background-image:url(/images/layout/urgent_bg01.gif);
	background-repeat:repeat-y;
}
.make_a_donation{
	width:216px;
	height:32px;
	margin:0px ;
	padding:0px 0px 0px 27px;
	background-repeat:no-repeat;
}
.make_a_donation01{
	width:343px;
	height:32px;
	margin:0px ;
	padding:0px 0px 0px 27px;
	background-repeat:no-repeat;
}

.make_a_donation_content{
	width:223px;
	margin:0px ;
	padding:5px 10px 0px 10px;
	background-image:url(/images/layout/donation_repeat.gif);
	background-repeat:repeat-y;

}
.make_a_donation01_content{
	width:243px;
	margin:0px ;
	padding:5px 10px 0px 10px;
	background-image:url(/images/layout/donation_repeat01.gif);
	background-repeat:repeat-y;
}

img {border:none;}
.container {width:100%;}
.required {color:red;}

input,select,textarea { margin:0px 0px 5px 0px; font-family:Tahoma, Verdana, Arial; font-weight:normal; font-size:11px; border:1px solid #E2E2E2; color:#2F597A;}





.EmploymentLinks a,.EmploymentLinks a:link,.EmploymentLinks a:visited {display:block; border:1px solid #dcdcdc; padding:0 10px; margin:0 2px 1px 0; height:20px; float:left; line-height:20px; color:#484A4B; text-decoration:none; background-color:#fff; white-space:nowrap;}
.EmploymentLinks a:hover {background-color:#eee; color:#CC0000;}
.EmploymentLinks a.ActiveLink,.EmploymentLinks a.ActiveLink:link,.EmploymentLinks a.ActiveLink:link {color:#fff; background-color:#CC0000;}

.navMenu {position:absolute; top:-1000px; left:-1000px; z-index:100; background-color:#364663; border-bottom:1px solid #364663; float:left; padding:3px 0;}
.navMenu a,.navMenu a:link,.navMenu a:visited {display:block; font-size:10px; line-height:20px; height:24px; color:#fff; text-decoration:none; white-space:nowrap; padding:0 15px; border-top:1px solid #364663; border-bottom:1px solid #364663; font-weight:bold;}
.navMenu a:hover,.navMenu a:active {background:#003366; color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff;}

.loginHome input{
	width:143px;
	height:20px;
	padding:5px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#2F597A;
	border:1px solid #E2E2E2;
	line-height:20px;
}
.loginHome .SubmitButton{
	width:69px;
	height:25px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#3B3B3B;
	background-image:url(../images/layout/button01.gif);
	background-repeat:no-repeat;
	border:0px;
	line-height:25px;
	text-align:center;
}

.searchTable input{
	width:168px;
	height:23px;
	padding:5px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	color:#2F597A;
	background-image:url(../images/layout/text_field.gif);
	background-repeat:no-repeat;
	background-position:top;
	border:0px;
	line-height:28px;
}
.searchTable .SubmitButton{
	width:31px;
	height:28px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	background-image:url(../images/layout/button.gif);
	background-repeat:no-repeat;
	background-position:top;
	border:0px solid #339999;
}
.newProduct {
	font-family:Tahoma, Verdana, Arial;
	font-size:15px;
	font-weight:bold;
	color:#409BD1;
}

.newProduct a {
	text-decoration:none;
	font-family:Tahoma, Verdana, Arial;
	font-size:15px;
	font-weight:bold;
	color:#409BD1;
}

h6{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS";
	font-size:14px;
	line-height:22px;
	color:#FF0000;
	font-weight:bold;
}

h6 a {
	text-decoration:none;
	color:#FF0000;
	font-weight:bold;
}

h6 a:hover{
	text-decoration:none;
	color:#FF0000;
	font-weight:bold;
}

/* menu */
.questionnaireLink a,.questionnaireLink a:link,.questionnaireLink a:visited,.questionnaireLink span{display:block; border:1px solid #dcdcdc; padding:0 10px; margin:0 2px 1px 0; height:20px; float:left; line-height:20px; color:#191b1c; text-decoration:none; background-color:#eee; white-space:nowrap;}
.questionnaireLink a:hover {background-color:#f9f3e4; color:#381a01;}
.questionnaireLink a.questionnaireActiveLink,.questionnaireLink a.questionnaireActiveLink:link,.questionnaireLink a.questionnaireActiveLink:link {color:#fff; background-color:#335778;}
.questionnaireLink a.CompletedLink,.questionnaireLink a.CompletedLink:link {color:#fff; background-color:#FFCC66;}