@charset "UTF-8";
/* CSS Document */
/*spacing buttons 6px, spacing features 4px.*/

* {margin:0; padding:0;}
body { font:12px Arial, Helvetica, sans-serif; }
p { font: 13px Arial, Helvetica, sans-serif; line-height:18px;}
h1 { font:30px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight:normal;}
h2 { font:24px Arial, Helvetica, sans-serif; letter-spacing:-.03em;}
h3 { font:20px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight:600;}
h4 { font:17px Arial, Helvetica, sans-serif; letter-spacing:-.03em;}
h5 { font:14px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight:normal;}
.small { font-size:11px;}
a {text-decoration:none; color:#4ac4f0; font-weight:600;}
a:hover {color:#444;}
ul {margin-left:25px; line-height:140%; color:#555; font-weight:600; color:#005f83;}
ol {margin-left:25px; line-height:140%; color:#555; font-weight:600; color:#005f83;}

#video_home {width:636px; height:447px; float:left; background:none;}
#feature_block {width:290px; height:448px; margin-right:6px;}


/* Slideshow */
#slides{width:948px; height:340px; margin:0 auto; background:#fff;
/*position:absolute;top:15px;left:4px;z-index:100;*/}

/*
Slides container
Important:Set the width of your slides container
Set to display none,prevents content flash
*/
.slides_container{width:948px;height:320px;overflow:hidden;position:relative;display:none;}

/*
Each slide
Important:Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container a{width:948px;display:block;}
.slides_container a img, .slides_container img{display:block;}{display:block;}

/* Next/prev buttons */
#slides .next,#slides .prev{position:relative;width:24px;height:43px;display:block;z-index:101;}
#slides .prev{top:-177px;left:-24px;}
#slides .next{top:-220px;left:948px;}

/* Pagination */
#slides ul {margin:-85px auto; width:85px;}
.pagination li{float:left;margin:0 1px;list-style:none;}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/slideshow/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a{background-position:0 -12px;}



/*.b_seemore {float:left;}
.regButton {float:right;}*/






#nav {width: 976px; height:70px; margin:0 auto; background:url(../images/bg_nav.png) no-repeat top;}
#navmenu {width:620px; padding-top:13px; margin-left:350px;}
#b_group {width:934px; height:66px; margin:0 auto 6px auto;}
#content {width:932px; margin:0 auto;}

#servicetimes { width:270px; height:57px; padding:9px 10px 0 10px; margin-right:6px; background:url(../images/bg_servicetimes.gif); float:left;}
#servicetimes a {text-decoration:none; color:#ccc; text-transform:uppercase;}
#servicetimes a:hover {color:#d5eaf1;}

.b_main { width:208px; height:66px; margin-right:6px; float:left;}
a.button {background:url(../images/bg_button.jpg) repeat-x center; text-decoration:none; padding:5px; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px;}
a:hover.button {background:#069;}
#sidebar { float:left; width:290px; margin-right:6px;}

.feature { width:290px; height:109px; margin-bottom:4px; background: #333333}
.feature img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .8; }
.feature:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}


#container {width:953px; margin:0px auto; padding: 12px 6px 6px 6px; background:url(../images/bg_container.png) repeat-y; height:100%; }
#containerleft {float:left; background:#ddd;}
#containerright {float:left; }

.textpad {float:left; width: 600px; padding:10px;}
.title {width:625px; height:22px; background:#000; padding:7px 0 7px 10px; }
.title h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff;}
.textpad div h1 { font:24px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight:normal; color:#005f83; margin-bottom:10px;}

.textpad div h2 { font:20px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight: normal; color:#aa0011; margin-bottom:5px;}

.textpad div h3 { font:16px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight:bold; color:#666; margin-bottom:5px;}

.textpad div h4 { font:14px Arial, Helvetica, sans-serif; letter-spacing:-.03em; font-weight:bold; color:#3b5966; margin-bottom:5px;}

.uppercase { text-transform:uppercase;}

.h_pages { width:635px; height:214px; margin-bottom:4px; background:#555;}


/*#footer {width:964px; height:150px;margin:-10px auto 20px auto; z-index:100;}

#l_footer { width:233px; height:35px;  background:url(../images/l_footer.png); margin:0 auto;}

#t_address { width:880px; margin:15px auto 0 auto; text-align:center; text-transform:uppercase;}*/

#footer {width:963px; height:170px;margin:0 auto; z-index:100; background: url(../images/bg_footer2.png) no-repeat top ; padding-top:20px}



#bg_footer { margin:0 auto; z-index:100; }
#l_footer { width:233px; height:35px;  background:url(../images/l_footer.png); margin:0 auto 10px auto;}
#t_address { width:880px; margin:15px auto 0 auto; text-align:center; }

.top_pages {/* width:1600px;*/ height:154px; background:url(../images/bg_top_sub.jpg) no-repeat top; margin:0 auto;}
.top_home {/*width:1600px;*/ height:395px; background:url(../images/bg_top_home.jpg) no-repeat top; margin:0 auto;}

/*  List and Grid   */
.listleft { float:left;  margin:5px 0 0 15px ; min-height:80px; width:173px; clear:both; /*#005f83*/ margin-right:15px; }
.listleft img {height:50px; width:133px;  border:1px solid #777;  }
.listright {float:left; width:380px; margin-top:15px;}
.listright2 {float:left; width:283px; margin-right:20px; margin-top:10px;}

.bg_date {float:left; width:auto; padding:5px 0; }
.date {margin: 0 auto ; width: 70px; color:#333; text-align:center; text-transform:uppercase; font-weight:bold; font-size:14px; }

.listitem { width:600px; min-height:110px; margin: 0 0 0 0; background: #efefef url(../images/bg_list.jpg) no-repeat top; border-bottom: 1px solid #ccc; padding-top:5px; }
.listitem h3 {  font-size:24px;}
.listitem h3 a{ color:#005f83;}
.listitem h3 a:hover{ color:#555;}
.listitem p {color:#000; font-size:11.5px; line-height: 19px;}
.listleft  { }
.listright h2 a {color:#005f83;}
.listright h2 a:hover {color:#555;}
.listright  h4 {color:#555; margin:0 0 5px 0;}
.listright div p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000;}
.listitem_button {width:80px; height:30px; margin-top:5px;}
.listitem div div img { margin-top:10px; width:80px;}

.griditem { float:left; width:290px; height:160px; margin:15px 10px 5px 0;}
.griditem h2 { color:#555;}
.griditem h3 {margin-bottom:5px; font-weight:normal;}
.griditem h3 a{ color:#005f83;}
.griditem h3 a:hover{ color:#555;}
.griditem p { color:#555; font-size:11.5px; line-height: 17px; }
.griditem_button { width:80px; height:30px; margin-top:5px;}

#print_resources { background: #e5e5e5; padding:10px 10px 15px 10px; color:#00a1dd; margin-top:15px; font-weight:600;}
#print_resources h3 { color:#005f83; margin-bottom:5px; font-weight:500;}
#print_resources h5 { color:#555; margin-top:5px;}

#picContainer { margin:5px; height:109px; width:109px; overflow:hidden; text-align:center; vertical-align:middle; border:2px solid #F1F2E3;}

#phototop { background:#263b48; padding:10px; margin-bottom:15px; width:615px; height:119px;}

.p_album { float:left; width: 290px; height:109px; margin-right:10px;}

.albuminfo { float:left; width:195px; margin-right:10px;}

.goback { float:left; width:110px; height:30px;}

.albumcover { width:290px; padding: 10px; margin-right:5px; float:left; height:140px; background:#263b48;}

.photopad { width:635px;}

/* form */
input { font: 12px Arial, Helvetica, sans-serif; color:#222; /* border:solid 1px #ccc;*/ padding:2px; display:block; margin-top: 5px;}
label {  padding: 10px 0 0 0; margin-bottom:5px; font: 14px Arial, Helvetica, sans-serif; color:#fff; font-weight: bold;}
textarea { font: 13px Arial, Helvetica, sans-serif; color:#666;}
/*submit { text-decoration:none; color:#222; background:#005f83;}*/
.submit {background:url(http://nebcfamily.org/images/b_submit.png) no-repeat ; border:none; height:30px; width:100px; font-size:1px;}
input a:hover { color:#999;}
.formbox { color:#fff; background:#000; padding:5px; border:none; font-size:16px; font-weight:normal;}

/*   Logo   */
#logo {background: transparent; width:330px; height:60px; position:absolute; left:50%; margin-left:-480px; top:0px;}
#logo h1 {text-indent: -9000px; text-decoration: none; font-size:60px; overflow: hidden; }
#logo h1 a {display:block; }

/*colors*/
.black { color:#000;}
.white { color:#fff;}
.darkgrey { color:#444;}
.grey { color:#6b6b6b;}
.ltgrey { color:#e4e4e4;}
.ltblue{color:#d5eaf1;}
.blue { color:#005f83;}
.blue2 { color:#4ac4f0;}
.blue3 { color:#00a1dd;}
