/* reset.css */

/* meyer web reset */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}










/*font sizing
base font = 16px


desired / base font = size in ems
34px 34 / 16 = 2.125em
30px 30 / 16 = 1.875em
18px 18 / 16 = 1.125em
14px 14 / 16 = 0.875em
12px 12 / 16 = 0.75em
11px 11 / 16 = 0.6875em
10px 10 / 16 = 0.625em
32px 32 / 16 = 2.0em
20px 20 / 16 = 1.25em

*/

/* typography.css */
h1 { position: absolute; left:53px; top: 24px;}
h2{ font: 2.125em Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 15px;}
h2.v2{ font: 1.25em Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 15px;}

h3 { font: bold 0.75em Verdana, Geneva, sans-serif; color: #231f20; margin-bottom: 15px;}
h3.v2{ font: 2.0em Georgia, "Times New Roman", Times, serif; color: #000; margin-bottom: 15px;}
h4 { font: 1.25em Georgia, "Times New Roman", Times, serif; color: #231f20;}
h5 { display:block; background: #000; color: #fff; font: bold 0.625em Verdana, Geneva, sans-serif; padding: 2px 0 2px 10px; margin-bottom: 15px;}
.color_star { color: #b6272a;}


p { font: 0.75em Verdana, Geneva, sans-serif; margin-bottom: 15px; display: block;}


#learn_organization_list li,
#primary-content ul li { font: 0.75em Verdana, Geneva, sans-serif; margin-bottom: 5px;}
#learn_organization_list { margin-bottom: 10px;} 
a { color: #b6272a; text-decoration: none;}
a:hover { text-decoration: underline;}
a:active {}


#nav_primary a{ font: 0.75px Verdana, Geneva, sans-serif; color: #58595b; text-decoration:none; }
#callouts span { color: #fff; font: 1.875em Georgia, "Times New Roman", Times, serif; display:block; padding: 21px 15px 0 30px;}
#callouts a { color: #b6272a; font: bold 12px Verdana, Geneva, sans-serif; text-decoration: none; display: block; padding: 10px 0 0 36px;} 
#callouts a:hover {color:#fff;}
#nav_primary li a { color: #fff; font: 1.125em Georgia, "Times New Roman", Times, serif;}
.give #nav_secondary a{ color: #000; font: 1.125em Georgia, "Times New Roman", Times, serif; text-decoration: none;}
.contact #nav_secondary a{ color: #000; font: 1.125em Georgia, "Times New Roman", Times, serif; text-decoration: none;}




/* forms */

legend {
display:block;

font: 1.125em Georgia, "Times New Roman", Times, serif;

}
label.error{ color: #f00;}
label{margin: 5px 0px 5px 0px;}
#fieldset_notify-person label {
margin: 5px;
}

fieldset{display: block; border:0px solid #333;margin:0px 0px 10px 0px;}
input, select {margin: 5px 0px 5px 0px;}



#label_01,
#label_02,
#fieldset_organizations label,
#fieldset_gift-amount label,
#fieldset_gift-type label,
#fieldset_notify-person *,
#fieldset_billing *{
float: none;
display:block;
}

#fieldset_billing {


}

#fieldset_billing legend {






}

#fieldset_gift-amount-other input,
#fieldset_notify-person input,
#fieldset_in-honor-of input,
#fieldset_in-memory-of input,
#fieldset_notify-person select,
#fieldset_billing input,
#fieldset_billing select

 {
border: 1px solid #000;
}



#label_14_6 {float: left; display: inline; }


#fieldset_gift-amount-other,
#fieldset_in-memory-of,
#fieldset_in-honor-of,
#fieldset_organizations {

margin: 0 0 10px 18px;



}
#fieldset_gift-amount-other input,
#fieldset_in-memory-of input,
#fieldset_in-honor-of input {
margin: 0 0 0 2px;
padding: 0;


}

#fieldset_in-memory-of label,
#fieldset_in-honor-of label {
display: inline;
}

#fieldset_notify-person label{
margin: 0px 0px 5px 0px;


}

.give h4 { float: left;}
.give #organization_list label { font: 0.625em Verdana, Geneva, sans-serif;}
.give label { font: 0.75em Verdana, Geneva, sans-serif;}
#organization_list { margin: 5px 0 0 15px;}
#gift_amount { margin-bottom: 10px;}
#label_other_amount, #label_select_organization { margin-bottom: 10px;}
#input_other_amount { margin: 5px 0 0 20px; border: 1px solid #231f20;}
#fieldset_submit { margin: 10px 0 0 200px;}





#btn_submit {
	background-image: url(../imgs/SubmitButton.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 138px;
	height: 0px;
	margin: 40px 0 30px 0;
	padding: 31px 0 0 0;
	overflow: hidden;
	display: block;
}
#btn_submit:hover { background-position: 0 -31px;}








/* grid.css */
body { background: url(../imgs/bg_index.jpg); background-repeat:no-repeat; background-attachment: fixed; }

#container {width:991px; margin:0px 0px 0px 0px; outline: 0px dashed #f00;position:relative;}

#header { position:relative; outline:0px dashed #00f;}






#content-wrapper { width: 991px; overflow: auto; outline:0px dashed #ff0; margin-bottom: 0px;}




#primary-content { 
	width: 466px;
	height:auto;
	float: left;
	margin: 101px 0px 20px 420px; 
	outline:0px dashed #0ff; 
	background: #fff; 
	padding: 52px 52px 20px 52px;
	}
	
#primary-content img{
	margin-bottom:40px;
	
	
	}	
	
#secondary-content {
	display: block;
	width: 200px;
	background: url(../imgs/secondary_nav.gif);
	float:left;
	margin: 101px 0px 20px -770px;
}




#slide_show { 
	display: block; 
	width: 770px; 
	height: 329px; 
	overflow: hidden;
	background-image: url(../imgs/home-default.gif);
	background-color: #000;

	}

.thumb {
	border: 0px solid #f00;
	display:block;
	padding-top: 200px;
	position: absolute;
	top: 320px;
	z-index: 20;
	}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0px ; 
	padding: 20px 0px 20px 0px;
/*	width: 770px;*/
	outline: 0px dashed #f00;
	margin: 0 0 0 60px;
	
}
ul.thumb li {
	margin: 0; 
	padding: 0px;
	float: left;
	position: relative;
	width: 72px;
	height: 72px;
	border: 0;
	margin: 0px 20px 0px 0px;
}
ul.thumb li img {
	width: 72px;
	height: 72px;
	position: absolute;
	left: 0; 
	top: 0; 
}
ul.thumb li img.hover {
	border: 0;
}



#callouts { display: block; margin: 10px 0 0 220px; outline:0px dashed #f00;}
#left_callout { display: block; height: 131px; width: 216px; background: #000; border: 3px solid #fff; float: left; margin: 0 10px 0 0px;}
#right_callout { display: block; height: 131px; width: 520px; background: #000; border: 3px solid #fff; float: right;}

#nav_primary {left: 458px; top: 0px; position: absolute; }
#nav_primary li { float: left; margin-right:3px;}
#nav_primary li a { 
	display:block; 
	width: 125px; 
	height: 25px;
	background: #000 url(../imgs/arrow.gif) no-repeat;
	background-position: 12px 14px;
	padding: 5px 0px 0 26px;
}

#nav_primary li a:hover { 
	display:block;
	color: #b6272a;
	width: 125px; 
	height: 25px;
	background: #fff url(../imgs/arrow.gif) no-repeat;
	background-position: 12px 14px;
	padding: 5px 0px 0 26px;
}


#btn_donate_now {
	background-image: url(../imgs/donate_now_btn.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 138px;
	height: 0px;
	margin: 40px 0 30px 0;
	padding: 31px 0 0 0;
	overflow: hidden;
	display: block;
}
#btn_donate_now:hover { background-position: 0 -31px;}








/* secondary nav */

#nav_secondary { margin-top: 0px;}
#nav_secondary li { margin-bottom: 5px;}
#nav_boys_girls_clubs {
	background-image: url(../imgs/boys_girls_clubs_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;;
}
#nav_boys_girls_clubs:hover { background-position: 0 -73px;}

#nav_boy_scouts {
	background-image: url(../imgs/boy_scouts_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;
}
#nav_boy_scouts:hover { background-position: 0 -73px;}

#nav_salvation_army {
	background-image: url(../imgs/salvation_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;
}
#nav_salvation_army:hover { background-position: 0 -73px;}

#nav_settlement {
	background-image: url(../imgs/settlement_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;
}
#nav_settlement:hover { background-position: 0 -73px;}

#nav_travelers_aid {
	background-image: url(../imgs/travelers_aid_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;
}
#nav_travelers_aid:hover { background-position: 0 -73px;}

#nav_ucp {
	background-image: url(../imgs/ucp_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;
}
#nav_ucp:hover { background-position: 0 -73px;}

#nav_ymca {
	background-image: url(../imgs/ymca_logo.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	width: 150px;
	height: 0px;
	margin: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	display: block;
}
#nav_ymca:hover { background-position: 0 -73px;}



/* PAGE SPECIFICS */

/* home */

.home #primary-content { width: 770px; float: left; margin: 101px 0px 20px 221px; outline:0px dashed #0ff; padding: 0; border-bottom:0px solid #000; display:inline;}





/* learn */

body.learn  { background: url(../imgs/bg_learn.jpg);}
.learn #nav_primary #nav_learn a {
	display:block; 
	width: 125px; 
	height: 28px;
	color: #b6272a;
	background: #fff url(../imgs/arrow_up.gif) no-repeat;
	background-position: 12px 82px;
	padding: 74px 0px 0 26px;
}


/* boys_girls */
body.boys_girls { background: url(../imgs/bg_boys_girls_club.jpg);}
.boys_girls #nav_boys_girls_clubs { border-right: 50px solid #fff; background-position: 0 -73px;}

/* boy_scouts */

body.boy_scouts { background: url(../imgs/bg_boy_scouts.jpg);}
.boy_scouts #nav_boy_scouts { border-right: 50px solid #fff; background-position: 0 -73px;}

/* salvation */
body.salvation { background: url(../imgs/bg_salvation.jpg);}
.salvation #nav_salvation_army { border-right: 50px solid #fff; background-position: 0 -73px;}

/* settlement */
body.settlement { background: url(../imgs/bg_settlement.jpg);}
.settlement #nav_settlement { border-right: 50px solid #fff; background-position: 0 -73px;}

/* travelers */
body.travelers { background: url(../imgs/bg_travelers.jpg);}
.travelers #nav_travelers_aid { border-right: 50px solid #fff; background-position: 0 -73px;}

/* ucp */
body.ucp {background: url(../imgs/bg_ucp.jpg);}
.ucp #nav_ucp { border-right: 50px solid #fff; background-position: 0 -73px;}


/* ymca */
body.ymca {background: url(../imgs/ymca_bikes.jpg);}
.ymca #nav_ymca { border-right: 50px solid #fff; background-position: 0 -73px;}



/* give */

body.give  { 
	background: url(../imgs/bg_give.jpg);
	}

body.make_a_donation { 
	background: url(../imgs/bg_settlement.jpg);
	background: url(../imgs/make-a-donation_girl.jpg);
/*	background-position: -200px 0px;*/
	}
body.thank { 
	background: url(../imgs/bg_settlement.jpg);
	background: url(../imgs/make-a-donation_girl.jpg);
/*		background-position: -200px 0px;*/
	}

body.corporate_partner { 
	background: url(../imgs/become-a-corp-partner_steps.jpg);
	}

body.get_involved { 
	background: url(../imgs/get-involved_kidssteps.jpg);
	}
body.contact_us { 
	background: url(../imgs/bg_contact.jpg);
	}
body.press { 
	background: url(../imgs/bg_press.jpg);
	}
	
	
.contact #primary-content { height: 450px;}

.contact #nav_primary #nav_contact a {
	display:block; 
	width: 125px; 
	height: 28px;
	color: #b6272a;
	background: #fff url(../imgs/arrow_up.gif) no-repeat;
	background-position: 12px 82px;
	padding: 74px 0px 0 26px;
}

#social-networking {
margin: 10px 0 0 0;

}

#social-networking li{
float: left;
margin: 0 20px 10px 0px;
}

#social-networking li#nav_twitter a img{
padding: 4px 0 0 0;
outline:0px dashed #f00;

}


.give #nav_primary #nav_give a {
	display:block; 
	width: 125px; 
	height: 28px;
	color: #b6272a;
	background: #fff url(../imgs/arrow_up.gif) no-repeat;
	background-position: 12px 82px;
	padding: 74px 0px 0 26px;
}
.give #nav_secondary a { display: block; width: 110px;padding: 5px 20px;}
.contact #nav_secondary a { display: block; width: 110px;padding: 5px 20px;}
.contact #nav_secondary { height: 186px;}
/* white.gif used because #fff does not work in IE 7 */
.give ul#nav_secondary li a:hover { display: block; background: url(../imgs/white.gif); color: #b6272a;}
.contact ul#nav_secondary li a:hover { display: block; background: url(../imgs/white.gif); color: #b6272a;}

.make_a_donation a#nav_make_a_donation { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}

/* thank you */
.thank #primary-content { height: 450px;}
.thank a#nav_make_a_donation { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}

/* give_at_work */
.give_at_work a#nav_give_at_work { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}
.give_at_work #primary-content { height: 450px;}

 
/* corporate_partner */
.corporate_partner a#nav_corporate_partner { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}
.corporate_partner #primary-content { height: 450px;}
/* get_involved */
.get_involved a#nav_get_involved { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}
.get_involved #primary-content { height: 450px;}

/* contact */
.contact_us a#nav_contact_us { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}

/* press */
.press a#nav_press { border-right: 50px solid #fff; background-color: #fff; color: #b6272a;}


.press #primary-content ul { margin-bottom: 40px;}