/* --------- JN RESET ---------- */

html,body,div,ul,ol,li, h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
ol, ul, li { list-style:none }
h1,h2,h3,h4,h5,h6,em,strong { font-size:100%;  font-weight: normal; font-style: normal; }
img { border: none; }
a { text-decoration: none; }
strong { font-weight:bold }
em { font-style:italic }


/* --------- LAYOUT ---------- */

body {
	font-family: Helvetica, Arial, sans-serif;
	background: #dadedf; /*url('/img/wall.jpg');*/
}

#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding-left: 12px;
}

#header {
	width: 1000px;
	height: 134px;
	margin: 0 0 0 -12px;
}

#content {
	width: 890px;
	padding: 50px 55px 55px 55px;
	background: #fff;
}

.column1 {
	width: 430px;
	float: left;
	margin: 25px 0 0 0;
}

.column2 {
	width: 430px;
	float: right;	
	margin: 25px 0 0 0;
}


/* --------- MAIN NAV ---------- */

#main_nav { width: 1011px; height: 134px; margin-top: -1px; }
#nav { width: 1011px; height: 134px; position: relative; }
#nav li { float: left; }
#nav li a { top: 0; height: 134px; position: absolute; display: block; background: url('/img/nav_new5.png') no-repeat; text-indent: -9999px; overflow: hidden; }

/* -- NAV SPRITE REFERENCE NUMBERS --
LIS       MISSION       JOIN US        CONTACT       BLOG        
440         580           700            860         1011
      140           120           160           151
*/

/*--up state--*/
li#home a {left: 0; width: 440px; background-position: 0 0; }
li#mission a {left: 440px; width: 140px; background-position: -440px 0; }
li#joinus a {left: 580px; width: 120px; background-position: -580px 0; }
li#contact a {left: 700px; width: 160px; background-position: -700px 0; }
li#blog a {left: 860px; width: 151px; background-position: -860px 0; }

/*--hover state--*/
li#home a:hover {background-position: 0 -134px; }
li#mission a:hover {background-position: -440px -134px; }
li#joinus a:hover {background-position: -580px -134px; }
li#contact a:hover {background-position: -700px -134px; }
li#blog a:hover {background-position: -860px -134px; }


/* --------- FEATURE SLIDER ---------- */

.container { width:890px; height:400px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:890px; display:none; padding:0; margin:0; }
#loopedslider { margin: 30px 0 3px 0; }

.adbox {
	width: 294px;
	height: 90px;
	background: #999;
	float: left;
}




/* --------- HOME ELEMENTS ---------- */

#news {
	margin-top: -25px;	
}

.news_story {
	width: 430px;
	height: 75px;
	float: left;
	padding: 3px 0 3px 0;
}

.news_story a:link, .news_story a:active, .news_story a:visited {
	color: #000;
	text-decoration: none;
}

.news_story a:hover {
	color: #ce4832;
	text-decoration: underline;
}

.news_story img {
	width: 155px;
	height: 75px;
	float: left;
}

.news_story p {
	font-size: 18px;
	line-height: 1.2em;
	width: 250px;
	height: 45px;
	margin: 15px 0 0 20px;
	overflow: hidden;
	float: left;
	font-weight: bold;
}

.underline {
	border-bottom: 1px #555555 solid;
}

#video {
	margin-top: -25px;
}


/* --------- DONATE BUTTON ---------- */

/* ---- donate sprite ----- */

/*--up state--*/

#donate a {
	left: 0; 
	width: 430px; 
	background-position: 0 0; 
}

/*--hover state--*/

#donate a:hover {
	background-position: 0 -55px; 
}

#donate_button {
	width: 400px;
	height: 55px;
	position: relative;
}

#donate_button a {
	top: 0;
	height: 55px;
	position: absolute;
	background: url(/img/donate2.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;  
}





/* --------- DOWNLOADS ---------- */


.dl ul {
	margin: 17px 0 80px 45px;
}

.dl li {
	font-size: 14px;	
	line-height: 1.5em; 
}

.dl h3 {
	margin-top: 5px;
	margin-bottom: 15px;
	border-top: none;
	border-bottom: none;
}

.dl a:link, .dl a:active, .dl a:visited {
	color: #000;
	text-decoration: none;
}

.dl a:hover {
	color: #000;
	text-decoration: underline;
}



/* ------ COMMENTS --------- */

.commentlist {
	color: #000;
	margin: 0 0 40px 0;
}	

.commentlist h1.author {
	background: #DADEDF;
	color: #000;
	margin-top: 20px;
	padding: 7px 0 7px 7px;
}	

.commentlist .time {
	color: #666666;
	font-style: italic;
	font-size: 12px;
	padding: 3px 0 3px 7px;
}	

.commentlist .commenttext {
	padding: 10px 0 0 7px;
}	


.commentlist .quote {
	background: #000;
}

.commentlist li {
	margin-top:15px;
}

.commentlist cite {

}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#000;
	text-decoration:none;
}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#000;
	text-decoration:underline;
}






/* ------- HOME BASE ARCHIVES -------- */


.base_archive {
	width: 294px;
	float: left;
}

.base_archive h3 {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 1.25em;
	letter-spacing: .01em;
	margin: 0 0 10px 0;
	padding: 14px 0 10px 8px;
	border-top: 1px #555555 solid;
	border-bottom: 1px #555555 solid;
}

.base_archive .base_title {
	color: #000;
}

.base_archive a:hover {
	text-decoration: underline;	
}


.base_archive img {
	width: 294px;
	height: 130px;
	background: #999;
}

.base_archive p {
	width: 284px;
	height: 17px;
	background: #000;
	color: #fff;
	float: left;
	font-size: 14px;
	margin: 1px 0 0 0;
	padding: 2px 0 5px 10px;
}




/* ------- ARCHIVES -------- */


.archive_box {
	width: 202px;
	height: 240px;
	float: left;
}

p.archive_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 25px 0;
	padding: 5px 0 4px 0;
	border-top: 1px #555555 solid;
	border-bottom: 1px #555555 solid;
}

.spacer {
	margin: 0 25px 0 0;	
}










/* --------- JOIN US ---------- */


#joinus_diagram {
	width: 890px;
	height: 440px;
	float: left;
	margin: 10px 0 0 0;
	background: url('/img/joinus_diagram.jpg') no-repeat;
}

#joinus_text {
	position: absolute;
}
 
.alignleft { float:left }
.alignright { float:right }


/* --------- BLOG ---------- */

#blogwrap {
	width: 1000px;
	clear: both;
}

#blogposts {
	width: 570px; 
	float: left; 
	margin: 0 95px 0 0;	
}

#blogwrap a:link, #blogwrap a:active, #blogwrap a:visited {
	text-decoration: none;
	color: #000;
}

#blogwrap a:hover {
	text-decoration: underline;
	color: #000;
}

#blog_title {
	width: 570px;
	min-height: 70px;
	float: left;
	margin: 0 0 40px 0;	
	border-top: 1px #555555 solid;
	border-bottom: 1px #555555 solid;	
}

#blog_title h2 {
	float: left;
	width: 460px;
	margin-right: 20px;
	border-top: 0px #fff solid;
	border-bottom: 0px #fff solid;	
}

.selector {
	width: 41px;
	height: 34px;
	float: left;
	margin: 16px 0 0 -5px;	
}

.date {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #000;
	line-height: 1.25em;
	margin: 15px 0 25px 0;
}




#sidebar {
	width: 225px; 
	float: left;
}

#sidebar h3 {
	width: 225px; 
	border-top: 1px #999 solid; 
	border-bottom: 1px #999 solid; 
	padding: 7px 0 0 0;
}

#sidebar li {
	font-size: 14px;
	line-height: 1.5em;
}

.postdate {
    position: relative;
    width: 45px;
    height: 60px;
    float: left;
}
	
.month, .day, .year {
    position: absolute;
    text-indent: -1000em;
    background-image: url(/img/date_img.png);
    background-repeat: no-repeat;
}

    .month { top: 10px; left: 0; width: 33px; height: 30px;}
    .day { top: 30px; left: 0; width: 33px; height: 30px;}
    .year { bottom: 0; right: 13px; width: 20px; height: 60px;}

    .m-01 { background-position: 0 0px;}
    .m-02 { background-position: 0 -30px;}
    .m-03 { background-position: 0 -62px;}
    .m-04 { background-position: 0 -94px;}
    .m-05 { background-position: 0 -125px;}
    .m-06 { background-position: 0 -155px;}
    .m-07 { background-position: 0 -185px;}
    .m-08 { background-position: 0 -217px;}
    .m-09 { background-position: 0 -248px;}
    .m-10 { background-position: 0 -279px;}
    .m-11 { background-position: 0 -310px;}
    .m-12 { background-position: 0 -341px;}

    .d-01 { background-position: -51px 0;}
    .d-02 { background-position: -51px -27px;}
    .d-03 { background-position: -51px -57px;}
    .d-04 { background-position: -51px -91px;}
    .d-05 { background-position: -51px -122px;}
    .d-06 { background-position: -51px -151px;}
    .d-07 { background-position: -51px -185px;}
    .d-08 { background-position: -51px -214px;}
    .d-09 { background-position: -51px -249px;}
    .d-10 { background-position: -51px -275px;}
    .d-11 { background-position: -51px -309px;}
    .d-12 { background-position: -51px -338px;}
    .d-13 { background-position: -51px -373px;}
    .d-14 { background-position: -51px -404px;}
    .d-15 { background-position: -51px -436px;}
    .d-16 { background-position: -51px -462px;}
    .d-17 { background-position: -100px -0px;}
    .d-18 { background-position: -100px -27px;}
    .d-19 { background-position: -100px -57px;}
    .d-20 { background-position: -100px -91px;}
    .d-21 { background-position: -100px -122px;}
    .d-22 { background-position: -100px -151px;}
    .d-23 { background-position: -100px -185px;}
    .d-24 { background-position: -100px -214px;}
    .d-25 { background-position: -100px -249px;}
    .d-26 { background-position: -100px -275px;}
    .d-27 { background-position: -100px -309px;}
    .d-28 { background-position: -100px -338px;}
    .d-29 { background-position: -100px -373px;}
    .d-30 { background-position: -100px -404px;}
    .d-31 { background-position: -100px -436px;}
	
	.y-2009 { background-position: -150px 0;}
	.y-2010 { background-position: -150px -60px;}
	.y-2011 { background-position: -150px -120px;}
	.y-2012 { background-position: -150px -180;}
	.y-2013 { background-position: -150px -240px;}
	.y-2014 { background-position: -150px -300px;}


/* --------- TYPE STYLES ---------- */

.tk-chunk {font-family:"chunk-1","chunk-2",serif;}

h2 {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 30px;
	letter-spacing: .01em;
	line-height: 1.25em;
	padding: 17px 0 12px 5px;
	border-top: 1px #555555 solid;
	border-bottom: 1px #555555 solid;	
}

h3 {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 1.25em;
	letter-spacing: .01em;
	padding: 14px 0 10px 8px;
	border-top: 1px #555555 solid;
	border-bottom: 1px #555555 solid;
}

#sidebar h3 {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 1.25em;
	letter-spacing: .01em;
}

h4 {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #444444;	
	letter-spacing: .01em;
	line-height: 1.25em;
	padding: 7px 0 3px 0;
	border-top: 1px #555555 dotted;
	border-bottom: 1px #555555 dotted;
}

h5 {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #444444;	
	letter-spacing: .01em;
	line-height: 1.25em;
}


.blog_buttons {
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #444444;	
	letter-spacing: .01em;
	line-height: 1.25em;
}


p {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 15px;
}


/* --------- EXTRAS ---------- */

.letsdothis {
	width: 185px;
	height: 35px;
	position: absolute;
	margin: 55px 0 0 10px;
}

.morestuff {
	width: 110px;
	height: 90px;
	float: left;
	margin: 0 0 55px -125px;	
}

.thismeansyou {
	width: 110px;
	height: 90px;
	float: left;
	margin: 0 -130px 0 0;
}



/* --------- FOOTER ---------- */

#footer {
	width: 890px;
	height: 560px;
	padding: 45px 55px 0 55px;
	/*background: url(/img/footer-bkg.png) center bottom no-repeat;*/
}

#footer p {
	font-size: 22px;
	font-weight: bold;
	color: #444444;	
	letter-spacing: -.04em;
	line-height: 1.25em;
}

p.copyright {
	font-size: 14px;
	font-weight: bold;
	color: #444444;	
	letter-spacing: -.04em;
	line-height: 1.25em;	
}

#footer a:link, #footer a:active, #footer a:visited {
	text-decoration: none;
	color: #444444;
}

#footer a:hover {
	text-decoration: underline;
	color: #c75337;
}

#footernav {
	width: 890px;
	height: 40px;
	float: left;
	margin: 55px 0 0 0;
	border-top: 1px #555555 dotted;
	border-bottom: 1px #555555 dotted;
}

#footernav ul {
	list-style: none;
	width: 890px;
	height: 40px;
	color: #999;
	margin: 6px auto 0 auto;
	font-weight: normal;
}

#footernav li {
	display: inline;
	font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: .02em;
	line-height: 1.25em;
	margin: 0 20px 0 20px;
}

#footernav li a:link, #footernav li a:active, #footernav li a:visited {
	color: #444;
	text-decoration: none;
	padding: 6px 11px 4px 11px;
}

#footernav li a:hover {
	color: #fff;
	background: #83c5b8;
	text-decoration: none;
	padding: 6px 11px 4px 11px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#footer_base {
	width: 890px;
	height: 40px;
	float: left;
	margin: 330px 0 0 0;
	border-top: 1px #555555 dotted;
	border-bottom: 1px #555555 dotted;
}



/*
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them 
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns 
*/