@charset "UTF-8";
/* CSS Document */

/*
css reset
http://serenedestiny.com/blog/web-development/lets-create-the-perfect-css-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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

textarea { overflow: auto; }
input { border: 0px solid white; margin: 0; padding: 0; }

ol, ul {
	list-style: none;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*nccc custom style - created July 2010*/

body { margin:0 auto; background:#fff url(../_img/new/main_bg.jpg) top center repeat-x; font-family:Helvetica, Arial, Tahoma, Geneva, sans-serif; }

p { line-height:26px;   }
p.small { font-size:10px; line-height:16px; }


#container { margin:0 auto; width: 1024px; position:relative; }
#wrapper { margin:0 auto; width:1024px; background-position:0px 0px; border:0px solid #333;}
#bottom { margin:0 auto; width:1024px; float: left; }


/*top section*/
#top { float:left; margin-top:0px; padding-left:135px; width:889px; height:500px; background:url(../_img/new/page_bg.jpg) top center no-repeat; position:relative;  }

/*top section drill*/
#top_drill { float:left; margin-top:0px; padding:0; padding-left:135px; width:889px; height:330px; background:url(../_img/new/page_drill_bg.jpg) top center no-repeat; border:0px solid #333;  }
#top_drill img.wel {  width:501px; height:171px; border:none;  }


/*header*/
#head { float:left; margin-top:0px; padding:0; width:889px; height:118px; border:0px solid #333; }
#head #logo { float:left;  width:260px; height:80px;  border:0px solid #333; }
#head #logo a { width:260px; height:80px; display:block; text-indent:-5000px; }

#head #search { float:left; width:620px; height:63px;  margin-top:17px; text-align:right; border:0px solid #333; }

#head #nav { position:relative; float:left; margin-top:0px; width:450px; height:23px; border:0px solid #333; padding-left:50px; padding-top:11px; z-index: 1000;  }
#head #nav ul { float:left; font-size:12px; }
#head #nav ul li { padding:5px 30px 5px 30px; float:left; border-right:1px solid #598527;}
#head #nav ul li.one { border-left:1px solid #598527;}

#head #nav ul li a { color:#FF8040; font-weight:bold; text-decoration:none; padding:5px; font-size:12px; }
#head #nav ul li a.one { color:#598527; font-weight:bold; text-decoration:none; padding:5px; font-size:12px; }

#head #nav #controlsa { z-index: 1000; position: absolute; top:33px; left: 51px; background-color:#f5f6f8; width:147px; height:225px; padding-left:20px;  padding-top:10px; border:0; }
#head #nav #controlsb { z-index: 1000; position: absolute; top:33px; left: 0px; background-color:#f5f6f8; width:540px; height:350px; padding-left:20px;  padding-top:10px;  }
#head #nav #controlsc { z-index: 1000; position: absolute; top:33px; left: 344px; background-color:#f5f6f8; width:136px; height:225px; padding-left:20px;  padding-top:10px;  }

#head #nav #alpha,#beta, #gamma { float:left; width:170px; }


#head #nav div .links { padding:10px; font:12px bold Arial, Helvetica, sans-serif; float:left;    }
#head #nav div .links ul li { padding:0px; border:0; border-bottom:1px solid #EAEAEA; float:none; padding:2px 0 2px 0;}
#head #nav div .links ul li a { color:#000; text-decoration:none; font-weight:bold; font-size:12px;  }
#head #nav div .links ul li a.one { color:#598527; text-transform:uppercase; }


#head #nav div .links ul li a:hover { color:#FF8040; text-decoration:none; }
#head #nav div .links ul li.first { font-weight:bold; }




/*cycle and side*/

#cycle { z-index:10; float:left; margin:17px 0 0 0; padding-left:25px; width:507px; height:380px; border:0px solid #333; }
#main_img { float:left; margin:17px 0 0 0; padding-left:29px; padding-top:3px; width:503px; height:177px; border:0px solid #333; }


#side { float:left; width:330px; height:380px; padding-left:10px; border:0px solid #333;  border:0px solid #333; }


#side #ws { margin-top:28px; padding-left:20px; text-align:left; float:left; width:300px; height:37px; border:0px solid #333; }
#side #ws p { font:18px Arial, Helvetica, sans-serif; padding-left:15px;  }
#side #ws span { font:12px Arial, Helvetica, sans-serif; color:#e17532;  }

#side #mm { margin-top:45px; padding-left:17px; font:18px Arial, Helvetica, sans-serif; text-align:left; float:left; width:300px; height:130px; border:0px solid #333;  }
#side #mm p { font:bold 14px Arial, Helvetica, sans-serif;  }
#side #mm p a { font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; color:#030303;  }
#side #mm p a:hover { color:#e17532; }

#side #mm p.current { margin-top:15px; margin-bottom:8px; font:bold 14px Arial, Helvetica, sans-serif;  }
#side #mm p.green {  margin-bottom:11px; font:bold 11px Arial, Helvetica, sans-serif; color:#598527;  }

#side #mm ul { margin-left:-7px; }
#side #mm ul li { float:left; }
#side #mm ul li a { width:62px; height:46px; display:block; text-indent:-5000px; border:0px solid #D5D5D5; }
#side #mm ul li a.listen { background:url(../_img/new/listen.jpg) top center no-repeat; }
#side #mm ul li a.watch { background:url(../_img/new/watch.jpg) top center no-repeat; }
#side #mm ul li a.download { background:url(../_img/reading.jpg) top center no-repeat; }

#side #social { margin-top:40px; padding-left:17px; font:18px Arial, Helvetica, sans-serif; text-align:left; float:left; width:300px;  }
#side #social ul li { float:left; }
#side #social ul li a { text-indent:-5000px; }
#side #social ul li a.updates { width:88px; height:54px; background:url(../_img/new/updates.jpg) top left no-repeat; display:block;  }
#side #social ul li a.twitter { width:44px; height:54px; background:url(../_img/new/twitter.jpg) top left no-repeat; display:block;  }
#side #social ul li a.facebook { width:44px; height:54px; background:url(../_img/new/facebook.jpg) top left no-repeat; display:block;  }



#side_drill { float:left; width:330px; height:205px; padding-left:10px; padding-top:5px; border:0px solid #333;  }

#side_drill #main_title { margin-top:28px; padding-left:20px; text-align:left; float:left; width:300px; height:37px; border:0px solid #333; }
#side_drill #main_title h1 { margin-top:-5px; font:bold 20px Arial, Helvetica, sans-serif; padding-left:0px; color:#e17532; border:0px solid #222; text-align:right; padding-right:145px;  }
#side_drill #main_title p { margin-top:-5px; font:bold 20px Arial, Helvetica, sans-serif; padding-left:15px; color:#e17532; border:0px solid #222; text-align:right; padding-right:145px;  }
#side_drill #main_title p span { font:bold 10px Arial, Helvetica, sans-serif; color:#888;  }


#content { float:left; padding:0 140px 0 140px; width:744px; background:url(../_img/new/content_new_bg.jpg) top center no-repeat; border:0px solid #333;  }
#content h1 { font:bold 18px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; color:#e17532;  }
#content h2 { font:bold 14px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; color:#e17532;  }
#content h2.main { font:bold 18px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; color:#e17532;  }
#content h2 a  { font:bold 12px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:5px; color:#e17532; text-decoration:none;  }
#content h2 a:hover  { font:bold 12px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:5px; color:#575757;  }
#content h3 { font:bold 12px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; color:#e17532;  }
#content p, td { font:12px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; color:#333; line-height:18px;}
#content p.author { font:bold 13px Arial, Helvetica, sans-serif; padding-left:10px; padding-top:10px; color:#e17532; line-height:18px; padding-bottom:5px; border-bottom:1px dotted #333;}
#content table { font:12px Arial, Helvetica, sans-serif; margin-left:0px; margin-top:-7px; margin-bottom:15px; }
#content a  { color:#7092a2; text-decoration:underline; font-weight:bold;  }
#content a:hover  { color:#e17532;  }


#content ul { font:12px Arial, Helvetica, sans-serif; padding-left:15px; margin-left:15px; padding-top:10px; color:#333;}
#content ul li { list-style-type:disc; padding-left:1px; margin-left:20px; padding:5px 0 5px 1px; }

#content ol { font:12px Arial, Helvetica, sans-serif; padding-left:15px; margin-left:15px; padding-top:10px; color:#333;}
#content ol li { list-style-type:decimal;  padding-left:1px; margin-left:20px; padding:5px 0 5px 1px; }


/*buckets*/
#buckets { margin:0 auto; padding-left:42px; padding-top:30px; width:982px; float: left;  }

#buckets a { margin-right:8px; width:183px; height:91px; display:block; background-color:#ccc; float:left; }
#buckets a.new { background:url(../_img/new/new.jpg) top center no-repeat; }
#buckets a.connect { background:url(../_img/new/connect.jpg) top center no-repeat; }
#buckets a.serve { background:url(../_img/new/serve.jpg) top center no-repeat; }
#buckets a.give { background:url(../_img/new/give.jpg) top center no-repeat; }
#buckets a.upcoming { background:url(../_img/new/upcoming.jpg) top center no-repeat; }



/*footer*/
#footer { margin:0 auto; margin-top:45px; padding-top:31px; padding-left:42px; padding-bottom:30px; width:1024px; float: left; color:#000; background:url(../_img/new/border_footer.jpg) top left no-repeat; }

#footer .links { padding:0 10px; font:12px bold Arial, Helvetica, sans-serif; float:left;  }
#footer .links ul li a { color:#000; text-decoration:none; }
#footer .links ul li a:hover { color:#FF8040; text-decoration:none; }
#footer .links ul li.first { font-weight:bold; }

#footer .lfirst {  width:235px;   }
#footer .lsecond {  width:235px;  }
#footer .lthird {  width:230px;   }
#footer .last {  width:200px;  border-left:10px solid #000; padding-left:15px; }


/*scrollable*/
 
#scroll { height:355px; width:507px; position:relative; overflow:hidden; padding:0px;  }
#tools { height:311px; width:9999em; position:absolute; }
.tool { height:311px; width:507px; float:left; text-align:center; border:0px solid #333; }
#thumbs { height:20px; width:507px; position:absolute; top:335px; left:-8px; }
.t { padding:0 !important; border:0 !important; }
.t a { margin-left:6px; width:20px; height:20px; display:block;float:left; cursor:pointer; }
.t a.active { cursor:default !important; }
.navi { margin-left:364px; _margin-left:354px; }
 
/* CSS for the scrollable navigation */

#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9, #t10 { background-color:#2D2D2D;  }
#t1:hover, #t2:hover, #t3:hover, #t4:hover, #t5:hover, #t6:hover, #t7:hover, #t8:hover, #t9:hover, #t10:hover 	{ background-color:#cacaca;  }
#t1:active, #t2:active, #t3:active, #t4:active, #t5:active, #t6:active, #t7:active, #t8:active, #t9:active, #t10:active	{ background-color:#666;  }
#t1.active, #t2.active, #t3.active, #t4.active, #t5.active, #t6.active, #t7.active, #t8.active, #t9.active, #t10.active	{ background-color:#999;  }