/*   
Theme Name: 4YG 2011
Theme URI: httP://www.fouryearsgo.org
Description: FOUR YEARS. GO. theme launched summer 2011
Author: Justin Mizirawi
Author URI: http://justinmizirawi.com
Version: 1
*/

/* ---------------- GLOBAL RESET ---------------- */
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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-decoration: none;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear {clear: both;}
.alignright { float: right; margin: 0 0 0 25px; }
.alignleft { float: left; margin: 0 25px 0 0; }
/* End Reset */

@font-face { font-family: 'LeagueGothic'; src: url('fonts/League_Gothic-webfont.eot'); src: url('fonts/League_Gothic-webfont.eot#iefix') format('embedded-opentype'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'JustVector'; src: url('fonts/justvectorv2-webfont.eot'); src: url('fonts/justvectorv2-webfont.eot#iefix') format('eot'), url('fonts/justvectorv2-webfont.woff') format('woff'), url('fonts/justvectorv2-webfont.ttf') format('truetype'), url('fonts/justvectorv2-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }

body {width: 100%; margin: auto; position: relative; }

#content-wrap { width: 1000px; margin: 20px auto; }

#content-wrap.content-left #content { width: 600px; padding: 0px 14px 50px 0px; min-height: 500px; float: left; border-right: 1px solid #E5E5E5; }
#content-wrap.content-left #sidebar { width: 345px; float: right; }
#content-wrap.content-left #sidebar .box { width: 310px; padding: 0px 5px; background: #FFFFFF; border: 1px solid #E5E5E5; margin: 0px 0px 20px 24px; position: relative;
	-moz-box-shadow: 	0px 3px 0px #E5E5E5;
	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 		0px 3px 0px #E5E5E5; }
#content-wrap.content-left #sidebar .box2 { width: 310px; padding: 20px 5px 25px 24px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin: 0 0 20px 0; }
#content-wrap.content-left #sidebar .box3 { width: 310px; padding: 0px 5px 25px 24px; border-bottom: 1px solid #E5E5E5; margin: 0 0 40px 0; }

#content-wrap.content-right #content { width: 600px; padding: 0px 0px 50px 14px; float: right; border-left: 1px solid #E5E5E5; }
#content-wrap.content-right #sidebar { width: 345px; float: left; }
#content-wrap.content-right #sidebar .box { width: 310px; padding: 0px 5px; background: #FFFFFF; border: 1px solid #E5E5E5; margin: 0px 24px 20px 0px; position: relative;
	-moz-box-shadow: 	0px 3px 0px #E5E5E5;
 	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 		0px 3px 0px #E5E5E5;}
#content-wrap.content-right #sidebar .box2 { width: 310px; padding: 20px 30px 25px 5px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin: 0 0 20px 0; }
#content-wrap.content-right #sidebar .box3 { width: 310px; padding: 0px 24px 25px 5px; border-bottom: 1px solid #E5E5E5; margin: 0 0 40px 0; }

#sidebar .box p { padding: 20px; margin: 0; }
.content-box { width: 560px; padding: 20px; background: #FFFFFF; border: 1px solid #E5E5E5;  
	-moz-box-shadow: 	0px 3px 0px #E5E5E5;
	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 		0px 3px 0px #E5E5E5;}

.share-box { width: 100%; height: 30px; line-height: 30px; padding: 0; margin: 0 0 10px 0; background: #FFFFFF; border: 1px solid #E5E5E5; position: relative; 
	-moz-box-shadow: 	0px 3px 0px #E5E5E5;
	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 		0px 3px 0px #E5E5E5;}

.fb-share-button {position: absolute; top: 5px; right: 115px;}
.twitter-share-button {position: absolute; top: 5px; right: 2px;}
.twitter-feed h2 { width: 270px; background: #00CADF; color: #FFFFFF; text-align: center; margin: -20px auto 0 auto; border: 1px solid #009DB0; 
	-moz-box-shadow: 	0px 3px 0px #009DB0; 
	-webkit-box-shadow: 0px 3px 0px #009DB0; 
	box-shadow: 		0px 3px 0px #009DB0;}
.twitter-feed ul li { font-family: Georgia, Times, serif; font-style: italic; color: #999999; margin: 15px; }

.home #content-wrap.content-left #content, .home #content-wrap.content-left #sidebar { padding-top: 30px; }


body{
	font-family: 'Droid Serif', Georgia,sans-serif;
	font-size:14px;
}

h1 {font: 34px'BebasRegular', Arial, sans-serif; color: #595959;  word-spacing: 0.2em;}
h2 {font: 28px'BebasRegular', Arial, sans-serif; color: #595959;  word-spacing: 0.2em;}
h3 {font: 22px 'BebasRegular', Arial, sans-serif; color: #404d78; word-spacing: 0.3em;}
h4 {font: Arial, sans-serif; color: #404d78; font-size: 18px;}
h5 {font: bold 13px Lato, Arial, sans-serif; color: #383838;}

h1,h2{margin: 20px 0 10px 0; padding: 0px;}
h3{margin: 20px 0 10px 0; padding: 0px;}
h4{margin: 10px 0 5px 0; padding: 0px;}
h5{margin: 10px 0 5px 0; padding: 0px;}

a{color:#0b81d3; text-decoration:none;}

input,select,textarea{font-family: 'Droid Serif',Georgia,serif;	font-size:14px;}

.social-icons { font-family: JustVector; font-size: 21px; font-weight: normal; display: block; width: 30px; height: 30px; text-align: center; line-height: 32px;  color: #FFFFFF; background: #CCCCCC; float: left; margin: 0 10px 0 0; 
	-moz-border-radius: 	30px;
	-webkit-border-radius: 	30px;
	border-radius: 			30px;
	-moz-transition: 	all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;	}
a:hover .social-icons.twitter 	{ background: #00CADF; margin-left: 15px; }
a:hover .social-icons.facebook 	{ background: #0051A0; margin-left: 15px; }
a:hover .social-icons.youtube 	{ background: #EC2021; margin-left: 15px; }
a:hover .social-icons.vimeo 	{ background: #00ACF0; margin-left: 15px; }
a:hover .social-icons.linkedin 	{ background: #0097C2; margin-left: 15px; }
a:hover .social-icons.rss 		{ background: #FF6E01; margin-left: 15px; }

.social-links li a { display: block; height: 30px; line-height: 30px; margin-bottom: 5px; }

.subnav a { font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; font-weight: normal; color: #009EC3; border: none;
	-moz-transition-property: background-color, margin-left;
	-moz-transition-duration: .5s, .3s;
	-moz-transition-timing-function: linear, ease-out;
	-webkit-transition-property: background-color, margin-left;
	-webkit-transition-duration: .5s, .3s;
	-webkit-transition-timing-function: linear, ease-out;
	transition-property: background-color, margin-left;
	transition-duration: .5s, .3s;
	transition-timing-function: linear, ease-out; }
.subnav a:hover { margin-left: 15px;}
.subnav li { padding: 0 0 0 20px; position: relative;}
.subnav li:before {content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 40%; background: #FFFFFF; border: 1px solid #E5E5E5; 
	-moz-box-shadow: 	2px 2px 0px #E5E5E5;-moz-box-shadow: 	1px 1px 0px #E5E5E5;
	-webkit-box-shadow: 2px 2px 0px #E5E5E5;-webkit-box-shadow: 1px 1px 0px #E5E5E5;
	box-shadow: 		2px 2px 0px #E5E5E5;box-shadow: 		1px 1px 0px #E5E5E5; }

.blog-categories li a { width: 300px; height: 50px; display: block; line-height: 55px; margin: 0 0 8px 0; padding: 0 10px; font-weight: normal; background: #FFFFFF; border: 1px solid #E5E5E5; 
	font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; color: #626366; 
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px; 
	border-radius:			10px; 
	-moz-box-shadow: 	0px 3px 0px #E5E5E5;
	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 		0px 3px 0px #E5E5E5; 
	-moz-transition: 	all 0.2s ease-out;
	-o-transition: 		all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: 	all 0.2s ease-out;
	transition: 		all 0.2s ease-out;	}
	
.blog-categories li a:hover { background: #626366\9; color: #FFFFFF\9; /*ie hack to give category hover effect*/}

.blog-categories li:nth-child(1) a:hover, .blog-categories li:nth-child(7) a:hover,
.blog-categories li.current-cat:nth-child(1) a, .blog-categories li.current-cat:nth-child(7) a { background: #47B2A6; border: 1px solid #327F77; color: #FFFFFF; position: relative;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px; 
	border-radius:			10px;  
	-moz-box-shadow: 	0px 3px 0px #327F77;
	-webkit-box-shadow: 0px 3px 0px #327F77; 
	box-shadow: 		0px 3px 0px #327F77;	}
.blog-categories li:nth-child(2) a:hover, .blog-categories li:nth-child(8) a:hover,
.blog-categories li.current-cat:nth-child(2) a, .blog-categories li.current-cat:nth-child(8) a { background: #F9BD18; border: 1px solid #C99914; color: #FFFFFF; position: relative; 
	-moz-border-radius:		10px; 
	-webkit-border-radius:	10px; 
	border-radius:			10px; 
	-moz-box-shadow: 	0px 3px 0px #C99914;
	-webkit-box-shadow: 0px 3px 0px #C99914; 
	box-shadow: 		0px 3px 0px #C99914;	}
.blog-categories li:nth-child(3) a:hover, .blog-categories li:nth-child(9) a:hover,
.blog-categories li.current-cat:nth-child(3) a, .blog-categories li.current-cat:nth-child(9) a { background: #F16522; border: 1px solid #A64618; color: #FFFFFF; position: relative;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px; 
	border-radius:			10px; 
	-webkit-box-shadow: 0px 3px 0px #A64618; 
	-moz-box-shadow: 	0px 3px 0px #A64618;
	box-shadow: 		0px 3px 0px #A64618;	}
.blog-categories li:nth-child(4) a:hover, .blog-categories li:nth-child(10) a:hover,
.blog-categories li.current-cat:nth-child(4) a, .blog-categories li.current-cat:nth-child(10) a { background: #009EC3; border: 1px solid #0086A6; color: #FFFFFF; position: relative; 
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px; 
	border-radius:			10px;
	-moz-box-shadow: 	0px 3px 0px #0086A6;
	-webkit-box-shadow: 0px 3px 0px #0086A6; 
	box-shadow: 		0px 3px 0px #0086A6;	}
.blog-categories li:nth-child(5) a:hover, .blog-categories li:nth-child(11) a:hover,
.blog-categories li.current-cat:nth-child(5) a, .blog-categories li.current-cat:nth-child(11) a { background: #828F3A; border: 1px solid #555D27; color: #FFFFFF; position: relative;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px; 
	border-radius:			10px; 
	-moz-box-shadow: 	0px 3px 0px #555D27;
	-webkit-box-shadow: 0px 3px 0px #555D27; 
	box-shadow: 		0px 3px 0px #555D27;	}
.blog-categories li:nth-child(6) a:hover, .blog-categories li:nth-child(12) a:hover,
.blog-categories li.current-cat:nth-child(6) a, .blog-categories li.current-cat:nth-child(12) a { background: #626366; border: 1px solid #2C2D2F; color: #FFFFFF; position: relative;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;  
	-moz-box-shadow: 	0px 3px 0px #2C2D2F;
	-webkit-box-shadow: 0px 3px 0px #2C2D2F; 
	box-shadow: 		0px 3px 0px #2C2D2F;  }
	
.blog-categories li.current-cat:nth-child(1) a:before, .blog-categories li.current-cat:nth-child(7)  a:before { content: ''; position: absolute; z-index:3; width: 0; height: 0; left: -14px; top: 0; border-width:25px 20px 25px 0; border-style: solid; border-color: transparent #47B2A6; }
.blog-categories li.current-cat:nth-child(2) a:before, .blog-categories li.current-cat:nth-child(8)  a:before { content: ''; position: absolute; z-index:3; width: 0; height: 0; left: -14px; top: 0; border-width:25px 20px 25px 0; border-style: solid; border-color: transparent #F9BD18; }
.blog-categories li.current-cat:nth-child(3) a:before, .blog-categories li.current-cat:nth-child(9)  a:before { content: ''; position: absolute; z-index:3; width: 0; height: 0; left: -14px; top: 0; border-width:25px 20px 25px 0; border-style: solid; border-color: transparent #F16522; }
.blog-categories li.current-cat:nth-child(4) a:before, .blog-categories li.current-cat:nth-child(10) a:before { content: ''; position: absolute; z-index:3; width: 0; height: 0; left: -14px; top: 0; border-width:25px 20px 25px 0; border-style: solid; border-color: transparent #009EC3; }
.blog-categories li.current-cat:nth-child(5) a:before, .blog-categories li.current-cat:nth-child(11) a:before { content: ''; position: absolute; z-index:3; width: 0; height: 0; left: -14px; top: 0; border-width:25px 20px 25px 0; border-style: solid; border-color: transparent #828F3A; }
.blog-categories li.current-cat:nth-child(6) a:before, .blog-categories li.current-cat:nth-child(12) a:before { content: ''; position: absolute; z-index:3; width: 0; height: 0; left: -14px; top: 0; border-width:25px 20px 25px 0; border-style: solid; border-color: transparent #626366; }

.blog-categories li.current-cat:nth-child(1) a:after, .blog-categories li.current-cat:nth-child(7)  a:after { content: ''; position: absolute; z-index:2; width: 0; height: 0; left: -16px; top: -1px; border-width:27px 21px 27px 0; border-style: solid; border-color: transparent #327F77; }
.blog-categories li.current-cat:nth-child(2) a:after, .blog-categories li.current-cat:nth-child(8)  a:after { content: ''; position: absolute; z-index:2; width: 0; height: 0; left: -16px; top: -1px; border-width:27px 21px 27px 0; border-style: solid; border-color: transparent #C99914; }
.blog-categories li.current-cat:nth-child(3) a:after, .blog-categories li.current-cat:nth-child(9)  a:after { content: ''; position: absolute; z-index:2; width: 0; height: 0; left: -16px; top: -1px; border-width:27px 21px 27px 0; border-style: solid; border-color: transparent #A64618; }
.blog-categories li.current-cat:nth-child(4) a:after, .blog-categories li.current-cat:nth-child(10) a:after { content: ''; position: absolute; z-index:2; width: 0; height: 0; left: -16px; top: -1px; border-width:27px 21px 27px 0; border-style: solid; border-color: transparent #0086A6; }
.blog-categories li.current-cat:nth-child(5) a:after, .blog-categories li.current-cat:nth-child(11) a:after { content: ''; position: absolute; z-index:2; width: 0; height: 0; left: -16px; top: -1px; border-width:27px 21px 27px 0; border-style: solid; border-color: transparent #555D27; }
.blog-categories li.current-cat:nth-child(6) a:after, .blog-categories li.current-cat:nth-child(12) a:after { content: ''; position: absolute; z-index:2; width: 0; height: 0; left: -16px; top: -1px; border-width:27px 21px 27px 0; border-style: solid; border-color: transparent #2C2D2F; }
input[type=password] { background: #FFFFFF; height: 30px; border: 1px solid #E5E5E5; font-family: 'Droid Serif',Georgia,serif; font-size: 14px; width: 180px; padding: 0 0 0 10px; display: inline; float: left;}																									
textarea { background: #FFFFFF; height: 100px; width: 580px; padding: 10px 10px; margin: 10px 0; border: 1px solid #CECECE; font-family: Helvetica, sans-serif; font-size: 13px;}
input[type=submit].btn-red { height: 32px; width: 100px; padding: 0px; display: inline; float: right; line-height: 32px; background: #F16522; font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; color: #FFFFFF; border:none; cursor: pointer; border: 1px solid #A64618;
	-moz-border-radius:		5px;	
	-webkit-border-radius:	5px; 
	border-radius:			5px; 
	-moz-box-shadow: 		0px 3px 0px #A64618;	 
	-webkit-box-shadow: 	0px 3px 0px #A64618; 
	box-shadow: 			0px 3px 0px #A64618;}
input[type=submit].btn-yellow { height: 32px; width: 100px; padding: 0px; display: inline;  float: right; line-height: 32px; background: #F9BD18; font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; color: #FFFFFF; border:none; cursor: pointer; border: 1px solid #C99914; 
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px; 
	border-radius:			5px;
	-moz-box-shadow: 		0px 3px 0px #C99914;
	-webkit-box-shadow: 	0px 3px 0px #C99914;
	box-shadow: 			0px 3px 0px #C99914;}

#slider {margin: 0 0 40px 0; border: 1px solid #E5E5E5; position: relative; width: 590px;
	-moz-box-shadow: 	0px 5px 0px #E5E5E5; 
	-webkit-box-shadow: 0px 5px 0px #E5E5E5; 
	box-shadow: 		0px 5px 0px #E5E5E5;}
#slider .caption { padding: 5px 20px; width: 550px; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; position: absolute; bottom: 0;  }

.post { width: 180px; height: 280px; display: block; overflow: hidden; float: left; margin: 0 8px 20px 0; padding: 5px 5px; color: #626366; background: #FFFFFF; border: 1px solid #E5E5E5; position: relative; z-index: 20;
	-moz-box-shadow: 0px 3px 0px #E5E5E5;
	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 0px 3px 0px #E5E5E5; }
.post:after {content: ''; width: 190px; height: 50px; display: block; position: absolute; bottom: 0px; left: 0px; background-color: transparent;  
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#FFFFFF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #FFFFFF); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,0), #FFFFFF); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,0), #FFFFFF); /* IE10 */
	background-image:      -o-linear-gradient(top, rgba(255,255,255,0), #FFFFFF); /* Opera 11.10+ */
	background-image:         linear-gradient(top, rgba(255,255,255,0), #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFFF', EndColorStr='#FFFFFF'); /* IE6–IE9 */}
	
.post:hover { width: 180px; height: 280px; border: 1px solid #C6C6C6;
	-moz-box-shadow: 0px 3px 0px #C6C6C6; 
	-webkit-box-shadow: 0px 3px 0px #C6C6C6; 
	box-shadow: 0px 3px 0px #C6C6C6; }
.post a, .post h3 { color: #626366; text-decoration: none; border: none; display: block;}
.event-date { width: 30px; height: 30px; background: #FFFFFF; border: 1px solid #C6C6C6; position: absolute; top: 2px; left: 2px; z-index: 25;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	border-radius: 			5px;
	-moz-box-shadow: 	0px 3px 0px #C6C6C6;
	-webkit-box-shadow: 0px 3px 0px #C6C6C6; 
	box-shadow: 		0px 3px 0px #C6C6C6; }
.event-date .month { height: 15px; width: 30px; display: block; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 15px; background: #F16522;}
.event-date .day { height: 15px; width: 30px; display: block; font-family: Helvetica, Arial, sans-serif; color: #000000; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 15px; background: #FFFFFF;}

.post-meta { margin: 20px 0; width: 100%; position: relative;}
.post-meta .post-date { font-family: Helvetica; font-size: 11px; color: #999999; position: absolute; top: 15px; left: 70px; }
.post-meta cite { font-family: Helvetica; font-size: 11px; color: #999999; position: absolute; top: 28px; left: 70px;   }
.post-meta .avatar { padding: 5px; background: #FFFFFF; 
	-moz-box-shadow: 	2px 2px 0px #E5E5E5;-moz-box-shadow: 	1px 1px 0px #E5E5E5;
	-webkit-box-shadow: 2px 2px 0px #E5E5E5;-webkit-box-shadow: 1px 1px 0px #E5E5E5;  
	box-shadow: 		2px 2px 0px #E5E5E5;box-shadow: 		1px 1px 0px #E5E5E5; }

.comment { width: 600px; display: block; position: relative; clear: both; }
.comment .comment-text { background: #FFFFFF; width: 400px; float: right; padding: 20px 20px; margin: 10px 0; border: 1px solid #E5E5E5; font-family: Helvetica, sans-serif; font-size: 13px;
	-moz-box-shadow: 	0px 3px 0px #E5E5E5; 
	-webkit-box-shadow: 0px 3px 0px #E5E5E5; 
	box-shadow: 		0px 3px 0px #E5E5E5;}
.comment cite { width: 140px; position: absolute; right: 460px; top: 10px; text-align: right;}

.comment .avatar { position: absolute; right: 10px; top: 0px; padding: 5px; background: #FFFFFF; border: 1px solid #E5E5E5;
	-moz-box-shadow: 	2px 2px 0px #E5E5E5;-moz-box-shadow: 	1px 1px 0px #E5E5E5;
	-webkit-box-shadow: 2px 2px 0px #E5E5E5;-webkit-box-shadow: 1px 1px 0px #E5E5E5;  
	box-shadow: 		2px 2px 0px #E5E5E5;box-shadow: 		1px 1px 0px #E5E5E5; }
.comment .comment-meta	 { width: 140px; position: absolute; right: 460px; top: 40px; text-align: right; font-family: Helvetica; font-size: 11px; color: #999999;}	

.author-meta .avatar { float: left; margin: 0 20px 40px 0;}

#footer-wrap { width: 100%; margin: 0; padding: 40px 0px;  background: #CCCCCC;
	background-size: 10px 10px;
	background-image: -webkit-repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 7.1px);
	background-image: -moz-repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1), transparent 1px, transparent 7.1px);
	background-image: -o-repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 7.1px);
	background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 7.1px);  
}
#footer { width: 1000px; margin: 0px auto;}
#footer .col1, #footer .col2, #footer .col3 { width: 260px; height: 270px; padding: 20px 20px; background: #FFFFFF; border: 1px solid #E5E5E5;}
#footer .col1, #footer .col2 { float: left; margin-right: 27px; }
#footer .col3				 { float: right; }

@media screen and (max-width: 1200px) {}
@media screen and (max-width: 920px) {}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

* { float: none; }

-webkit-text-size-adjust:none;
div{ clear:both!important; display:block!important; width:100%!important; float:none!important; margin:0!important; padding:0!important; }

html { width: 100%; max-width: 480px; overflow: hidden;}
body { background: #F5F5F5; width: 100%; max-width:480px; overflow: hidden; margin: 0; position: relative; }
#header-wrap { width: 100%; max-width:480px; border-bottom: 10px solid #FFFFFF; }
#header { width: 100%; max-width:480px; height: 180px; margin: 0; position: relative;  }
#content-wrap { width: 100%; max-width:480px; margin: 20px 0; }

#content-wrap.content-left #content { width: 100%; max-width:470px; padding: 0px 5px; min-height: 500px; border-right: none; }
#content-wrap.content-left #sidebar { display:none; }
#content-wrap.content-left #sidebar .box { display:none; }
#content-wrap.content-left #sidebar .box2 { display:none; }
#content-wrap.content-left #sidebar .box3 { display:none; }

#content-wrap.content-right #content { width: 100%; max-width:470px; padding: 0px 5px; min-height: 500px; border-right: none; }
#content-wrap.content-right #sidebar { display:none; }
#content-wrap.content-right #sidebar .box { display:none; }
#content-wrap.content-right #sidebar .box2 { display:none; }
#content-wrap.content-right #sidebar .box3 { display:none; }

#sidebar .box p { padding: 20px; margin: 0; }
.content-box { width: 100%; max-width: 450px; padding: 5px; background: #FFFFFF; border: 1px solid #E5E5E5; }

.share-box { display:none; }

.fb-share-button {display:none;}
.twitter-share-button {display:none;}
.twitter-feed h2 { display:none; }
.twitter-feed ul li { display:none; }

.home #content-wrap.content-left #content, .home #content-wrap.content-left #sidebar { display:none; }

.menu-main-container { height: 100px; width: 100%; max-width: 480px; position: absolute; left: 0; right: 0; top:60px; background: #FFFFFF; z-index: 4;	}
.mystand-nav { display: block; height: 80px; position: absolute; right: 0; left: 0; top:118px; z-index: 5; background: url(images/logo-mystand.png) no-repeat center center #009EC3; text-indent: -99999px; }
.mystand-nav:hover {  display: block; height: 80px; position: absolute; right: 0; left: 0;}
.mystand-nav:after {  display:none; }
.mystand-nav:before { display:none;	}

#menu-main { width: 100%; max-width:460px; height: 65px; position: absolute; top: 0; left: 20px;  }
#menu-main li { float: left; display: inline;}
#menu-main .menu-item a { float: left; margin: 0 10px; font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; color: #626366; border: none; font-weight: normal; }

/* css3 flared tab borders */
#menu-main:after {  display:none; }
#menu-main:before {  display:none; }
.menu-main-container:after { display:none; }
.menu-main-container:before { display:none;  }

#content hr { width: 100%; height: 1px; background: #E5E5E5;  border: none; margin: 20px 0px;}

.full-width-wrap { width: 100%; height: auto; background: #FFFFFF; border-bottom:5px solid #E5E5E5;  } 

.full-width-section { width: 100%; height: auto; margin: 0 auto; position: relative}
.full-width-section .video { width: 100%; max-width: 480px; margin: 5px 0;}
.full-width-section h1 { width: 100%; margin: 5px 0 0 0;}

a.mystand-btn{ display:none;}
a.mystand-btn:active{ position: relative; top: 3px;	}
a.mystand-btn .ribbon{ height: 20px; width: 410px; display: block; background: #FFFFFF;  position: absolute; right: -10px; bottom: -15px; padding: 10px 20px; font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; color: #626366;	}
a.mystand-btn .ribbon:before{ content: ''; position: absolute; left: -20px; top: 0; height: 0; width: 20px; border-top: 20px solid #FFFFFF; border-bottom: 20px solid #FFFFFF; border-left: 10px solid transparent;	}
a.mystand-btn .ribbon:after{ content: ''; width: 0; height: 0; position: absolute; right: 0px; top: -10px; border-top: 5px solid transparent; border-bottom: 5px solid #626366; border-right: 5px solid transparent; border-left: 5px solid #626366;  }

h1 { font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 40px; color: #626366; }
h2 { font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; color: #626366; font-size: 30px; position: relative; font-size: 25px\9; /* ie8 & below hack to render a more presentable font size for those browswers */ }
h3 { font-family: Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #626366; }
em { font-family: Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #626366; margin: 0px 0px; display: block;  }
h2 a { font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; color: #009EC3;}

p { margin: 10px 0 10px 0; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 1.5; }
ul { margin: 10px 0 10px 0; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 1.5; }
p a, cite a, ul a  { color: #009EC3; font-weight: bold; }
p a:hover { }
a.subtext { font-family: Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #009EC3; position: absolute; top: 0; right: 0; margin: 10px 8px; }
p a img { border-bottom: none; }

.subnav a { font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; font-weight: normal; color: #009EC3; border: none; }
.subnav a:hover { margin-left: 15px;}
.subnav li { padding: 0 0 0 20px; position: relative;}
.subnav li:before {content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 40%; background: #FFFFFF; border: 1px solid #E5E5E5;  }
input[type=password] { background: #FFFFFF; height: 30px; border: 1px solid #E5E5E5; font-family: 'Droid Serif',Georgia,serif; font-size: 14px; width: 180px; padding: 0 0 0 10px; display: inline; float: left; }																								
input[type=text] { background: #FFFFFF; height: 30px; border: 1px solid #E5E5E5; font-family: Helvetica, sans-serif; font-size: 13px; width: 180px; padding: 0 0 0 10px; display: inline; float: left; }
textarea { background: #FFFFFF; height: 100px; width: 580px; padding: 10px 10px; margin: 10px 0; border: 1px solid #E5E5E5; font-family: Helvetica, sans-serif; font-size: 13px; }
input[type=submit].btn-red { height: 32px; width: 100px; padding: 0px; display: inline; float: right; line-height: 32px; background: #F16522; font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; color: #FFFFFF; border:none; cursor: pointer; border: 1px solid #A64618; }
input[type=submit].btn-yellow { height: 32px; width: 100px; padding: 0px; display: inline;  float: right; line-height: 32px; background: #F9BD18; font-family: 'LeagueGothic', Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; color: #FFFFFF; border:none; cursor: pointer; border: 1px solid #C99914;  }

#slider {margin: 0 0 40px 0; border: 1px solid #E5E5E5; position: relative; }
#slider .caption { padding: 5px 20px; width: 550px; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; position: absolute; bottom: 0;  }

.post { width: 90%; height: 250px; display: block; overflow: hidden; margin: 0px 0px 20px 0px; padding: 5px 5px; color: #626366; background: #FFFFFF; border: 1px solid #E5E5E5; position: relative; z-index: 20; }
.post:after {content: ''; width: 450px; height: 50px; display: block; position: absolute; bottom: 0px; left: 0px; background-color: transparent;  }

.post img {width: 100%;}
.post:hover { border: 1px solid #C6C6C6; }
.post a, .post h3 { color: #626366; text-decoration: none; border: none; display: block;}
.event-date { width: 30px; height: 30px; background: #FFFFFF; border: 1px solid #C6C6C6; position: absolute; top: 2px; left: 2px; z-index: 25;}
.event-date .month { height: 15px; width: 30px; display: block; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 15px; background: #F16522;}
.event-date .day { height: 15px; width: 30px; display: block;}

.post-meta { margin: 20px 0; width: 100%; position: relative;}
.post-meta .post-date { font-family: Helvetica; font-size: 11px; color: #999999; position: absolute; top: 15px; left: 70px; }
.post-meta cite { font-family: Helvetica; font-size: 11px; color: #999999; position: absolute; top: 28px; left: 70px;   }
.post-meta .avatar { padding: 5px; background: #FFFFFF; }

.comment {display: none; }

.author-meta .avatar { margin: 0 20px 40px 0;}

#footer-wrap { display: none; }


}


/*new style*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}
.clearer{clear: both; height: 1px; line-height: 1px;}
.last{margin-right: 0px !important;}
.main_bg{
	margin: 0px auto;
	width: 1000px;
	text-align: left;
}
.page_intro{
	padding: 20px 0;
	margin: 20px 0;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
.page_intro p{
	font-size: 18px;
	line-height: 1.4em;
}
.left_sidebar{
	float: left;
	width: 280px;
	margin: 0 40px 0 0;
}
.left_sidebar h2{
	color: #464646 ;
}
.right_sidebar{
	float: left;
	width: 280px;
	margin: 0 0 0 40px;
}
.content{
	float: left;
	width: 680px;
	padding: 10px 0 0 0;
}
.content_wide{
	width: 1000px;
	padding: 10px 0 0 0;
}
.orgs_numer{
	float: left;
	width: 240px;
	margin: 30px 0 0 0;
	text-align: center;
	font: bold 16px Arial, sans-serif;
	color: #898989;
	text-transform: uppercase;

}
.orgs_numer p{
	font: bold 50px Arial, sans-serif;
	color: #f16421;
}
.meaning{
	float: left;
	width: 700px;
	margin: 0px 0 0px 60px;
	text-align: left;
}
/*.page_item{
	selected: #F16421;
}
.current_page{
	selected: #F16421;
	color: #F16421;
}*/
.general_button{
	margin: 10px 0;
	padding: 3px 20px;
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 24px !important;
	color: #ffffff;
	background: none repeat scroll 0 0 #00CADF;
    border-top: 1px solid #009DB0;
    border-right: 1px solid #009DB0;
    border-left: 1px solid #009DB0;
    border-bottom: 4px solid #009DB0;
    text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.general_button:hover{
	margin: 10px 0;
	padding: 3px 20px;
	color: #ffffff;
	background: none repeat scroll 0 0 #f16421;
    border-top: 1px solid #D54E0D;
    border-right: 1px solid #D54E0D;
    border-left: 1px solid #D54E0D;
    border-bottom: 4px solid #D54E0D;
    text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.general_button_big{
	display:block;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 7px 20px;
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 30px !important;
	color: #ffffff;
	background: none repeat scroll 0 0 #00CADF;
    border-top: 1px solid #009DB0;
    border-right: 1px solid #009DB0;
    border-left: 1px solid #009DB0;
    border-bottom: 4px solid #009DB0;
    text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.general_button_big:hover{
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 7px 20px;
	color: #ffffff;
	background: none repeat scroll 0 0 #f16421;
    border-top: 1px solid #D54E0D;
    border-right: 1px solid #D54E0D;
    border-left: 1px solid #D54E0D;
    border-bottom: 4px solid #D54E0D;
    text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.general_button_white{
	margin: 10px 0;
	padding: 3px 10px;
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 18px !important;
	color:  #009EC3;;
	background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-bottom: 4px solid #D7D7D7;
    text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.general_button_white:hover{
	margin: 10px 0;
	padding: 3px 10px;
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 18px !important;
	color: #f16421;
	background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-bottom: 4px solid #D7D7D7;
    text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.stories_home{
	float: left;
	width: 710px;
}
.stories_home li{
	float: left;
	width: 196px;
	margin: 0 40px 10px 0 !important;
	padding: 10px 0;	
}

.orgs_home_sidebar{
	float: left;
	width: 290px;
}
.movement_leaders_home{
	width: 280px;
	border-bottom: 2px solid #E1E1E1;
}
.smaller{
	font-size: 12px;
	color: #818181;
}
.movement_leaders_home ul li{
	padding: 10px 0;
	border-bottom: 1px solid #E1E1E1;
}
.movement_leaders_home b{
	margin: 10px 0 5px 0;
}
.general_box{
	margin: 20px 0;
	padding: 0px 0 10px 0;
	border-bottom: 2px solid #E1E1E1;
}
.two_cols{
	float: left;
	width: 430px;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #E1E1E1;
}
.profile_box_home{
	margin: 20px 50px 20px 0;
}
.tool_box_home{
	margin: 20px 0px 20px 0;
}

/*......profile page....*/
.org_logo{
	float: left;
	width: 280px;
	margin: 30px 40px 0 0;
	text-align: center;
	color: #898989;
	text-transform: uppercase;

}
.org_details{
	float: left;
	width: 350px;
	margin: 0;
	font: bold 14px Arial,sans-serif;
	line-height: 24px;
	border-right: 1px solid #E1E1E1;
}
.emph_box{
	padding: 20px;
	border: 1px solid #E1E1E1;
	background: #ffffff;
	margin: 10px 0px 15px 0px;
}
.emph_box h3{
	margin: 0px 0 5px 0;
	font-size: 16px;
	text-transform: uppercase;
}
.bus_details {
  float: left;
  font: bold 14px/24px Arial,sans-serif;
  margin: 0;
}
/*.....events pages.........*/
.event_list li{
	margin: 0 0 20px 0;
	padding: 10px  20px 10px 20px;
	border: 1px solid #E1E1E1;
	background: #ffffff;
}
.event_list li .general_button{
	display: block;
}

/*.....tool pages.........*/
.general_list li{
	padding: 0 0 20px 0;
	margin:  0 0 20px 0;
	border-bottom: 1px solid #E1E1E1;
}
/*.general_list h3{
	font-size: 16px;
	text-transform: uppercase;
}*/
.news_box img{
	float: left;
	margin: 10px 10px 0px 0px;
	border: 3px solid #DADADA;
}
.news_title{
	float: left;
	width: 120px;
	font: bold 14px Arial, sans-serif;
	margin: 10px 0 10px 0;
}
.member_logo{
	float: left;
	margin: 10px 30px 0 0;
	text-align: center;
	width: 150px;
}
.member_details{
	margin: 30px 0 0 0;
	margin-left: 200px;
	font-size: 14px;
}
.member_details .info{
	font-size: 14px;
	font-weight: bold;
}
.member_details .comm{
	margin: 15px 0 0px 0;
	font-size: 13px;
}
.stories_list .member_logo{
	float: left;
	margin: 10px 0px 0 0;
	text-align: center;
	width: 250px;
}
.stories_list .member_details{
	margin: 30px 0 0 0;
	margin-left: 300px;
	font-size: 14px;
}
.stories_list .member_details .info{
	font-size: 14px;
	font-weight: bold;
}
.stories_list .member_details .comm{
	margin: 5px 0 0px 0;
	font-size: 13px;
}
.stories_list .member_details .emph_box{
	margin: 0px 0 10px 0;
	padding: 10px 20px 20px 20px;
}
.stories_list .story_title{
	margin: 10px 0 0px 0;
	font-size: 15px;
	font-weight: bold;
}
.stories_list_small li{
	float: left;
	width: 180px;
	margin: 0 20px 20px 0;
}
.stories_list_small li:hover{
	border: 1px solid #C4C4C4;
	cursor: pointer;
}
.stories_list_small img{
	display: block;
	margin: 0px auto;
}
.stories_list_small .member_details{
	margin: 30px 0 0 0;
	margin-left: 300px;
	font-size: 14px;
}
.stories_list_small .info{
	font-size: 12px;
	font-weight: bold;
	color: #727272
}
.stories_list_small h3{
	border-top: 1px solid #E1E1E1;
	padding: 15px 0 0 0;
	margin: 15px 0 5px 0;
	font-size: 16px;
}
.stories_list_small .story_title{
	margin: 10px 0 0px 0;
	font-size: 14px;
	font-weight: bold;
}
.sign_up_alert_box{
	background-color: #FFFFFF;
	color: #DC1E4E;
	padding: 15px;
	font: bold 13px Arial, sans-serif;
}

.sponsor_list h2{
	color: #404040;
}
.sponsor_list .member_logo{
	float: left;
	margin: 10px 0px 0 0;
	text-align: center;
	width: 250px;
}
.sponsor_list .member_details{
	margin: 30px 0 0 0;
	margin-left: 300px;
	font-size: 14px;
}
.sponsor_packages li{
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
}
.sponsor_packages li h2 p{
	float: right;
	color: #838383;
}
.sponsor_packages li.emph_box{
	height: 420px;
}
.sponsor_packages ul li{
	padding: 10px 0;
	font-size: 14px;
	font-weight: bold;
}

.tips_list li{
	float: left;
	width: 420px;
	margin: 0 35px 0 0;
	font-size: 14px;
}
.tips_list li ul{
	padding: 0px 0 0px 20px;
}
.tips_list li ul li{
	float: none;
	width: auto;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style: disc;
}

.listings_filters{
	margin: 0px 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e1e1e1;
}

.pagination{
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #e1e1e1;
}
.pagination a{
	display: block;
	float: left;
	margin: 0px 7px 0px 0;
	padding: 5px 8px;
	font: bold 14px Arial, sans-serif;
}
.pagination a:hover{
	background: #ffffff;
	margin: 0px 7px 0px 0;
	padding: 4px 7px;
	text-decoration: none;
	border:  1px solid #e1e1e1;
	color: #F16421;
}
.pagination p{
	display: block;
	float: left;
	margin: 0px 7px 0px 0;
	padding: 5px 8px;
	font: bold 14px Arial, sans-serif;
	
}
.right_sidebar h2{
	color: #3A3A3A;
}
.pledge_form{
	margin: 10px 0 20px 0;
}

.pledge_form label{
	float: left;
	display: block;
	padding: 7px 30px 0 0;
	width: 200px;
	color: #555555;
	font: bold 14px Arial, sans-serif;
	text-align: right;
}
.pledge_form input{
	display: block;
	width:350px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 15px 0;
	padding: 5px 0;
	background: #ffffff;
	border: 1px solid #E1E1E1;
}
.pledge_form select{
	display: block;
	width:350px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 15px 0;
	background: #ffffff;
	border: 1px solid #E1E1E1;
}
.pledge_form select option{
	height: 30px;
	line-height: 30px;
}
.pledge_contacts{
	margin: 20px 0 ;
}
.pledge_contacts li{
	margin: 0px 0 10px 0;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #E1E1E1;
}
.pledge_contacts label{
	float: left;
	display: block;
	padding: 7px 20px 0 0;
	width: 70px;
	color: #555555;
	font: bold 14px Arial, sans-serif;
	text-align: right;
}
.pledge_contacts input{
	display: block;
	float: left;
	width:180px;
	height: 20px;
	line-height: 20px;
	margin: 0 30px 15px 0;
	padding: 5px 0;
	background: #ffffff;
	border: 1px solid #E1E1E1;
}
.pledge_contacts select{
	display: block;
	width:350px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 15px 0;
	background: #ffffff;
	border: 1px solid #E1E1E1;
}
.pledge_contacts select option{
	height: 30px;
	line-height: 30px;
}


/*.....browse page........*/
.left_box_half{
	width: 480px;
	float: left;
	margin: 0 40px 0 0;
}
.right_box_half{
	width: 480px;
	float: left;
}
.org_list_small li{
	float: left;
	width: 180px;
	height: 150px;
	margin: 0 36px 20px 0;
}
.org_list_small li:hover{
	border: 1px solid #C4C4C4;
	cursor: pointer;
}
.org_list_small img{
	display: block;
	margin: 0px auto;
}
.org_list_small .member_details{
	margin: 30px 0 0 0;
	margin-left: 300px;
	font-size: 14px;
}
.org_list_small .info{
	font-size: 12px;
	font-weight: bold;
	color: #727272
}
.org_list_small h3{
	border-top: 1px solid #E1E1E1;
	padding: 15px 0 0 0;
	margin: 15px 0 5px 0;
	font-size: 16px;
}
.org_list_small .story_title{
	margin: 10px 0 0px 0;
	font-size: 14px;
	font-weight: bold;
}

.org_filters{
	padding: 20px 0;
	margin: 0 0 20px 0;
	font: bold 14px Arial, sans-serif;
}
.org_filters li{
	float: left;
	width: 480px;
}
.org_filters li label{
	display: block;
	float: left;
	padding: 7px 0;
	width: 120px;
	color: #555555;
}
.org_filters li input{
	display: block;
	float: left;
	width: 335px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 20px 0;
	padding: 5px 0px 5px 5px;
	background: #ffffff;
	border: 1px solid #E1E1E1;

}
.org_filters li select{
	display: block;
	float: left;
	width: 340px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 20px 0;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #E1E1E1;
} 
.org_filters li select option{
	height: 30px;
	line-height: 30px;
}
.browse_img{
	background: url("images/browse_img.jpg") no-repeat center top;
	width: 1000px;
	height: 408px;
}
.business_img{
	background: url("images/video.jpg") no-repeat center top;
	width: 309px;
	height: 202px;
}
.organization_img{
	background: url("images/video.jpg") no-repeat center top;
	width: 309px;
	height: 202px;
}
.individual_img{
	background: url("images/video.jpg") no-repeat center top;
	width: 309px;
	height: 202px;
}
.browse_map{
	width: 549px;
	height: 408px;
	float: right;
}
.business_browse_map{
	width: 549px;
	height: 308px;
	float: right;
}

/*login box*/


.loginTable{
	border: 0px;
	text-align: center;
}
.loginTable *{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.loginTable input{
	margin: 5px;
	padding: 5px;
	font-size: 14px;
	display: inline-block;
	font-family: Courier New;
	float: left;
	display: block;
	width: 90%;
}
.loginTable label{
	margin: 5px;
	padding: 5px;
	font-size: 14px;
	display: inline-block;
	font-family: Courier New;
	float: right;
	border--bottom: 1px dotted olive !important;
}

.general_box_login{
	margin: 20px 0;
	width: 280px;
	height: 200px;
	padding: 0px 0 10px 0;
	border-bottom: 2px solid #E1E1E1;
}

.general_box_login label{
	display: block;
	float: left;
	padding: 7px 0;
	width: 70px;
	color: #555555;
}

/*update organization*/

.update_org{
	padding: 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #E1E1E1;
	font: bold 16px Arial, sans-serif;
}

.update_org li{
	float: left;
	width: 800px;
}
.update_org li label{
	display: block;
	float: left;
	padding: 7px 0;
	width: 150px;
	color: #555555;
}

/*.....17.08.2011.......*/

.program_3cols{
	padding: 0 0 20px 0;
	margin: 20px 0;
	border-bottom: 1px solid #E1E1E1;
}
.program_3cols li{
	float: left;
	width: 290px;
	margin: 0 40px 0px 0;
}

.steps_4yg{
	margin: 0 0 20px 0;
	padding: 20px 0 ;
}
.steps_4yg li{
	line-height: 74px;
	border-bottom: 1px solid #E1E1E1;
	padding: 30px 0;
	text-align:justify;
}
.steps_4yg .dot{
	float: left;
	margin: 0 40px 0 0;
	width: 74px;
	height: 74px;
	background: url('images/yellow_dot.png') no-repeat top left;
	font: normal 24px bebas, sans-serif;
	text-align: center;
	line-height: 74px;
	color: #ffffff;
}
.steps_4yg .step_content{
	margin: 10px 0 0 0;
	line-height: 20px !important;
	font: bold 14px Arial, sans-serif;
}

/*About page*/

.about_home_desc1{
	float: left;
	width: 1000px;
	margin-top: 20px;
}
.about_home_desc1 p{
	line-height: 24px;
	font-size: 14px;
}
.about_art1{
	float: left;
	width: 315px;
	border: 1px solid #E1E1E1;
	margin-right: 15px;
	height: 650px;
	background-color: #FFFFFF;
}
.about_art1_text{
	float: left;
	width: 285px;
	margin: 15px 15px 15px 15px;
	height: 650px;
}
.about_art1 h2{
	background-color: #F16421;
	color: #FFFFFF;
	padding: 10px 15px;
	margin: 0px !important;
	font-size: 24px !important;
}
.about_art1_last{
	float: left;
	width: 315px;
	margin: 0px;
	height: 650px;
	padding: 0px;
	border: 1px solid #E1E1E1;	
	background-color: #FFFFFF;
}
.about_art1_last h2{
	background-color: #F16421;
	color: #FFFFFF;
	padding: 10px 15px;
	margin: 0px !important;
	font-size: 24px !important;
}
.about_home_desc2{
	float: left;
	width: 1000px;
	/*margin-top: 20px;*/
	/*border-bottom: 1px solid #E1E1E1;*/
}
.about_home_desc2 p{
	line-height: 24px;
	font-size: 14px;
}
.about_art2{
	float: left;
	width: 465px;
	border-right: 1px solid #E1E1E1;
	margin: 0 30px 0px 0;
	height: 830px;
	padding: 10px 30px 0px 0px;	
}
.about_art2_last{
	float: left;
	width: 465px;
	margin: 0px;
	height: 830px;
	padding: 10px 0px 0px 0px;	
}
.about_home_desc3{
	float: left;
	width: 1000px;
	border-bottom: 1px solid #E1E1E1;
}
.about_home_desc3 p{
	/*font-weight: bold;*/
	line-height: 24px;
	font-size: 14px !important;
}
.about_home_desc3 h1{
	margin-top; 20px;
}
.about_art3{
	float: left;
	text-align: left;
	width: 310px;
	margin: 20px 30px 20px 0;
	padding: 0px 10px 0px 0px;	
}
.about_art3_last{
	float: left;
	text-align: left;
	width: 290px;
	margin: 20px 0px 20px 0;
	padding: 0px;	
}
.about_options{
	height: 320px;
	/*background-color: #F5F5F5;*/
	text-align: center;
}
.about_options_top{
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 40px !important;
	padding: 30px 0px;
	
	text-align: left; 
} 
.about_options_middle{
	font: bold 26px Arial, sans-serif;
	height: 100px;
	color: #7D7D7D; 
	
} 
.about_options_middle_btn{
	float: left;
	width: 322px;
	height: 90px;
	margin-right: 15px;
	border-top: 1px solid #E1E1E1;
	padding-top: 20px;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	background-color: #FFFFFF;
}
.about_options_middle_btn_last{
	float: left;
	height: 90px;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	padding-top: 20px;
	width: 320px;
	background-color: #FFFFFF;
}
.about_options_bottom{
	height: 70px;
}
.about_options_bottom_btn{
	margin-right: 15px;
	padding: 10px 20px 0px 20px;
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 24px !important;
	color: #ffffff;
	background: none repeat scroll 0 0 #009EC5;
    border-top: 1px solid #007C98;
    border-right: 1px solid #007C98;
    border-left: 1px solid #007C98;
    border-bottom: 4px solid #007C98;
    text-align: center;
	cursor: pointer;
	height: 64px;
	width: 282px;
	float: left;
	text-decoration: none;
}
.about_options_bottom_btn:hover{
	margin-right: 15px;
	padding: 10px 20px;
	color: #ffffff;
	background: none repeat scroll 0 0 #F16522;
    border-top: 1px solid #D54E0D;
    border-right: 1px solid #D54E0D;
    border-left: 1px solid #D54E0D;
    border-bottom: 4px solid #D54E0D;
    text-align: center;
	cursor: pointer;
	height: 64px;
	width: 282px;
	float: left;
	text-decoration: none;
}
.about_options_bottom_btn_last{
	margin: 0px;
	padding: 10px 20px 0px 20px;
	font-family: 'LeagueGothic', Helvetica, sans-serif !important; text-transform: uppercase !important; font-size: 24px !important;
	color: #ffffff;
	background: none repeat scroll 0 0 #009EC5;
    border-top: 1px solid #007C98;
    border-right: 1px solid #007C98;
    border-left: 1px solid #007C98;
    border-bottom: 4px solid #007C98;
    text-align: center;
	cursor: pointer;
	height: 64px;
	width: 280px;
	float: left;
	text-decoration: none;
}
.about_options_bottom_btn_last:hover{
	margin: 0px;
	padding: 10px 20px;
	color: #ffffff;
	background: none repeat scroll 0 0 #F16522;
    border-top: 1px solid #D54E0D;
    border-right: 1px solid #D54E0D;
    border-left: 1px solid #D54E0D;
    border-bottom: 4px solid #D54E0D;
    text-align: center;
	cursor: pointer;
	height: 64px;
	width: 280px;
	float: left;
	text-decoration: none;
}
.about_faq{
	margin-top: 20px;
}
.about_faq p{
	font: bold 18px Arial, sans-serif;
}

/*............*/

/*......homepage......*/
.full-width-wrap {
   background: url("images/home_pattern.png") repeat top left;
   width: 100%;
}
.full-width-section {
	margin: 0 auto;
    position: relative;
    width: 1000px;
	padding: 30px 0 20px 0;
	z-index: 2;
	text-align: left;
}
.full-width-section h3{
    text-shadow: #cad1ba -2px 2px 0px;
	border-bottom: 1px solid #D3D1C0;
	margin: 0px;
	padding: 20px 0px 30px 0; 

}
.full-width-section .our_stand{
	padding: 20px 0 0 0;
	margin: 0px 0 30px 0;
	border-top: 1px solid #ffffff;
	font: bold 24px Arial, sans-serif;
	color: #4B4B4B;
}

.home_statement{
	padding: 20px 30px;
	margin: 0px 0;
	background: url("images/pattern_box_bg.png") repeat top left;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.home_statement h3{
	padding: 0px;
	margin: 0;
}

/*********************************************************************************************************************/
/*********************************************************************************************************************/
/*********************************************************************************************************************/
/*....................header.........................................*/
.header_bg{
	background: #ffffff;
	text-align: center;
	height: 100px;
}
.header{
	width: 1000px;
	height: 100px;
	margin: 0px auto;
	text-align:left;
}

/*............m screen.............*/
.m_screen_bg{
	
	background: url('images/m_screen_bg.png') repeat top;
}
.map{
	
	background: url('images/map_new.jpg') no-repeat top center;
}
.home_screen{
	margin: 0px auto;
	padding: 50px 0 0 0;
	width: 1000px;
	text-align: center;
}
.home_screen img{display: block; margin: 0px auto; float: none;}

/*............header menus.............*/
.main_menu{
	background: url('images/menu_bg.png') repeat top left;
	
}
.main_menu ul{
	margin: 0px auto;
	width: 1000px;

}
.main_menu ul li{
	float:left;
}
.main_menu ul li a{
	display:block;
	padding: 20px 0px;
	margin: 0 40px 0 0;
	font: 13px 'Lato', sans-serif;
	font-weight: bold;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #e0e0e0;
	text-shadow: -2px 2px 0px #356582;
	filter: dropshadow(color=#356582, offx=-2, offy=2);
	
}
.main_menu li a:hover{
	color: #FFC02F;
	text-decoration: none;
	
}
.submenu ul{
	margin: 0px auto;
	width: 1000px;
}
.submenu ul li{
	float:left;
}
.submenu ul li a{
	display:block;
	float: left;
	padding: 15px 0px;
	margin: 0 20px 0 0;
	font: 13px 'Lato', Arial, sans-serif;
	font-weight: bold;
	color: #e0e0e0;
	text-shadow: -1px 1px 0px #356582;
	filter: dropshadow(color=#356582, offx=-1, offy=1);
}
.submenu ul li a:hover{
	display:block;
	color: #FFC02F;
	text-decoration: none;
}
/*.submenu ul li:last-child a{
	text-transform: uppercase;
}*/


#top_menu{
	float: left;
	margin: 20px 0 0 60px;
	height: 44px;
}
#top_menu li{
	float:left;
	margin-left: 20px;
}
#top_menu li a{
	height:27px;
	display:block;
	margin: 0 0 0 5px;
	color: #9fa5bc;
	padding: 2px 0 0px 5px;
	text-transform: uppercase;
	font: bold 11px 'Lato', sans-serif;
}
#top_menu li a:hover{
	text-decoration: none;
	color: #ff6610;
}

#logo{
	background: url('images/logo.png') no-repeat left top;
	width: 230px;
	height: 50px;
	display: block;
	float:left;
	margin: 20px 0 0 0;
}


.action_bar_bg{
	background: url('images/actionbar_bg.png') repeat left top;
	
}

.action_bar{
	margin: 0px auto;
	width: 1000px;
	text-align: left;
}
.action_bar li{
	float: left;
	width: 330px;
	padding: 20px 0px;
	cursor: pointer;
	text-align: center;
	border-left: 1px solid #304F6D;
}
.action_bar li:last-child{
	border-right: 1px solid #304F6D;
}
.action_bar li a{
	display: block;
	color: #72A5B6;
	font: bold 13px 'Lato', Arial, sans-serif;
	letter-spacing: 0.1em;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
	text-transform: uppercase;
}
.action_bar li a span{
	display: block;
	color: #F59038;
	font: bold 56px 'Lato', Arial, sans-serif;
	letter-spacing: 0em;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
	text-transform: uppercase;
}
.action_bar li a p{
	color: #EA753F;
	font: normal 34px  BebasRegular, sans-serif;
	letter-spacing: 0em;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
	text-transform: uppercase;
}
.action_bar li a:hover{
	text-decoration: none;
}

/*.....homepage intro.............*/
.intro_bg{
	background: url('images/intro_bg.jpg') repeat left top;
}
.story_4yg{
	padding: 40px 0 30px 0px;
	margin: 0px auto;
	width: 1000px;
}
.story_4yg object{
	float: left;
	clear: left;
	color: #003C54;
}
.story_4yg h2 {
	font-size: 36px;
	color: #003C54;
}
.goal_4yg{
	width: 400px;
	float: left;
	margin: 0px 0 0 50px;
	color: #ffffff !important;
	text-align: left;
}
.goal_4yg h1{
	font-size: 26px !important;
	margin-top: 0px !important;
	text-align: left;
	display: block;
	color: #ffffff !important;
}
.goal_4yg p{
	margin-top: 20px;
	font: 17px 'Droid Serif', Arial, sans-serif;
	line-height: 28px;
}
.goal_4yg li:first-child{
	padding: 0px;
	margin: 0px;
}
.goal_4yg li{
	margin: 0 0 9px 0;
	padding: 10px 0 10px 90px;
	font: 26px BebasRegular, sans-serif;
	color: #35515C;
}
.goal_4yg li p{
	margin: 5px 0 0 0;
	font: bold 12px 'Lato', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #8D9EA5;
}
.goal_4yg li.illuminate{
	background: url('images/illuminate.png') no-repeat left top;
}
.goal_4yg li.inspire{
	background: url('images/inspire.png') no-repeat left top;
}
.goal_4yg li.accelerate{
	background: url('images/accelerate.png') no-repeat left top;
}
.goal_4yg li.support{
	background: url('images/support.png') no-repeat left top;
}


/*....................end of header..................................*/

.intro_bg{
	background: url('images/intro_bg.jpg') repeat left top;
}
.business_intro{
	padding: 30px 0;
	margin: 0px auto;
	width: 1000px;
	color: #355168;
	text-align: center;
}
.business_intro h1{
	margin: 0px auto !important;
}
.intro{
	padding: 30px 0;
	margin: 0px auto;
	width: 1000px;
	color: #355168;
}
.intro .numbers{
	float: left;
	width: 370px;
	text-align: right;
	margin: 10px 30px 0 0;
}
.intro .details .details_text{
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 24px;
	list-style: inside;
}


.intro .numbers .orgs{
	font: 70px Lato, Arial, sans-serif;
	color: #F16726;
	margin-top: 10px;
	text-shadow: 0px 2px 0px #B6430C;
	filter: dropshadow(color=#B6430C, offx=0, offy=2);
}
.intro .numbers .members{
	margin: 15px 0 0 0 ;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 80px;
	color: #FABC19;
	text-shadow: 0px 2px 0px #D99E04;
	filter: dropshadow(color=#D99E04, offx=0, offy=2);
}
.intro .numbers .orgs p , .intro .numbers .members p{
	margin: -8px 0 0 0;
	font: bold 18px Lato, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #8197A7;
	text-shadow: none;
	filter: none;
}
.intro .details{
	float: left;
	width: 600px;
}
.intro .details p{
	margin: 10px 0 10px 0;
	font-size: 16px;
	line-height: 24px;
}
.intro .details p span{
	font-style: italic;
	/*color: #39809D;*/
	color: #444444;
	font-size: 13px;
	font-weight: bold;
}
.intro .details .g_button{
	font-size: 24px;
}
.home_head_img{
	background: url('images/p2.png') no-repeat center top;
	width: 947px;
	height: 105px;
	margin: 0px auto;
}


.header_list{
	padding: 50px 0px 20px 0px;
	margin: 0px auto;
	margin-bottom: 30px;
	width: 1000px;
}
.header_list li{
	display: block;
	width: 333px;
	float: left;
}
.header_list .last{
	margin-right: 0px !important;
}

.header_list h5{
	font-weight: normal !important;
	font-family: 'BebasRegular';
	color: #000000;
	letter-spacing: 1px;
	word-spacing: 5px;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.header_list p{
	line-height: 20px;
	color: #000000;
	width: 280px;
}
.content_list{
	padding: 0px 0px 20px 0px;
	margin: 0px auto;
	margin-bottom: 30px;
	width: 1000px;
}
.content_list li{
	display: block;
	width: 333px;
	float: left;
}
.content_list .last{
	margin-right: 0px !important;
}
.content_list h5{
	font-family: 'BebasRegular';
	font-weight: normal !important;
	color: #000000;
	letter-spacing: 2px;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.content_list p{
	line-height: 20px;
	color: #000000;
	width: 280px;
}


.header_button{
	background: url('images/count_me_in_button.png') no-repeat center top;
	margin: 0px auto;
	margin-bottom: 20px;
	margin-top: 25px;
	display: block;
	width: 233px;
	height: 57px;
	float: left;
}

.individuals-register{
	display: block;
	margin: 0px auto;
	width: 650px;
}
.individuals-register div{
	width: 50%;
	display: block;
}
.individuals-register span{
	text-align: left;
	display: block;
	margin: 25px 0px 15px 0px;
}
.individuals-register div input{
	width: 300px;
	height: 32px;
	line-height: 40px;
	border: 1px solid #CBD3D8;
	margin: 5px;
	padding: 3px 3px 3px 10px;
}

.individuals_expr{
	margin-left: 175px;
	padding: 20px 0px;
	text-align: left;
	width: 500px;
}
.individuals_expr span{
	display: block;
}
.individuals_expr p{
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 5px;
}
.individuals_quote{
	text-align: left;margin: 20px 0 20px 0;clear: left; text-align: left; font: italic 18px Droid Serif, serif;line-height: 1.4em; padding: 30px 0; border-top: 1px solid #DADADA;  border-bottom: 1px solid #DADADA;
}

.individuals-info{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.individuals-info p{
	width: 400px;
	margin-right: 100px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	line-height: 25px;
}

/*....................main content........................................*/

.main_bg{
	background: #ffffff;
	text-align:center;
}
.main{
	margin: 0px auto;
	width: 1000px;
	text-align:left;
	padding:20px 0px 30px 0px;
}
.content_home{
	float: left;
	width: 550px;
	margin: 0 30px 0 0;
}
.rightbar_home{
	float: left;
	width: 420px;
}
.rightbar_home h2{
	margin-left: 20px;
	color: #313131;
}
.rightbar h2{
	color: #313131;
}
.news_list{
	margin: 20px 0;
}
.news_list li {
	margin: 0 0 10px 0;
	padding: 20px 0 20px 0px;
	line-height: 20px;
	border-bottom: 1px solid #CBD3D8;
}
.news_list li span{
	display: block;
	margin: 5px 0 10px 0;
	font: italic 12px 'Droid Serif' ,Georgia, serif;
	color: #868686;
}
.news_list li p{
	margin: 0 0 10px 0;
}

.testimonials{
	margin: 20px 0;
}
.testimonials li{	
	float: left;
	margin: 0 0 20px 20px;
	background: #EDF0F3;
	width: 184px;
	height: 270px;
	border-bottom: 1px solid #CBD3D8; 
}
.testimonials span, .testimonials h5, .testimonials p  {	padding: 0 15px;}


.testimonials li img{
	display: block;
	margin: 0 0 10px 0;
}
.testimonials li span{
	display: block;
	font: italic 12px 'Droid Serif' ,Georgia, serif;
	color: #868686;
}
.testimonials li p{
	margin: 15px 0 20px 0;
	font: italic 14px 'Droid Serif' ,Georgia, serif;
	line-height: 20px;
}

.content{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	width: 650px;
}
.rightbar{
	float: left;
	padding: 20px 0 0 50px;
	width: 300px;
}
.leftbar{
	float: left;
	padding: 20px 0;
	margin: 0 50px 0 0px;
	width: 300px;
}
/*.stories_list{
	margin: 20px 0;
}
.stories_list li {
	margin: 0 0 10px 0;
	padding: 20px 0 20px 320px;
	line-height: 20px;
	border-bottom: 1px solid #CBD3D8;
}
.stories_list li img{
	float: left;
	margin: 0 0 0 -320px;
}
.stories_list li h5{
	margin: 0 0 10px 0; 
}
.stories_list li p{
	margin: 0 0 10px 0;
	line-height: 20px;
}*/
/*.pagination{
	margin: 20px 0;
}
.pagination a{
	display: block;
}
.pagination a, .pagination span {padding: 10px;}
.pagination a:hover{color: #F06524 ; text-decoration: none;}*/

.feat_stories_list{
	margin: 20px 0;
}
.feat_stories_list li {
	float: left;
	width: 310px;
	height: 550px;
	margin: 0 30px 10px 0;
	line-height: 20px;
	border-bottom: 1px solid #CBD3D8;
}
.feat_stories_list li:last-child {
	margin: 0 0px 10px 0;
}
.feat_stories_list li .last{
	margin: 0 0px 10px 0;
}
.feat_stories_list li img{
	margin: 0 0 0 0px;
}
.feat_stories_list li h5{
	margin: 10px 0 10px 0; 
}
.feat_stories_list li p{
	margin: 0 0 10px 0;
	line-height: 20px;
}

.rightbar_box{
	margin: 0 0 30px 0;
	background: #ECF1F4;
	padding: 5px 20px 20px 20px;
	line-height: 20px;
}
.rightbar_box p{
	margin: 10px 0;
}
.volunteer_box{
	text-align: center;
	background: #DFEEF2 !important;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #5a6d73;
	height: 200px;
	margin-top: 30px;
}
.volunteer_box h3{
	color: #4a6974;
}
.mission_box{
	text-align: center;
	background: #D1EFFA !important;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #868686;
	/*margin-top: 30px;*/
	padding: 5px 30px 30px 30px;
	}
.mission_box h3{	color: #828282;margin: 20px 0 15px 0;}
.mission_box p{	margin: 10px 0 15px 0;}
.mission_box .hr1{	margin: 0px auto;width: 60px;border: none;border-top: 1px solid #C4C4C4;}
.mission_box .hr2{	margin: 0px auto;width: 100px;border: none;border-top: 1px solid #C4C4C4;margin-top: 3px;margin-bottom: 3px;}
.rightbar, .volunteer_box, .mission_box{ line-height: 1.6em;}

.bordered_box{
	text-align: center;
	color: #868686;
	margin-top: 30px;
	padding: 5px 30px 30px 30px;
	border-top: 1px solid #CBD3D8;
	border-bottom: 1px solid #CBD3D8;
	}
.unbordered_box{
	text-align: center;
	color: #868686;
	margin-top: 30px;
	padding: 20px 30px 0px 30px;
	border-top: 1px solid #CBD3D8;
	}

/*......buttons...............*/
.g_button{
	width: auto;
	font: normal 18px 'BebasRegular' , sans-serif;
	background: #32A7D3;
	padding: 10px 15px;
	color: #ffffff;
	border: none;
	border-bottom: 1px solid #51829F;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	word-spacing: 0.2em;
}
.g_button:hover{
	text-decoration: none;
	background: #5AB8DC;
}
.sidebar_button{
	width: auto;
	font: normal 18px 'BebasRegular' , sans-serif;
	background: #ffffff;
	padding: 10px 10px;
	color: #05ADDA;
	border: none;
	border-top: 1px solid #E6EDEE;
	border-left: 1px solid #E6EDEE;
	border-right: 1px solid #E6EDEE;
	border-bottom: 1px solid #CAD9DB;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	word-spacing: 0.2em;
}
.sidebar_button:hover{
	background: #ffffff;
	padding: 10px 10px;
	color: #05ADDA;
	border: none;
	border-top: 1px solid #CAD9DB;
	border-left: 1px solid #CAD9DB;
	border-right: 1px solid #CAD9DB;
	border-bottom: 1px solid #E6EDEE;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}


.breadcrumbs{
	margin: 20px 0 ;
	color: #454545;
}
.breadcrumbs  a{
	color: #82A5AC;
}
.clearer{
	clear: both;
}
.right_floated{float: right;}
.spacer{clear: both; margin: 30px 0;height: 3px; line-height: 3px; border-top: 1px solid #CBD3D8;  border-bottom: 1px solid #CBD3D8;}

/*....................end of main content..............................*/


/*.........................footer......................................*/
.footer_bg{
	background: url('images/footer_pattern.png') repeat left top;
	height: 320px;
}
.footer_menu{
	padding: 30px 0 0px 0;
	width: 1000px;
	height: 150px;
	margin:0px auto;
	text-align:left;
}
.footer_menu li{
	float: left;
	width: 220px;
	color: #B5C5D2;
}
.footer_menu li h3{
	color: #EDF0F3;
	margin: 20px 0 20px 0;
}
.footer_menu li .footer_menu_items li{
	float: none;
	width: 220px;
}
.footer_menu li .footer_menu_items li a{
	display: block;
	padding: 3px 0;
	width: 220px;
	color: #A2D2E6;
}
.footer_menu li .footer_menu_items li a:hover{
	color: #ffffff;
	text-decoration: none;
}

.footer_menu li.contact{
	width: auto;
	margin: 0 0 0 150px;
}
.footer_media{
	margin: 20px 0 30px -10px;
}
.footer_media li{
	float: left;
	width: auto;
}
.footer_media li a{
	display: block;
	float: left;
	margin: 0 0px 0 10px;
}
.footer_media li a img{
	display: block;
}
.footer_info_bg{
	clear: left;
	margin: 20px 0 0 0;
	background: #0C1A21;
	height: 60px;
	text-align: center;
}
.foot_info{
	margin: 0px auto;
	width: 1000px;
	padding: 20px 0 0 0;
	text-align: left;
	color: #628388;
}
.foot_info a{
	color: #7AB3BC;
}
.footer_facebook{
	background: url('images/facebook.png') no-repeat center;
	width: 51px;
	height: 51px;
	margin: 0px auto;
}
.footer_rss{
	background: url('images/rss.png') no-repeat center;
	width: 51px;
	height: 51px;
	margin: 0px auto;
}
.footer_twitter{
	background: url('images/twitter.png') no-repeat center;
	width: 51px;
	height: 51px;
	margin: 0px auto;
}
.footer_linkedin{
	background: url('images/linkedin.png') no-repeat center;
	width: 51px;
	height: 51px;
	margin: 0px auto;
}
.footer_vimeo{
	background: url('images/vimeo.png') no-repeat center;
	width: 51px;
	height: 51px;
	margin: 0px auto;
}
.footer_youtube{
	background: url('images/youtube.png') no-repeat center;
	width: 51px;
	height: 51px;
	margin: 0px auto;
}


/**/

/*..........story detail.....*/

.story_detail img{ float: left;	margin: 0px 20px 20px 0;}
.story_detail{	line-height: 20px;}
.story_detail p{margin: 10px 0;}

.rightbar_list{margin: 0px 0 30px 0;}
.rightbar_list li{padding: 20px 0; border-bottom: 1px solid #CBD3D8;}
.rightbar_list li:first-child{padding:  0px 0 20px 0; border-bottom: 1px solid #CBD3D8;}

.sidebar_media li{	float: left;}
.sidebar_media li a{	display: block; float: left; margin: 0 0 10px 0; padding: 0 0 0 60px; width: 90px; height: 51px;  line-height: 51px; background: url('images/sidebar_media.png') no-repeat; }
.sidebar_media li#facebook a{  background-position: 0px 0px; }
.sidebar_media li#linkedin a{ background-position:  0px -169px;}
.sidebar_media li#twitter a{ background-position:  0px -56px;}
.sidebar_media li#youtube a{ background-position:  0px -226px;}
.sidebar_media li#vimeo a{ background-position:  0px -113px;}
.sidebar_media li#wiserearth a{ background-position:  0px -282px;}

a#newsletter_subscription{	display: block; margin: 20px 0 20px 0; padding: 10px 0 0 60px; height: 41px;  background: url('images/c_newsletter.png') no-repeat left; font: 18px BebasRegular, sans-serif; word-spacing: 0.1em; }

/*....... org browse......*/

.content_wide{width: 1000px;}
.search_filters{margin: 20px 0; width: 400px;}
.search_filters ul{margin: 20px 0; }
.search_filters label{ display: block; float: left; clear: left; height: 30px; padding: 7px 0 0 0;width: 120px ;margin: 0 20px 0 0;}
.search_filters input{ display: block; float: left; height: 30px; line-height: 30px; width: 240px ; margin: 0 0px 20px 0; border: 1px solid #CBD0D3; }
.search_filters select{ display: block; float: left; height: 30px; line-height: 30px; width: 240px ; margin: 0 0px 20px 0; border: 1px solid #CBD0D3; }
.search_filters checkbox{text-align: left;}
.search_filters select option{ height: 30px; line-height: 30px;}
.search_filters input.g_button{ float: left; width: inherit; height: auto; padding: 7px 15px; width: auto; line-height: inherit; border: none; border-bottom: 1px solid #51829F;}

.organization_list{margin: 20px 0;}
.organization_list li{float: left; width: 170px; margin: 0 35px 30px 0; padding: 0 0 20px 0; border-bottom: 1px solid #CBD3D8; cursor: pointer; min-height: 350px; _height:350px;}
.organization_list li a{color: #1CA7CA; white-space:normal; word-break: hyphenate; word-wrap: break-word;}
.last{margin-right: 0px !important;}


/*.......org profile.......*/
.org_profile_detais{min-height: 220px; _height: 220px;}
.org_profile_detais img{margin: 0px auto;}
.org_profile_detais ul{	margin: 20px 0 0 20px;}
.org_profile_detais h2{	margin: 20px 0 0 0px;  color: #5F5F5F;}
.org_profile_detais ul li{margin-top: 15px;}
.org_profile_detais ul li p{float: left; width: 130px; font-weight: bold; color: #B3B3B3; font-size: 15px;}

.org_profile_story {margin: 40px 0 20px 0;}
.org_profile_story img{float: left;margin: 0 20px 20px 0;}
.org_profile_story h5{margin-bottom: 20px;}
.org_profile_detais .orgs_logo{
	float: left;
	width: 350px;
	text-align: center;
	margin: 65px 0 0 0;
}
.org_profile_detais .orgs_info{
	float: left;
	width: 650px;
}
.org_profile_icons{
	background: url('images/icons.png') no-repeat center;
	width: 21px;
	height: 150px;
	margin-top: 20px;
	float: left;
}


/*....story list....*/

.stories_list{	margin: 20px 0;}
.stories_list li {	float: left; width: 200px; height: 500px; margin: 0 25px 30px 0; line-height: 20px;border-bottom: 1px solid #CBD3D8;}
.stories_list li h5{	margin: 12px 0 10px 0;}
.stories_list li p{	margin: 0 0 10px 0;	line-height: 20px;}

/*.......sign up.......*/

.register_g_info li {float: left; width: 470px; margin-right: 60px;}
.register_g_info li:last-child {margin-right: 0px;}
.register_g_info textarea{width: 260px !important; height: 60px !important; -moz-box-shadow: none;}
.register_g_info li label {color: #555555;display: block;float: left; padding: 7px 0; width: 170px;}
.register_g_info li input {display: block;float: left; height: 30px; line-height: 30px; margin: 0 0 15px;  width: 280px; border: 1px solid #cecece;}
.register_g_info li select {display: block;float: left;height: 30px; line-height: 30px; margin: 0 0 15px;  width: 280px; border: 1px solid #cecece;}
.register_g_info li option { height: 30px; ine-height: 30px;}

.register_contact_info{margin: 10px 0 10px 0; border-bottom: 1px solid #CBD3D8; padding-bottom: 15px;}
.register_contact_info li { float: left; margin-right: 40px; width: 188px; padding: 0 0 0 40px;}
.register_contact_info li:last-child { margin-right: 0px;}
.register_contact_info li:first-child { padding-left: 0px; border: none;}
.register_contact_info li label {color: #555555;display: block;padding: 5px 0 7px 0;}
.register_contact_info li input {border: 1px solid #cecece;  display: block; height: 30px; line-height: 30px;width: 188px;}

.register_focus_info { padding: 0 0 10px 0;margin: 10px 0px 20px 0; border-bottom: 1px solid #CBD3D8;}  
.register_focus_info li {float: left; width: 480px; margin: 0 40px 12px 0;}  
.register_focus_info li label {color: #555555;  padding: 0 0 0 0px;}
.register_focus_info li input { margin: 4px 10px 0 0;}

/*.......events and actions.........*/
.events_and_actions{float: right; width:650px;}
.events_and_actions_list li{padding: 20px 0 20px 220px; border-bottom: 1px solid #CBD0D3; line-height: 1.4em;}
.events_and_actions_list li img{float: left; margin: 20px 0px 20px -220px; }
.events_and_actions_list li p{margin: 10px 0px 10px 0px; }
.events_filters{margin: 0 0 20px 0; }
.events_filters label{ display: block; padding: 3px 0 3px; 0;width: 100px ;margin: 0 20px 0 0;}
.events_filters input{ display: block; height: 30px; line-height: 30px; width: 300px ; margin: 0 0px 10px 0; border: 1px solid #CBD0D3; }
.events_filters select{ display: block;  height: 30px; line-height: 30px; width: 300px ; margin: 0 0px 20px 0; border: 1px solid #CBD0D3; }
.events_filters select option{ height: 30px; line-height: 30px;}
.events_filters input.g_button{ float: right;width: inherit; height: auto; padding: 7px 15px; width: auto; line-height: inherit; border: none; border-bottom: 1px solid #51829F;}

/*........business stories.....*/
.centered{	text-align: center;}
.stories_p{ float: left; width: 40%; margin: 0 5%; font-size: 16px; line-height: 1.4em; margin-top: 20px;}
.business_story_name{margin: 20px 0 5px 0 !important; text-transform: uppercase; font-weight: bold;}
.date{margin: 0px 0 10px 0 !important;}

/*........business sponsorships ....*/
.sponsorship_box{margin-right: 30px; width: 310px; height: 450px; float: left; text-align: center;}
.sponsorship_box p{line-height: 22px; font-weight: bold;}
.sponsorship_box .last{margin-right: 0px;}
.sponsor_box{margin-right: 20px; width: 300px; height: 450px; float: left; border-right: 1px solid #CBD3D8; padding-right: 20px;}
.sponsor_box p{line-height: 20px; }
.sponsor_box_last{width: 300px; height: 450px; float: left;}
.sponsor_box_last p{line-height: 20px; }


/*........business guidelines ....*/
.guidelines{line-height: 22px !important;}
.guidelines_ul{margin 10px 0;}
.guidelines_ul li{margin: 10px 0; padding: 0 0 0 30px; list-style-type: disc; list-style-position: inside;}

/*........blog, news and events ....*/
.blog_features{background-color: #DDDDDD; text-transform: uppercase; padding: 10px; font: 24px 'BebasRegular', Arial, sans-serif; color: #2E2E2E;  word-spacing: 0.2em; color: #717171;}
.blog_post{height: 500px !important;}
.blog_categories{
	text-transform: uppercase;
	font: 16px Lato, Arial, sans-serif; color: #383838;
}
.blog_categories li{
	height: 35px;
	border-bottom: 1px solid #CBD3D8;
	margin-top: 15px;
}
.blog_categories li a{
	padding: 0px 0px 0px 15px;
	color: #019DC3;
}
li.current-cat a{color: #F06521 !important;}
.search_input{padding: 0px 0px 0px 10px; position:relative; top:-2px; width:190px; height: 42px; line-height: 40px; border: 1px solid #CBD3D8;}


/*business programs*/
.program_intro{
	text-align: center;
	font-size: 18px;
	color: #3A6778;
	line-height: 24px;
	border-bottom: 1px solid #CBD3D8;
}
.program_left{
	width: 470px;
	float: left;
	border-right: 1px solid #CBD3D8;
	margin-right: 20px;
	padding-right: 20px;
}
.program_left li{
	background: url('images/bula_ok.png') no-repeat left center;
	padding: 20px 0 20px 70px;
	line-height: 1.6em;
}
.program_left li p{
	background: url('images/bula_ok.png') no-repeat left center;
	padding-left: 70px;
	height: 70px;
}
.program_right{
	width: 470px;
	float: left;
	margin: 0 0 20px;
    padding: 5px 0;
}
.program_right li{
    padding: 20px 0 20px 0px;
    text-align: justify;
}
.bula_nr{
	background: url("images/bula_nr.png") no-repeat left center;
    color: #FFFFFF;
    float: left;
	line-height: 47px !important;
    font: 24px Lato,sans-serif;
    height: 47px;
    margin: 0px 25px 0 0;
    text-align: center;
    width: 47px;
}
.bula_txt{
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 20px !important;
    margin: 5px 0 0;
	padding-left: 70px;
}
.program_end{
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}
.program_end_box{
	width: 800px;
	margin: 0px auto;
}


/*ors sign in*/
.sign_in_box{
	margin: 20px 0;
	float:left;
	width: 440px;
	padding: 0px 40px 10px 0;
	border-right: 2px solid #E1E1E1;
}
.sign_in_box label{
	display: block;
	/*float: left;*/
	padding: 7px 0;
	width: 100px;
	color: #555555;
}
.sign_up_box{
	margin: 20px 0px 0px 40px;
	width: 440px;
	float: left;
}
.sign_up_box li{
	background: url('images/bula_ok.png') no-repeat left center;
	padding: 15px 0 15px 70px;
	line-height: 1.6em;
}
.sign_up_box p{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
}

/*orgs tools*/
.tools_list{
	border-bottom: 1px solid #CBD3D8;
	padding-bottom: 30px;
	padding-top: 20px;
}
.tools_list h3{
	font-size: 20px;
}
.tools_list li{
	background: url('images/bula_ok.png') no-repeat left center;
	padding: 20px 0 20px 70px;
	line-height: 1.6em;
}

/*business pledge*/
.pledge_text{
	text-align:center;
	width: 1000px;
	margin: 0px auto;
	padding: 15px 0px;
}
.pledge_text p{
	  font: 24px Arial;
	  line-height: 1.6em;
	  margin: 0px auto;
	  font-style: italic;
	  color: #EF641F;
}
.plege_text_bottom{
	line-height: 28px;
	font-size: 16px;
}

/*contact page*/
.contact_left_box{
	width: 700px;
	float: left;
}
.contact_right_box{
	margin-top: 35px;
	float:left;
	width: 270px;
	padding: 10px;
	margin-left: 10px;
}
.contact_right_box p{
	line-height: 20px;
}
.contact_info{margin: 20px 0 0 0;}
.contact_info li { float: left; margin-right: 40px; width: 250px; padding: 0 0 0 20px;}
.contact_info li:last-child { margin-right: 0px;}
.contact_info li:first-child { padding-left: 0px; border: none;}
.contact_info li label {color: #555555;display: block;padding: 10px 0 7px 0;}
.contact_info li input {border: 1px solid #cecece;  display: block; height: 30px; line-height: 30px;width: 250px; margin-bottom: 15px;}


/*about page*/

.about_4yg{
	width: 250px;
	float: left;
	padding: 20px;
}
/*.about_4yg li:first-child{
	padding: 0px;
	margin: 0px;
}*/
.about_4yg li{
	margin: 0 0 0px 0;
	padding: 0px 0 10px 70px;
	font: 26px BebasRegular, sans-serif;
	color: #35515C;
}
.about_4yg li p{
	margin: 5px 0 0 30px;
	font: bold 12px 'Lato', Arial, sans-serif;
	letter-spacing: 0.05em;
	color: #8D9EA5;
	text-align: left !important;
	width: 150px;
}
.about_4yg li.illuminate{
	background: url('images/illuminate.png') no-repeat left top;
}
.about_4yg li.inspire{
	background: url('images/inspire.png') no-repeat left top;
}
.about_4yg li.support{
	background: url('images/support.png') no-repeat left top;
}
.about_inner{
	background: url('images/inner_map.jpg') no-repeat left top;
	width: 1000px;
	height: 471px;
	padding-bottom: 30px;
	/*text-align: center;*/
}
.about_inner_box_left{
	float: left; 
	width: 420px;
	margin-top: 20px;
	padding-right: 80px;
}
.about_inner_box_left p{
	font-size: 15px;
	line-height: 26px;
}
.about_inner_box_right{
	float: left; 
	width: 420px;
	margin-top: 20px;
	padding-left: 80px;
}
.about_inner_box_right p{
	font-size: 15px;
	line-height: 26px;
}

.about_map{	text-align: center;padding: 0 0 30px 0;}
.about_map h1{	color: #595959;}
.about_map p.under_title{	float: none; width: auto; margin: -5px 0 25px 0 ; color: #949494; font: 24px Lato, sans-serif; letter-spacing: 0.2em;}
.about_map p{float: left; width: 42%; padding: 0 4%; line-height: 1.6em; font-size: 16px;}
.big_quote{margin: 0 0 50px 0;clear: left; text-align: center; font: italic 24px Droid Serif, serif;line-height: 1.4em; padding: 30px 0; border-top: 1px solid #DADADA;  border-bottom: 1px solid #DADADA;}
.about_needed{ text-align: center;padding: 0 0 30px 0;}
.about_needed h2{ color: #595959;}
.about_needed ul li{ float: left; margin: 10px 0 0 0 ;width: 27%; padding: 0 3%; }
.about_needed ul li p{ margin: 0 0 15px 0; padding: 15px 0; border-top: 1px solid #DADADA;  border-bottom: 1px solid #DADADA; font: normal 18px Droid Serif, serif; color: #EF641F; line-height: 1.5em; }

.about_det4yg{float: left; margin: 0 10% 0 0; width: 45%; line-height: 1.6em; text-align: center;}
.about_det4yg span{display: block; margin: 0 0 10px 0; font: normal 18px Droid Serif, serif;  line-height: 1.6em;}

.about_detshift{float: left; width: 45%; line-height: 1.6em; text-align: center; margin-top: 0px;}
.about_detshift span{display: block; margin: 0 0 10px 0; font: normal 18px Droid Serif, serif;  line-height: 1.6em;}

.about_detcenter{text-align: center; font-size: 20px; font-style: italic;  line-height: 30px;}

.about_quote{width: 315px; float: left; margin-right: 25px; font-style: italic; line-height: 1.6em;}
.about_quote_author{float: right; font-style: italic; margin-top: 40px; text-align: right;}

.about_st_video{
	list-style-type:circle;
	margin-left: 20px;
	margin-bottom: 10px;
}
.about_st_video li{
	line-height: 20px;
}

/*individuals home*/
.leftbar_home{
	float: left;
	width: 630px;
}
.ind_testimonials{
	margin: 20px 0;
}
.ind_testimonials li{	
	float: left;
	margin: 0px 30px 30px 0px;
	background: #EDF0F3;
	width: 300px;
	height: 320px;
	border-bottom: 1px solid #CBD3D8; 
}
.ind_testimonials span, .ind_testimonials h5, .ind_testimonials p  {padding: 0 15px;}


.ind_testimonials li img{
	display: block;
	margin: 0 0 10px 0;
}
.ind_testimonials li span{
	display: block;
	font: italic 12px 'Droid Serif' ,Georgia, serif;
	color: #868686;
}
.ind_testimonials li p{
	margin: 15px 0 20px 0;
	font: italic 14px 'Droid Serif' ,Georgia, serif;
	line-height: 20px;
}
.individuals_rightbar{
	float: left;
	/*padding: 20px;*/
	width: 320px;
	margin: 50px 0px 0px 20px;
}
/*.individuals_rightbar h2{
	color: #000000;
}*/
.indidual-pledges{
	
}
.indidual-pledges li{
	margin: 5px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CBD3D8; 
}
.indidual-pledges li .name{
	font-weight: bold;
}
.indidual-pledges li .location{
	color: #A5A5A5;
	float: left;
}
.indidual-pledges li .date{
	margin-top: 15px;
	margin-bottom: 5px;
	color: #A5A5A5;
	float: right;
}


/*solutions menu*/
.blog_categories h4{
	border-bottom: 1px solid #CBD3D8;
    height: 35px;
    margin-top: 15px;
	color: #019DC3;
	font-weight: bold;
}
.blog_categories h4 a{
	color: #019DC3;
}
.solutions_leftbar{
	float: left;
    margin: 0 50px 0 0;
    width: 300px;
}

/*.register_g_info li input{
	display: block;
	float: left;
	font: 13px Arial, sans-serif !important;
	width: 295px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 20px 0;
	padding: 5px 0px 5px 5px;
	background: #ffffff;
	border: 1px solid #E1E1E1;

}
.register_g_info li select{
	display: block;
	float: left;
	font: 13px Arial, sans-serif !important;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 20px 0;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #E1E1E1;
} 
.register_g_info li select option{
	height: 30px;
	line-height: 30px;
	
}