/* general*/

html, body { 
	background: #fff; 
	font-family: Georgia, "Trebuchet MS", Arial; 
	width: 1024px;
	margin:0;
	padding: 0;
}

html>body {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

a:link { text-decoration: none; border: none; }
img { border: none; }
.green { color: #7ac800 }
.blue { color: #00bef1 }
.grey { color: #808285 }

#header {
	position: relative;
	width: 1024px;
	height: 430px;
	background-image: url(../../img/lightrelief/bg-header.jpg);
	float: left;
	display:block;
	margin: 0px;
	padding: 0px;
}
#header .btn-sign { position: absolute; right: 45px; top: 32px; }

#menu { width: 415px; float: left; padding: 0; margin: 0}
#menu a { float: left; padding: 0; margin: 0 }

#menu .home { width: 257px; height: 33px; }
#menu .about { width: 370px; height: 39px;}
#menu .how { width: 370px; height: 37px;}
#menu .involved { width: 370px; height: 30px; }
#menu .shop { width: 370px; height: 31px;}
#menu .news { width: 370px; height: 30px;}
#menu .clock { float: left; padding: 0; margin: 0}

#footer { width: 1024px; margin-top: 10px; position: relative; }

#footer .news { width: 1024; height: 89px; color: #d3d4d5; border-top: 3px dashed #d3d4d5; border-bottom: 3px dashed #d3d4d5}
#footer .news_box { float: left; height: 89px; width: 395px}
#footer img { float: left; padding: 0 20px;}
#footer .news_title a { font-size: 20px; color: #7ac800}
#footer .news_content { font-size: 12px; color: #000}
#footer .news_content a { font-size: 12px; color: #000}
#footer .btn-thank { position: absolute; right: 10px; top: 10px;}

#footer .links { width: 1024px; height: 60px; margin-top: 10px; background-color: #7ac800; color: #fff; font-size: 12px;}
#footer .left { float: left; padding: 10px 40px}
#footer a { color: #fff; }
#footer .right { float: left; padding: 10px 40px}

#content { float: left; width: 609px; text-align: left;}

#narrow { }
#narrow .left { float: left; width: 300px }
#narrow .title { font-size: 28px; color: #7ac800 }
#narrow .text { font-size: 20px; color: #808285 }
#narrow .more a { font-size: 12px; color: #00bef1 }

#narrow .right-links { float: left; width: 215px; padding-left: 60px; font-size: 12px; margin-top: 8px }
#narrow .donate { padding: 5px; font-size: 12px; border: 1px dashed #7ac800;}
#narrow .top { padding-top: 20px; padding-bottom: 10px ;}
#narrow .link { border-top: 1px dashed #7ac800; padding: 5px 0;}
#narrow .right-links a { color: #808285; }

#stripe { font-size: 16px; }
#stripe h1 { font-size: 28px; color: #7ac800 }
#stripe .content-2columns-left { font-size: 16px; color: #808285 }

#content .page-text-message { color: red }
#content .page-text-error { color: red }

#yearmonth { position: relative; top: 0px; }
* #yearmonth { position: relative; top: 7px;}
html>body #yearmonth {position: relative; top: 0px;}

#stripe .content-2columns-left a { font-size: 16px; color: #00bef1 }

#stripe li { list-style: circle;}
#stripe li a { font-size: 16px; color: #808285 }

#document-box-link { float: left; width: 200px}
#document-box-content { float: left; width: 150px}
#document-box-date { float: left; width: 250px}

.document-box-link { float: left; width: 200px}
.document-box-content { float: left; width: 150px}
.document-box-date { float: left; width: 250px}