/* http://meyerweb.com/eric/tools/css/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;
}
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;
}
.cufon-loading body { visibility: hidden }
.clear{clear: both}
p{font-size: 14px;margin-bottom: 15px;line-height: 1.5}
body{font-family: Helvetica}
body.confirm{background: url(img/about-bg.jpg) top center no-repeat #6d6e72;padding-top: 200px;padding-bottom: 40px;}


#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

#header2 {
	width: 100%;
		position: absolute;

	top: 0;
	left: 0;
	z-index: 10;
}

#menu-wrap{width: 100%;background: #1f1f1f;height: 88px;}
#menu-wrap2{width: 100%;background: #1f1f1f;height: 45px;}

#topbar{background: url(img/page_bg.jpg) repeat;height: 36px;}
h1#logo{position: absolute;width: 157px;height: 157px;left: 401px;top: -30px;}
h1#logo a{display: block;width: 157px;height: 157px;background: url(img/logo.png) no-repeat; text-indent: -5000px;}



h1#logo4{width: 157px;height: 157px;float:left;margin-left: 10px;margin-right: 40px}
h1#logo4 a{display: block;width: 157px;height: 157px;background: url(img/logo.png) no-repeat; text-indent: -5000px;}

h1#logo2{width: 157px;height: 157px;float:left;padding-top: 20px;margin-left: 250px}
h1#logo2 a{display: block;width: 110px;height: 110px;background: url(img/lebronlogo.png) no-repeat; text-indent: -5000px;}

h1#logo3{width: 140px;height: 77px;float:left;padding-top: 30px}
h1#logo3 a{display: block;width: 200px;height: 110px;background: url(img/bridelogo.png) no-repeat; text-indent: -5000px;}

#logo-set { margin: 0px auto;width:960px; }


ul#nav{width: 960px;margin: 0 auto;line-height: 88px;position: relative}
ul#nav li {float: left;line-height: 88px;margin-left: 15px;margin-right: 15px;}

input#donation{background: none;border: none;color: white;font-size: 34px;}

input#donation:hover{color:#d3242a }
ul#nav li.fright{float: right}
ul#nav li a{font-size: 34px;text-transform: uppercase;color: white}
ul#nav li a.nav-button{color:white}

ul#nav li a.nav-button.current{color: #d3242a}

ul#nav li a:hover{color: #d3242a}
#home-section{background: url(img/home-bg.jpg) #aaa9a6 no-repeat top center;padding-top: 200px;/*padding-bottom: 40px;*/    padding-bottom: 200px;}
#donate-section{background: url(img/home-bg.jpg) #aaa9a6 no-repeat top center;padding-top: 200px;/*padding-bottom: 40px;*/    padding-bottom: 200px;}
#donate-section2{background: #AAA9A7 url(img/home-bg.jpg) no-repeat top center;height:1100px;padding-top: 180px;}


#about-section{background: url(img/about-bg.jpg) top center no-repeat #6d6e72;padding-top: 200px;/*padding-bottom: 40px;*/    padding-bottom: 200px;}
#media-section{background: url(img/media-bg.jpg) top center no-repeat #171717;padding-top: 200px;/*padding-bottom: 40px;*/    padding-bottom: 200px;}
#contact-section{background: #c4c2bc;padding-top: 200px;padding-bottom: 40px;overflow: hidden;}
#media-section p{color: #ececec}
#involved-section{background: url(img/home-bg.jpg) #aaa9a6 no-repeat top center;padding-top: 200px;/*padding-bottom: 40px;*/    padding-bottom: 200px;}


.wrapper{width: 960px;margin: 0 auto}

h2#intro{font-size:50px;color: white;width: 860px;margin:25px auto 25px auto;text-align: center}

#mid-banner {padding-top: 100px;padding-bottom: 30px;float:left;}

#leftcol{width: 440px;float: left}
#leftcol h3,h3{font-size: 100px;color: #d3242a;text-transform: uppercase}

#leftcol2{width: 440px;float: left;padding-top: 120px;}

#leftcol2 p{color: white;font-size: 16px;text-align:justify ;}
#leftcol2 li{color: white;font-size: 16px;text-align:justify ;}

#leftcol2 h3,h3{font-size: 100px;color: #d3242a;text-transform: uppercase}

#col-wrap {padding: 30px;}

#rightcol{width: 480px;float: right;padding-left: 40px;padding-top: 40px;}
#rightcol.nopadding{width: 480px;float: right;padding-left: 40px;padding-top: 0px!important;}

#rightcol p{color: white;font-size: 16px}
#rightcol p a{color: #D3242A}
#rightcol p strong{color: #000}

#message p{color: white;font-size: 16px;text-align:justify ;}

#msg {width:450px;float:right;padding-top: 100px;}

#msg2 {float:right;}

p#quote{font-size: 42px;color: white;line-height: 1!important;}

p#quote1{font-size: 25px;color: white;line-height: 1.4!important;}


.slide {position: relative;margin: 0;width: 100%;height: 500px;height: 50rem;padding: 100px 0 200px;padding: 10rem 0 20rem;}

#gallery{width: 410px;float: right;padding-top: 40px;}
.list_carousel {
				width: 410px;
				height: 400px;
				position: relative
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				width:410px;
				height: 400px;
				padding: 0;
				display: block;
				float: left;
			
			}
			
			
			.list_carousel li a{width: 120px;font-size: 13px;height: 160px;float: left;margin-bottom: 10px;margin-right: 10px;color: white}
			
.list_carousel li img{float: left;border: 4px solid white;margin-left: 10px;margin-bottom: 10px;-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);	-moz-transition: all 0.2s linear 0s;
	width:118px;
	height: 90px;margin-top: 10px;
}

.list_carousel li img:hover{border: 4px solid #d12229;opacity: .8}

			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				position: absolute;left: -20px;top:20px;
			}
			.next {
			position: absolute;right: -20px;top: 20px;
			}
			.pager {
				float: left;
				width: 376px;
				text-align: center;padding-top: 10px;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
				width: 18px;height: 18px;display: inline-block;text-indent: -5000px;background: url(img/dot-active.png);
				
				
			}
			.pager a.selected {
				width: 18px;height: 18px;display: inline-block;text-indent: -5000px;background: url(img/dot.png)
			}

li#next{display: block;width: 25px !important;height: 64px !important;background: url(img/next.png) no-repeat !important;margin-left: 16px;}
li#next:hover{background: url(img/next-red.png) no-repeat !important}		
li#prev{display: block;width: 25px !important;height: 64px !important;background: url(img/prev.png) no-repeat !important;}
li#prev:hover{background: url(img/prev-red.png) no-repeat !important}
			
a#learnmore{width: 250px; height: 64px;background: url(img/more-btn-bg.png) no-repeat;display: block;margin: 0 auto;color: white;text-decoration: none;font-size: 30px;line-height: 64px;text-align: center;text-transform: uppercase;}

a#viewmedia{width: 250px; height: 64px;background: url(img/more-btn-bg.png) no-repeat;display: block;color: white;text-decoration: none;font-size: 30px;line-height: 64px;text-align: center;text-transform: uppercase;margin-top: 40px;}

a#donation{width: 250px; height: 64px;background: url(img/more-btn-bg2.png) no-repeat;display: block;color: #1f2123;text-decoration: none;font-size: 30px;line-height: 64px;text-align: center;text-transform: uppercase;float: right;margin-top: 40px;}


input#dnationbutton{width: 250px; height: 64px;background: url(img/more-btn-bg2.png) no-repeat;display: block;color: #1f2123;text-decoration: none;font-size: 20px;line-height: 64px;text-align: center;text-transform: uppercase;float: right;margin-top: 40px;border: none}

#video{width: 460px;float: left}


#contact_caok *{font:14px 'nimbus sans l',sans-serif;margin:0;padding:0}
#contact_caok ul{list-style:none}
#contact_caok ul li{float:left;clear:both;margin-top:20px}
#contact_caok label{color:gray;display:block;margin-bottom:6px}
#contact_caok input[type=text],#contact_caok select,#contact_caok textarea{width:280px;padding:6px 7px;border:1px solid #e4e5e7;border-top-color:#adadad;background:#fff;color:#333}
#contact_caok textarea{width:380px;min-height:180px}
#contact_caok ul ul li{float:left;clear:both;margin-top:5px}
#contact_caok ul ul input{float:left;width:auto;margin:0 10px 0 0}
#contact_caok ul ul label{float:left;width:auto;margin:0}
#contact_caok input[type=submit]{float:left;font-weight:700;color:#fff;width:auto;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#999;background-image:linear-gradient(top,#999,#808080);margin:0 0 50px;padding:10px 20px;border:0}
#contact_caok input[type=submit]:hover{cursor:pointer;background:#999}
#contact_caok input[type=submit]:active{cursor:pointer;background:#999;-webkit-box-shadow:inset 0 0 2px 3px rgba(0, 0, 0, .1);-moz-box-shadow:inset 0 0 2px 3px rgba(0,0,0,.1);box-shadow:inset 0 0 2px 3px rgba(0, 0, 0, .1)}
#contact_caok .error input,#contact_caok .error textarea{border-color:#f44}
#contact_caok .error-message{color:#f44}

ul#social li{float: left}
ul#social li a{width: 81px;height: 81px;display: block;text-indent: -5000px}
ul#social li.facebook a{background: url(img/social_sprites.png) -81px 0 no-repeat}
ul#social li.twitter a{background: url(img/social_sprites.png) 0px 0 no-repeat}
ul#social li.vimeo a{background: url(img/social_sprites.png) -162px 0 no-repeat}

#slider{width: 940px;height: 380px;}

#slider2{width: 455px;height: 304px;}
#slider-wrap2{width: 455px;height: 304px;position: relative;padding: 10px;background: white}

#slider-wrap{width: 940px;height: 380px;position: relative;padding: 10px;background: white}
ul#navi{position: absolute;z-index: 9;right: 40px;bottom: 20px;}


ul#navi li{background:#D3242A;width:80px;height: 40px;float: left;margin-bottom: 15px;cursor: pointer;}
.caption{position: absolute;bottom: 4px;z-index: 20000;width: 920px;height: 100px;background: url(img/black.png) repeat;padding-left: 20px;padding-top: 20px;}

.caption h2{color: white;font-size: 40px;text-transform: uppercase;}
.caption p{color: white}

#donationform{padding: 40px;margin-top: 80px;}

#donationform2{background: white;padding: 40px;margin-top: -20px;}

#confirmation{width: 400px;margin: 0 auto;background: white;padding: 40px;text-align: center}



label, legend { font: 1.0em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 14px;}

h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }


#contact { display: block; width: 385px; margin: 15px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.0em; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:0.8em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }



.event-img{width: 140px;height:120px;overflow: hidden;float: left}