body {margin:0; background:#7ebc26 url(/page/-/images/body-bg.gif) no-repeat 50% 0; font:13px Arial, Helvetica, sans-serif; color:#000;}
a {color:#06b1e6;}
a:hover {text-decoration:none;}
form {padding:0; margin:0;}

#container {width:959px; overflow:hidden; margin:0 auto;}

#header {width:100%; overflow:hidden;}
#header h1{background:url(/page/-/images/peer-pals-new-logo.png) no-repeat; width:435px; height:100px; text-indent:-9999em; overflow:hidden; margin:16px 0 0 4px;}
#header h1 a {width:100%; overflow:hidden; height:100%; display:block; position:relative; cursor:pointer;}

/* == Navigation == */

#navigation {width:100%; overflow:hidden; margin:0; padding:48px 0 0; list-style:none;}
#navigation li {float:left; overflow:hidden; margin-right:27px; display:inline;}
#navigation li a {display:block; overflow:hidden; text-indent:-9999em; position:relative; cursor:pointer;}

#who_we_are_nav a {background:url(/page/-/images/peerpals-nav.png) no-repeat; width: 137px; height: 31px;}
#who_we_are_nav a:hover {background: url(/page/-/images/peerpals-nav.png) no-repeat -1px -35px;}

#our_mission_nav a {background: url(/page/-/images/peerpals-nav.png) no-repeat -169px 0; width: 126px; height:31px;}
#our_mission_nav a:hover {background: url(/page/-/images/peerpals-nav.png) no-repeat -170px -35px;}

#contact_us_nav a {background: url(/page/-/images/peerpals-nav.png) no-repeat -333px 0; width: 121px; height: 31px;}
#contact_us_nav a:hover {background: url(/page/-/images/peerpals-nav.png) no-repeat -334px -35px;}

#events_nav a {background: url(/page/-/images/peerpals-nav.png) no-repeat -479px 0; width: 79px; height: 36px;}
#events_nav a:hover {background: url(/page/-/images/peerpals-nav.png) no-repeat -480px -35px;}

#play_date_feeback_nav a {background: url(/page/-/images/peerpals-nav.png) no-repeat -587px 0; width: 210px; height: 35px;}
#play_date_feeback_nav a:hover {background: url(/page/-/images/peerpals-nav.png) no-repeat -588px -35px;}


#donate_nav a {background:url(/page/-/images/donate.png) no-repeat; width:141px; height:41px;}
#navigation #donate_nav {margin: -13px 0 0;}



/*main-holder********************************************************************/
#main-holder {width:100%; overflow:hidden; background:url(/page/-/images/container-bg.gif) repeat-y; margin:-8px 0 0;}
#main {width:100%; overflow:hidden; background:url(/page/-/images/bg-main-onecol-top.png) no-repeat;}
#main h2,
.inner h2 {font:27px Arial, Helvetica, sans-serif; color:#06b1e6; margin: 20px 0;}

#blog_heading {margin:5px 5px 0 0; float:left; padding:0; background:url(/page/-/images/peerpalsblog.gif) no-repeat; width:174px; height:29px; text-indent:-9999em; overflow:hidden; position: relative;}
#blog_heading a {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

#content {width:648px; float:left; overflow:hidden; padding:5px 0 0;}

#sidebar {width:294px; float:left; overflow:hidden; padding:9px 9px 0 8px;}

/*content-block-holder*******************************************************/
.content-block-holder {width:100%; overflow:hidden; background:url(/page/-/images/content-block-bg.gif) repeat-y 100% 0; margin-bottom:5px;}
.content-block-top {width:100%; overflow:hidden; background:url(/page/-/images/content-block-top.gif) no-repeat 100% 0;}
.content-block {width:603px; overflow:hidden; background:url(/page/-/images/content-block-bottom.gif) no-repeat 0 100%; padding:13px 27px 18px 18px;}
.inner .content-block {min-height: 520px;}
.inner * {color: #000;}
.inner a {color:#06b1e6;}
.inner label {color: #06b1e6; display: block;}

/*image-holder**************************************************************/
.image-holder {width:309px; float:left; overflow:hidden;}
.image-holder img {display:block;}

/*text-holder*************************************************************/
.text-holder {width:290px; overflow:hidden; float:left; padding:10px 0 0;}
.text-holder p {font:18px/27px Arial, Helvetica, sans-serif; color:#06b1e6; margin:0;}

/*blue-btn********************************************************/
.blue-btn {width:100%; overflow:hidden; margin:10px 0 0; padding:0; list-style:none;}
.blue-btn li {float:left; overflow:hidden; background:#06b1e6 url(/page/-/images/blue-btn-left.gif) no-repeat; margin-right:15px; display:inline;}
.blue-btn li span {float:left; overflow:hidden; background:url(/page/-/images/blue-btn-right.gif) no-repeat 100% 0; height:44px; padding:0 13px;}
.blue-btn li a {display:block; text-indent:-9999em; overflow:hidden; text-decoration:none; margin:12px 0 0;}
.blue-btn li.btn-1 a {background:url(/page/-/images/blue-btn-1.gif) no-repeat; width:133px; height:18px;}
.blue-btn li.btn-2 a {background:url(/page/-/images/blue-btn-2.gif) no-repeat; width:73px; height:22px;}

/*holder************************************************************/
.holder {width:100%; overflow:hidden;}
.rss {background:url(/page/-/images/rss.gif) no-repeat; width:29px; height:31px; text-indent:-9999em; overflow:hidden; float:left; margin:5px 0 0;}

/*content-holder******************************************************/
.content-holder {width:593px; overflow:hidden; padding:0 0 0 10px;}
.content-holder h3 {font:bold 17px Arial, Helvetica, sans-serif; color:#71b20b; margin:15px 0 20px;}
.content-holder h4 {font:bold 14px Arial, Helvetica, sans-serif; color:#71b20b; margin:12px 0 17px;}
.content-holder p {margin:0 0 20px; font:13px Arial, Helvetica, sans-serif; color:#666;}

.post_summaries {width:100%; overflow:hidden; margin:0; padding:10px 0 0; list-style:none;}
.post_summaries li {width:100%; overflow:hidden; border-bottom:3px solid #eaeaea; padding-bottom:8px; margin-bottom:8px;}
.post_summaries li h3 {margin:0;}
.post_summaries li p {margin:0;}

/*comments*******************************************************/
.entry_info {overflow:hidden; margin: 1em 0 1em -8px; padding:0; list-style:none;}
.entry_info li {float:left; overflow:hidden; font:13px/17px Arial, Helvetica, sans-serif; color:#666; width:auto; padding:0 8px; border-bottom:none; border-left:1px solid #666; margin:0 1px 0 -1px;}

/*posts*****************************************************/
.posts {width:100%; overflow:hidden; margin:0; padding:0; list-style:none; font:13px/21px Arial, Helvetica, sans-serif;}

/*box-holder*****************************************************/
.box-holder {width:100%; overflow:hidden; margin-bottom:10px; position:relative; z-index:100; display:block; text-decoration:none; cursor:pointer;}
.box-holder p,
.box-holder em {margin:0; font:21px/29px Arial, Helvetica, sans-serif; text-decoration:none; color: #006989;}
.box {width:260px; overflow:hidden; padding:10px 18px 13px 16px; display:block;}
.box h3{margin:0;}

.box form {margin: 14px 0 5px;}
.box label {position: absolute; left: -9999px;}
.box input {float:left; overflow:hidden; padding:10px 0 6px 15px; width:173px; font:bold 22px Arial, Helvetica, sans-serif; color:#ccc;}
.box input.go-btn {width:54px; height:47px; padding:0; margin-left:10px; display:inline;}

#get_started {background:#06b1e6 url(/page/-/images/blue-box-top.gif) no-repeat;}
#get_started .box {background:url(/page/-/images/blue-box-bottom.gif) no-repeat 0 100%;}
#get_started p {color:#006989; font:25px/29px Arial, Helvetica, sans-serif;}
#get_started h3 {background:url(/page/-/images/getstarted.gif) no-repeat; width:207px; height:38px; text-indent:-9999em; overflow:hidden; display:block;}

#volunteer {background:#ffba00 url(/page/-/images/orange-box-top.gif) no-repeat;}
#volunteer .box {background:url(/page/-/images/orange-box-bottom.gif) no-repeat 0 100%;}
#volunteer p, .box-holder.orange em {color:#960;}
#volunteer strong {background:url(/page/-/images/volunteer.gif) no-repeat; width:172px; height:40px; text-indent:-9999em; overflow:hidden; display:block;}

#tell_a_friend {background:#71b20b url(/page/-/images/green-box-top.gif) no-repeat;}
#tell_a_friend .box {background:url(/page/-/images/green-box-bottom.gif) no-repeat 0 100%;}
#tell_a_friend p, .box-holder.green em {color:#363;}
#tell_a_friend strong {background:url(/page/-/images/tellafriend.gif) no-repeat; width:207px; height:44px; text-indent:-9999em; overflow:hidden; display:block;}

#events {background:#006989 url(/page/-/images/darkblue-box-top.gif) no-repeat;}
#events .box {background:url(/page/-/images/darkblue-box-bottom.gif) no-repeat 0 100%;}
#events a {width: 150px; overflow: hidden; position: absolute; top: 10px; right: 0; font:bold 17px Arial, Helvetica, sans-serif; text-decoration: none;}
#events a:hover {text-decoration: underline;}
#events h3 {background:url(/page/-/images/events.gif) no-repeat; width:114px; height:37px; text-indent:-9999em; overflow:hidden; display:block;}

#download {font:21px/53px Arial, Helvetica, sans-serif; color:#06b1e6; text-decoration:none; background:url(/page/-/images/download.gif) no-repeat; width:237px; height:53px; display:block; padding-left:57px;}
#download:hover {text-decoration:underline;}

/*point*****************************************************************/
.point {overflow:hidden; margin:0; padding:0 0 20px 76px; list-style:none;}
.point li {background:url(/page/-/images/point.gif) no-repeat 0 7px; padding-left:10px; color:#666;}

/**** ONE COLUMN ***/
body.onecol #content { width: 100%; background: ;}
body.onecol #content .content-block-top {width:100%; overflow:hidden; background:url(/page/-/images/bg-content-onecol-top.png) no-repeat 100% 0; margin-top: -3px; }
body.onecol #content .content-block-holder { width:100%;  background:url(/page/-/images/bg-content-onecol-mid.jpg) repeat-y 100% 0; margin-bottom: 5px; margin-top: 5px; }
body.onecol #content .content-block { width: 914px;
overflow:hidden; background: url(/page/-/images/bg-content-onecol-bottom.jpg) no-repeat 1px 100%; padding: 10px 27px 18px 18px; }
body.onecol #sidebar { display: none; }
body.onecol #main-holder { background: #fff; }
body.onecol .content-holder {width: 901px; overflow:hidden; padding:0 0 0 10px;}

/*footer******************************************************************/
#footer {width:100%; overflow:hidden; padding:0 0 25px;}
#footer ul {margin:0; padding:0; list-style:none; text-align:center;}
#footer ul li {display:inline; font:10px Arial, Helvetica, sans-serif; color:#666; padding:0 8px 0 0; border-left:1px solid #666;}
#footer ul li:first-child {border:none;}
#footer ul li a {color:#666; padding-left:8px;}