/* Page Holder */
#container{
	padding: 0px;
	margin: 0 auto;
	width: 100%;
}
#container #wrapper{
	padding: 12px 0 0 0;
	margin: 0 auto;
	width: 1024px;
}
#container #ajax_wrapper{
	padding: 12px 0 0 0;
	margin: 0 auto;
	width: 738px;
}

/* General Styles */
.clear { clear:both; }
.float-l{ float:left; }
.float-r{ float:right; }

/* H1 to H6 type Styles */
h1 { font-weight:normal; font-size:12px; }

/* Textbox Styles */
.tb1 {
	background:url(../images/textbox1.png) no-repeat top left;
	height:21px;
	width:131px;
}
.tb1a {
	border:0;
	width:121px;
	margin:3px 0 0 5px;
	background:none;
	font-size:10px;
	font-family:arial;
	float:left;
	font-weight:normal;
}

/* Header */
#header{
	padding: 0px;
	margin: 0 auto;
	width: 1024px;
	height:118px;
	/* background:url(../images/bg_header2.jpg) no-repeat left top; */
	text-align:left;
}
#header p{
	padding:15px 0 0 10px;
}

/* Navigation1 */
#navigation1{
	padding: 0px;
	margin: 0 auto;
	width: 1022px;
	clear:both;
	text-align:left;
	height:28px;
	background:#fcbb05;
	border-left:1px #b9b9b9 solid;
	border-right:1px #b9b9b9 solid;
	border-top:1px #ffffff solid;
	border-bottom:1px #ffffff solid;
}
#navigation1 #nav1-inner1{
	margin:0 0 0 31px;
	color:#603913;
	line-height:28px;
}
#navigation1 #nav1-inner1 a{
	color:#603913;
}
#navigation1 #nav1-inner1 a:hover{
	color:#ffffff;
}
#navigation1 #button-getinvolved{
	background:url(../images/button_type2.png) no-repeat left top;
	width:90px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#f26522;
	margin:4px 5px 0 0;
	float:left;
}
#navigation1 #search-block{
	padding:4px 8px 0 0;
	float:left;
}
#navigation1 li.float_1 {	
	float:right;
	}
/* Navigation2 */
#navigation2{
	padding: 0px;
	margin: 0 auto;
	width: 1022px;
	clear:both;
	height:49px;
	line-height:49px;
	background:url(../images/bg_navigation2.gif) repeat-x left top;
	text-align:left;
	border-left:1px #b9b9b9 solid;
	border-right:1px #b9b9b9 solid;
}
#navigation2 a{
	font-size:14px;
	color:#ffffff;
	float:left;
	height:49px;
	font-weight:bold;
	background:url(../images/bg_navigation2-li.gif) no-repeat right top;
	padding:0 32px 0 31px;
}
#navigation2 a:hover{
	color:#000000;
}
#navigation2 a.last{
	background:none;
}

/* Content */
#content{
	padding: 0 11px 0 11px;
	margin: 0 auto;
	width: 1000px;
	clear:both;
	overflow:hidden;
	text-align:left;
	background:#ffffff;
	border-left:1px #b9b9b9 solid;
	border-right:1px #b9b9b9 solid;
}

/* Leftstrip */
#content #leftstrip{
	float:left;
	width:736px;
}
#content #leftstrip p{
        line-height: 20px;
}
#content #leftstrip #cont-block1{
	width:736px;
	height:211px;
	overflow:hidden;
	position:relative;
	margin:20px 0 23px 0;	
}
#content #leftstrip #cont-block1 .gallerySlides li {
	float:left;
	width:360px;
	height:209px;
	}
#content #leftstrip #cont-block1 li.float-l{
	width:365px;
	z-index:9;
	padding:0 0 0 10px;
}
#content #leftstrip #cont-block1 li.float-l b{
	color:#f26522;
	font-size:18px;
	display:block;
	/*height:35px;*/
        padding-bottom: 6px;
}
#content #leftstrip #cont-block1 li.float-l a{
	color:#f26522;
}
#content #leftstrip #cont-block1 li.float-l a:hover{
	color:#000000;
}
#content #leftstrip #cont-block1 #pagination{
	clear:both;
	position:absolute;
	right:0;
	top:190px;
	z-index:99;
	line-height:20px;
	font-family:arial;
}
#content #leftstrip #cont-block1 #pagination .link-arrow a{
	font-weight:bold;
	color:#f26522;
	margin:0 0 0 3px;
}
#content #leftstrip #cont-block1 #pagination .link-mid a{
	color:#ffffff;
	display:block;
	float:left;
	z-index:9999;
	padding:0 5px 0 5px;
	margin:0 0 0 3px;
	background:#8c8c8c;
}
#content #leftstrip #cont-block1 #pagination .link-mid a:hover,
#content #leftstrip #cont-block1 #pagination .link-mid a.activeSlide{
	background:#fccf99;
	color:#000000;
}
#content #leftstrip #cont-block2{
	width:736px;
	height:63px;
	clear:both;
	background:url(../images/bg_cont-block2.jpg) no-repeat left top;
}
#content #leftstrip #cont-block2 b{
	display:block;
	line-height:34px;
	font-size:22px;
	color:#ffffff;
	padding:0 0 0 10px;
}
#content #leftstrip #cont-block2 a{
	color:#464646;
	padding:0 30px 0 30px;
}
#content #leftstrip #cont-block2 a:hover,
#content #leftstrip #cont-block2 a.inpage{
        font-weight: bold;
	color:#f26522;
}
#content #leftstrip #cont-block2 a,
#content #leftstrip #cont-block2 span{
	float:left;
	display:block;
	line-height:25px;
}
#content #leftstrip #cont-block3{
	
}
#content #leftstrip #cont-block3 div{
	height:223px;
	float:left;
	width:275px;
	margin:1px 1px 0 0;
	overflow:hidden;
	position:relative;
}
#content #leftstrip #cont-block3 div.last{
	margin:1px 0 0 0;
	width:184px;
}
#content #leftstrip #cont-block3 div p{
	height:75px;
	padding:10px;
	color:#ffffff;
	margin:-95px 0 0 0;
	position:relative;
	background:url(../images/bg_cont-block3.png);
}
#content #leftstrip #cont-block3 div b{
	color:#fcbb05;
	display:block;
}
#content #leftstrip #cont-block3 div i{
	color:#f7941d;
	display:block;
}
#content #leftstrip #cont-block3 p{
        line-height: 14px;
        padding: 3px;
}
#content #leftstrip #cont-block3-more{
	color:#0072bc;
	display:block;
	line-height:40px;
	font-weight:bold;
	font-style:italic;
}
#content #leftstrip #cont-block3-more:hover{
	color:#000000;
}

/* Rightstrip */
#content #rightstrip{
	float:right;
	width:247px;
}
#content #rightstrip #quotes{
	width:227px;
	height:234px;
	color:#ffffff;
	margin:10px 0px 10px 0px;
	padding:0 12px 0 12px; 
	background:url(../images/bg_quotes.gif) no-repeat left top;
}
#content #rightstrip #quotes a{
        color:#dcdcdc;
        text-underline:none;
}
#content #rightstrip #quotes b{
	display:block;
	line-height:32px;
	font-size:18px;
}
#content #rightstrip #quotes p{
	width:230px;
	height:135px;
	color:#000000;
	text-align:center;
	font-size:12px;
}
#content #rightstrip #quotes span {
	font-size:12px;
	}
#content #rightstrip #quotes p strong{
	font-size:14px;
	display:block;
        padding-right: 10px;
}
#content #rightstrip #quotes #refresh_q {
        float: right;
}
#content #rightstrip #button-votestory{
	width:247px;
	height:48px;
	display:block;
	text-align:center;
	color:#ffffff;
	font-size:18px;
	padding:6px 0px 0 0;
	font-weight:bold;
	background:url(../images/button_type3.gif) no-repeat left top;
}
#content #rightstrip #button-votestory:hover{
	color:#000000;
}
#content #rightstrip #subscribe{
        width:247px;
        height:204px;
        margin:10px 0 10px 0;
        background:url(../images/bg_subscribe.gif) no-repeat left top;
}
#content #rightstrip #subscribe h1{
        color:#f26522;
        font-size:16px;
        line-height:40px;
        font-weight:bold;
        text-align:center;
}
#content #rightstrip #subscribe ul{
        float:left;
        width:100%;
        height:32px;
}
#content #rightstrip #subscribe li.float-l{
        line-height:22px;
        padding:0 10px 0 20px;
}
#content #rightstrip #subscribe input{
        border:1px #9e9e9e solid;
        width:140px;
        height:18px;
        padding:2px;
        margin:0;
}
#content #rightstrip #subscribe p{
        line-height:14px;
        font-size:11px;
        color:#464646;
        text-align:center;
        padding-bottom: 10px;
}
#content #rightstrip #subscribe #spacer {
        padding: 15px;
}
#content #rightstrip #subscribe #button-clickhere{
        display:block;
        margin: 0 auto;
        width: 159px;
        height:48px;
        color:#252525;
        font-size:19px;
        line-height:32px;
        background:url(../images/button_type4.png) no-repeat left top;
        text-align:center;
}
#content #rightstrip #subscribe #button-clickhere:hover{
	color:#ffffff;
}
#content #rightstrip #subscribe #link-subscribe{
	display:block;
	color:#ffffff;
	font-size:11px;
	float:right;
	margin:0 10px 0 0;
	text-decoration:underline;
}
#content #rightstrip #subscribe #link-subscribe:hover{
	text-decoration:none;
}
#content #rightstrip #sub_header{
        width:227px;
        height:33px;
        line-height:20px;
        letter-spacing:-1px;
        padding:0 10px 0 10px;
        margin:0 0 0px 0;
        background:url(../images/sub_header.gif) no-repeat left top;
}
#content #rightstrip #sub_header b{
        color:#ffffff;
        display:block;
        font-size:18px;
        line-height:30px;
        letter-spacing:0px;
        margin:0 0 5px 0;
}
#content #rightstrip #recent-comments{
	width:227px;
	height:235px;
	line-height:20px;
	letter-spacing:-1px;
	padding:0 10px 0 10px;
	margin:0 0 10px 0;
	background:url(../images/bg_recent-comments.gif) no-repeat left top;
}
#content #rightstrip #recent-comments b{
	color:#ffffff;
	display:block;
	font-size:18px;
	line-height:30px;
	letter-spacing:0px;
	margin:0 0 5px 0;
}
#content #rightstrip #recent-comments span{
	color:#f26522;
	display:block;
}

/* Footer */
#footer{
	padding: 0 12px 0 12px;
	margin: 0 auto;
	width: 1000px;
	height:215px;
	clear:both;
	background:url(../images/bg_footer.png) no-repeat left top;
	text-align:left;
}
#footer #foot-leftblock h1,
#footer #foot-rightblock h1{
	font-size:28px;
	line-height:36px;
	margin:10px 0 0 0;
}
#footer #foot-leftblock{
	float:left;
	width:500px;
	height:190px;
}
#footer #foot-leftblock img{
	float:left;
	margin:0 10px 0 0;
}
#footer #foot-rightblock{
	float:right;
	width:432px;
}
#footer #foot-rightblock h1{
	font-size:14px;
}
#footer #foot-rightblock #other-projects a{
	width:104px;
	height:35px;
	color:#3f3f3f;
	line-height:35px;
	text-align:center;
	margin:2px;
	display:inline-block;
	background:url(../images/button_type1.png) no-repeat left top;
}
#footer #foot-rightblock #other-projects a:hover{
	color:#f26522;
}
#footer #foot-rightblock #sharethis{
	width:210px;
	height:39px;
	clear:both;
	float:right;
	text-align:center;
	margin:6px 0 0 0;
	background:url(../images/bg_sharethis.png) no-repeat left top;
}
#footer #foot-rightblock #sharethis img{
	margin:4px 2px 0 2px;
}
#footer #copyright-info{
	text-align:center;
	color:#f26522;
	clear:both;
}

/*.... Inner Page CSS ......*/
#related_articles {
	padding:20px 0 0 0;
	clear:both;
	overflow:hidden;
	}
#related_articles h4 {
	font-size:19px;
	padding:0 0 10px 0;
	color:#252525;
	background:url(../images/devider1.gif) repeat-x left bottom;
	}
#related_articles ul {
	padding:10px 0 0 0;
	}
#related_articles li {
	list-style:none;
	float:left;
	width:174px;
	color:#f26522;
	font-size:14px;
	font-weight:bold;
	padding:0 13px 0 0;
	}
#related_articles li.last { padding:0; }
#related_articles li img {
	display:block;
	padding:0 0 5px 0;
	}
#breadcrumb {
	color:#464646;
	font-size:11px;
	padding:15px 0;
	clear:both;
	overflow:hidden;
	}
#breadcrumb a {
	color:#464646;
	}
#dg_quote {
	text-align:center;
	font-size:14px;
	background:url(../images/quotes.gif) no-repeat left top;
        height: 60px; 
        width: 735px;
        overflow: hidden;
}
#dg_quote #dg_quote_container {
        margin: 3px 70px 0 55px;
        padding: 0 6px 0 6px;
}
#dg_quote_container strong {
	font-size:16px;
	color:#111111;
	}
#quotes {
	text-align:center;
	font-size:14px;
	}
#quotes strong {
        padding: 2px;
	font-size:16px;
	color:#111111;
	}
.top1 {
	width:738px;
	height:4px;
	clear:both;
	overflow:hidden;
	margin:15px 0 0 0;
	background:url(../images/top1.gif) no-repeat left top;
	}
.bottom1 {
	width:738px;
	height:5px;
	clear:both;
	overflow:hidden;
	background:url(../images/bottom1.gif) no-repeat left top;
	}
#reset_style {
        line-height: 20px;
        font-size: 15px;
}
#reset_style a {
        color: brown;
}
#reset_style a:hover {
        background-color: #dcdcdc;
}
#reset_style p {
        line-height: 22px; margin-bottom: 16px;
}
#reset_style h3 {
        font-size: 20px;
        font-weight: bold;
        padding: 8px 0px 6px 0px;
}
#reset_style ol {
        margin: 2px; 
        list-style-type: numeric;
}
#reset_style ul {
        margin: 0px; padding: 0px;
}
#reset_style li {
        padding: 0;
        margin: 4px 0 6px 60px;
        line-height: 1.7em;
        width: 80%;
}
#reset_style blockquote {
        padding: 6px 6px 6px 60px; 
}
#sixways_ants_are_good {
	width:718px;
	clear:both;
	overflow:visible;
	padding:0 10px 20px 10px;
	background:url(../images/mid1.gif) repeat-y left top;
	}
#sixways_ants_are_good #disqus_comments {
	padding:0 20px 0 8px;
}
#sixways_ants_are_good p {
        margin-top: 10px;
}
#sixways_ants_are_good h1 {
	padding-top: 10px;
	color:#f26522;
	font-size:26px;
        font-weight: bold;
	}
#sixways_ants_are_good .ants_image {
	float:left;
	border:1px solid #606060;
	margin:0 10px 10px 0;
	}
#sixways_ants_are_good .clear_c {
	padding:15px 0 0 0;
	}
#sixways_ants_are_good .clear_c strong {
	font-size:16px;
	}
#getinvolved {
	padding:10px;
	clear:both;
	overflow:hidden;
	height:20px;
	width:683px;
	margin:20px 0 0 0;
	background:url(../images/take_action_bg.jpg) no-repeat left top;
}
#getinvolved strong {
	color:#f26522;
	font-size:27px;
	display:block;
	padding:0 0 5px 0;
}
#getinvolved_content {
        padding: 10px 20px 10px 13px;
}
#getinvolved_content p {
        padding-bottom: 10px;
}
#sixways_ants_are_good #take_action {
	padding:10px;
	clear:both;
	overflow:hidden;
	width:683px;
	height:80px;
	margin:20px 0 0 0;
	background:url(../images/take_action_bg.jpg) no-repeat left top;
	}
#sixways_ants_are_good #take_action strong {
	color:#f26522;
	font-size:27px;
	display:block;
	padding:0 0 5px 0;
	}
#sixways_ants_are_good #reaction a {
	color:#f26522;
	font-weight:bold;
	font-size:16px;
	margin:0 0 0 10px;
	display:inline-block;
	text-decoration:underline;
	 }
#sixways_ants_are_good #reaction a:hover { text-decoration:none; }
#sixways_ants_are_good #icons {
	width:718px;
        height: 35px;
	clear:both;
	overflow:visible;
	padding:0px 0 25px 0;
	line-height:30px;
	background:url(../images/devider2.jpg) repeat-x left bottom;
	}
#sixways_ants_are_good #icons .like {
	float:right;
	color:#0072bc;
        padding: 6px 0 0 5px;
	border-right:1px solid #dcdcdc;
	}
#sixways_ants_are_good #icons .twitter {
	float:right;
	color:#363636;
	padding:0 8px 0 40px;
	border-right:1px solid #dcdcdc;
	background:url(../images/ic_4.jpg) no-repeat 14px top;
	}
#sixways_ants_are_good #icons .email {
	float:right;
	color:#363636;
	padding:0 8px 0 40px;
	border-right:1px solid #dcdcdc;
	background:url(../images/email_ic.jpg) no-repeat 14px top;
	}
#sixways_ants_are_good #icons .share {
	float:right;
	padding:0 2px 0 5px;
	}
#sixways_ants_are_good #icons .share span {
	float:right;
	font-weight:normal;
	}
#sixways_ants_are_good #icons .share a {
	float:right;
	padding:0 0 0 3px;
	}
#sixways_ants_are_good #icons .print {
	float:right;
	color:#363636;
	padding:0 8px 0 30px;
	border-left:1px solid #dcdcdc;
	margin:0 5px 0 0;
	background:url(../images/share_icon.jpg) no-repeat 5px center;
	}
#sixways_ants_are_good #icons a { float:right; } 
#sixways_ants_are_good #icons img { 
	margin:3px 0 0 0;
}

/************************/
/* Buttons              */
/************************/
a.jankobutton {
    background: transparent url('http://www.dailygood.org/images/buttons/janko/button_right_05.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 34px;
    margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
}

a.jankobutton span{
    background: transparent url('http://www.dailygood.org/images/buttons/janko/button_left_05.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 7px 0 5px 18px;
}

a.jankobutton:hover span{
    text-decoration:underline;
}


.ovalbutton{
background: transparent url('http://helpothers.org/pics/my/oval-blue-left.gif') no-repeat top left;
display: block;
float: right; 
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('http://helpothers.org/pics/my/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

